cityssm/parking-ticket-system

<%- include('_header'); -%>

<div class="columns is-variable is-4-mobile is-4-tablet is-block-print" id="is-site-layout">
  <%- include("_sideMenu-tickets"); -%>
  <div class="column">
    <nav class="breadcrumb">
      <ul>
        <li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
        <li><a href="<%= urlPrefix %>/tickets">Parking Tickets</a></li>
        <li class="is-active"><a href="#" aria-current="page">Convict Parking Tickets</a></li>
      </ul>
    </nav>

    <h1 class="title is-1">
      Convict Parking Tickets
    </h1>

    <div class="columns">
      <div class="column">
        <h2 class="title is-3">Convictable Parking Tickets</h2>

        <div class="box">
          <div class="message is-info is-small">
            <div class="message-body content">
              <p>Tickets are eligible for conviction when they meet the following criteria.</p>
              <ul>
                <li>Licence plates must be from Ontario, Canada.</li>
                <li>Licence plates must have reconciled ownership information.</li>
                <li>Tickets must have been issued at least 60 days ago.</li>
                <li>Tickets must not have requested a trial date.</li>
                <li>Tickets must not have been resolved already through payment or withdrawal.</li>
                <li>Tickets must not be part of another conviction batch.</li>
              </ul>
            </div>
          </div>
          <div class="field">
            <div class="control has-icons-left">
              <input class="input" id="filter--parkingTicket" type="text" placeholder="Filter Parking Tickets" />
              <span class="icon is-small is-left">
                <i class="fas fa-filter" aria-hidden="true"></i>
              </span>
            </div>
          </div>
        </div>

        <div id="convictable-tickets-container"></div>
      </div>
      <div class="is-divider-vertical"></div>
      <div class="column">
        <h2 class="title is-3">Target Batch</h2>

        <div class="box">
          <div class="field has-addons">
            <div class="control is-expanded">
              <span class="button is-fullwidth is-static justify-flex-start" id="batchSelector--batchId">
                (No Batch Selected)
              </span>
            </div>
            <div class="control">
              <button class="button" id="is-select-batch-button" type="button">
                <span class="icon"><i class="fas fa-search" aria-hidden="true"></i></span>
                <span>Select</span>
              </button>
            </div>
          </div>
          <div class="is-size-7" id="batchSelector--batchDetails"></div>
        </div>

        <div id="batch-entries-container"></div>
      </div>
    </div>
  </div>
</div>

<%- include('_footerA'); -%>

<script>
  exports.convictableTickets = <%- JSON.stringify(tickets) %>;
  <% if (batch) { %>
    exports.currentBatch = <%- JSON.stringify(batch) %>;
  <% } %>
</script>
<script src="<%= urlPrefix %>/javascripts/mto-ticketConvict.js"></script>

<%- include('_footerB'); -%>