<!DOCTYPE html>
<html>
  <head>
    <%- include('./partials/head'); %>
    <title>Home | OTiS</title>
  </head>

  <body>
    <%- include('./partials/script'); %>
    <div class="container">
      <%- include('./partials/navbar'); %>
      <!-- Set active navigation button -->
      <script>
        document.getElementById("navbar_home").className = "nav-link active";
      </script>
      <div class="jumbotron">
        <h1 class="display-5">OnlineTicketSystem</h1>
        <p class="lead">
          Work-in-progress version. Currently running on <b><%= host %></b>.
        </p>
        <ol>
          <li>
            Configure event - Add event details, backdrop & ticket design, etc.
          </li>
          <li>
            Create tickets for your dear visitors - Manually assign ticket IDs
            and send the digital ticket to them
          </li>
          <li>
            Start the event! - Ask the visitors to show their digital ticket on
            your device's webcam to scan the QR code
          </li>
        </ol>
        <p>
          <a role="button" class="btn btn-success" href="main">Start event!</a>
          <a role="button" class="btn btn-info" href="ticket">
            Create/Remove ticket
          </a>
          <a role="button" class="btn btn-info disabled" href="event">
            Manage event
          </a>
        </p>
      </div>
      <%- include('./partials/footer'); %>
    </div>
    <!-- /container -->
  </body>
</html>
