cityssm/lottery-licence-manager

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

<div class="columns is-variable is-4-mobile is-4-tablet is-block-print" id="is-site-layout">
  <%- include("_sideMenu-events"); -%>
  <div class="column is-block-print is-full-print">
    <nav class="breadcrumb">
      <ul>
        <li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
        <li><a href="<%= urlPrefix %>/events">
          <span class="icon is-small"><i class="fas fa-calendar" aria-hidden="true"></i></span>
          <span>Lottery Events</span>
        </a></li>
        <li class="is-active"><a href="#" aria-current="page">Outstanding Events</a></li>
      </ul>
    </nav>

    <h1 class="title is-1">
      Outstanding Events Report
    </h1>

    <div class="message is-info">
      <p class="message-body">
        This report includes those events that do not have a Report Date set.
      </p>
    </div>

    <form class="is-block-print" id="form--outstandingEvents">
      <table class="table is-fullwidth is-striped is-hoverable has-sticky-header">
        <thead>
          <tr>
            <th><%= configFunctions.getProperty("licences.externalLicenceNumber.fieldLabel") %></th>
            <th>
              <div class="field">
                <label class="label" for="filter--licenceTypeKey">Licence Type</label>
                <div class="control has-icons-left">
                  <div class="select is-small">
                    <select id="filter--licenceTypeKey" name="licenceTypeKey">
                      <option value="">(All)</option>
                      <%
                        const licenceTypes = configFunctions.getProperty("licenceTypes");
                        for (let index = 0; index < licenceTypes.length; index += 1) {
                          if (!licenceTypes[index].isActive) {
                            continue;
                          }
                      %>
                        <option value="<%= licenceTypes[index].licenceTypeKey %>">
                          <%= licenceTypes[index].licenceType %>
                        </option>
                      <%
                        }
                      %>
                    </select>
                  </div>
                  <div class="icon is-small is-left">
                    <i class="fas fa-filter" aria-hidden="true"></i>
                  </div>
                </div>
              </div>
            </th>
            <th>
              <div class="field">
                <label class="label" for="filter--eventDateType">Event Date</label>
                <div class="control has-icons-left">
                  <div class="select is-small">
                    <select id="filter--eventDateType" name="eventDateType">
                      <option value="">(All)</option>
                      <option value="past" selected>Past Only</option>
                      <option value="upcoming">Upcoming Only</option>
                    </select>
                  </div>
                  <div class="icon is-small is-left">
                    <i class="fas fa-filter" aria-hidden="true"></i>
                  </div>
                </div>
              </div>
            </th>
            <th class="has-text-centered">Report Date</th>
            <th class="has-text-centered">Banking</th>
            <th class="has-text-centered">Receipts</th>
          </tr>
        </thead>
        <tbody id="tbody--outstandingEvents"></tbody>
      </table>
    </form>
  </div>
</div>

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

<script src="<%= urlPrefix %>/javascripts/event-outstanding.min.js"></script>

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