@{
  ViewBag.Title = "MP-LAND HOME";
}

<div class="jumbotron pt-4 pb-2">
  <h1>MAPO - @ViewBag.Environment</h1>
  <p class="lead">Pannello di gestione della <a href="http://www.steamware.net/iot">suite MAPO</a>: l'integrazione di MES + SCADA + IOT + Gestione Commesse</p>
</div>
<div class="row">
  <div class="col-md-4">
    <a href="@ViewBag.UrlMpSite" class="btn btn-primary btn-lg btn-block" target="_blank">
      <h2>MP-SITE &raquo;</h2>
    </a>
    <hr />
    <div class="row">
      <div class="col-3 text-center">
        <i class="fa fa-sitemap fa-5x" aria-hidden="true"></i>
      </div>
      <div class="col-9">
        <p style="font-size:0.9rem;">
          <b>Sito principale:</b>
          <ul style="font-size:0.8rem;">
            <li>Mappa Stato</li>
            <li>Mappa Tempi</li>
            <li>Statistiche</li>
            <li>Produzione</li>
          </ul>
        </p>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <a href="@ViewBag.UrlMpTAB" class="btn btn-info btn-lg btn-block" target="_blank">
      <h2>MP-TAB &raquo;</h2>
    </a>
    <hr />
    <div class="row">
      <div class="col-3 text-center">
        <i class="fa fa-tablet fa-5x" aria-hidden="true"></i>
      </div>
      <div class="col-9">
        <p style="font-size:0.9rem;">
          <b>Accesso tablet:</b>
          <ul style="font-size:0.8rem;">
            <li>Mappa Stato</li>
            <li>Gestione Produzione</li>
            <li>Gestione Attrezzaggi</li>
            <li>Gestione Fermi</li>
          </ul>
        </p>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <a href="@ViewBag.UrlMpMON" class="btn btn-warning btn-lg btn-block" target="_blank">
      <h2>MP-MON &raquo;</h2>
    </a>
    <hr />
    <div class="row">
      <div class="col-3 text-center">
        <i class="fa fa-television fa-5x" aria-hidden="true"></i>
      </div>
      <div class="col-9">
        <p style="font-size:0.9rem;">
          <b>Panel monitoraggio:</b>
          <ul style="font-size:0.8rem;">
            <li>Panel Stato</li>
            <li>Realtime Data</li>
            <li>Ottimizzato per TV e sistemi totem HD/4K</li>
          </ul>
        </p>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-4">
    <a href="@ViewBag.UrlMpAdmin" class="btn btn-success btn-lg btn-block" target="_blank">
      <h2>MP-ADMIN &raquo;</h2>
    </a>
    <hr />
    <div class="row">
      <div class="col-3 text-center">
        <i class="fa fa-diamond fa-5x" aria-hidden="true"></i>
      </div>
      <div class="col-9">
        <p style="font-size:0.9rem;">
          <b>Sito Amministrativo:</b>
          <ul style="font-size:0.8rem;">
            <li>Gestione Articoli</li>
            <li>Gestione ODL</li>
            <li>Gestione Tempi</li>
          </ul>
        </p>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    @{
      if (ViewBag.CTrack_Enb)
      {
        <a href="@ViewBag.UrlMpCTrack" class="btn btn-secondary btn-lg btn-block" target="_blank">
          <h2>MP-CTRACK &raquo;</h2>
        </a>
        <hr />
        <div class="row">
          <div class="col-3 text-center">
            <i class="fa fa-hand-paper-o fa-5x" aria-hidden="true"></i>
          </div>
          <div class="col-9">
            <p style="font-size:0.9rem;">
              <b>Gestione Montaggi:</b>
              <ul style="font-size:0.8rem;">
                <li>Gestione Commesse/Postazioni/Operatori</li>
                <li>Registrazione Operazioni Manuali</li>
                <li>Registro Consuntivo Attivit&agrave;</li>
              </ul>
            </p>
          </div>
        </div>
      }
    }
  </div>
  <div class="col-md-4">
    <a href="@ViewBag.UrlMpIO" class="btn btn-danger btn-lg btn-block" target="_blank">
      <h2>MP-IO &raquo;</h2>
    </a>
    <hr />
    <div class="row">
      <div class="col-3 text-center">
        <i class="fa fa-steam fa-5x" aria-hidden="true"></i>
      </div>
      <div class="col-9">
        <p style="font-size:0.9rem;">
          <b>Stato IOB:</b>
          <ul style="font-size:0.8rem;">
            <li>Elenco acquisitori</li>
            <li>Storico reboot</li>
          </ul>
        </p>
      </div>
    </div>
  </div>
</div>