cityssm/attendance-tracking

<nav class="breadcrumb is-hidden-mobile">
  <ul>
    <li class="is-active">
      <a href="#" aria-current="page">
        Employee Attendance
      </a>
    </li>
    <li class="is-active">
      <a href="#">
        <span>After Hours Attendance</span>
      </a>
    </li>
  </ul>
</nav>
<div class="columns is-vcentered">
  <div class="column">
    <h1 class="title is-1 is-size-3-mobile">After Hours Attendance</h1>
  </div>
  <div class="column is-narrow has-text-right">
    <a class="button is-hidden-mobile" href="<%= urlPrefix %>/reports/afterHoursRecords-recent" download>
      <span class="icon"><i class="fas fa-file-csv" aria-hidden="true"></i></span>
      <span>Export</span>
    </a>
    <% if (permissionFunctions.hasPermission(user, 'attendance.afterHours.canUpdate')) { %>
      <button class="button is-success is-new-after-hours-button" data-cy="add" type="button">
        <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
        <span>New After Hours</span>
      </button>
    <% } %>
  </div>
</div>
<div id="container--afterHours"></div>