cityssm/attendance-tracking

<div class="modal" role="dialog" aria-label="Employee Attendance Log">
  <div class="modal-background"></div>
  <div class="modal-card" style="width:1000px">
    <div class="modal-card-head">
      <h3 class="modal-card-title">Employee Attendance Log</h3>
      <button
        class="delete is-close-modal-button"
        aria-label="close"
        type="button"
      ></button>
    </div>
    <section class="modal-card-body">
      <div class="box" id="container--attendanceLogEmployee"></div>
      <div class="columns">
        <div class="column is-3">
          <aside class="menu" style="position:sticky;top:0">
            <ul class="menu-list">
              <li>
                <a class="is-active" href="#tab--attendanceLog">
                  <span class="icon">
                    <i class="fas fa-scroll" aria-hidden="true"></i>
                  </span>
                  <span>Log</span>
                </a>
              </li>
              <li>
                <a href="#tab--attendanceReports">
                  <span class="icon">
                    <i class="fas fa-file" aria-hidden="true"></i>
                  </span>
                  <span>Reports</span>
                </a>
              </li>
            </ul>
          </aside>
        </div>
        <div class="column">
          <div class="tabs-container" style="min-height:calc(100vh - 340px)">
            <article id="tab--attendanceLog">
              <div id="container--attendanceLog">
                <p class="has-text-centered">
                  <i class="fas fa-4x fa-spin fa-cog has-text-grey" aria-hidden="true"></i>
                </p>
              </div>
            </article>
            <article id="tab--attendanceReports" class="is-hidden">
              <div class="panel"></div>
            </article>
          </div>
        </div>
      </div>
    </section>
    <div class="modal-card-foot is-justify-content-right">
      <button class="button is-close-modal-button" type="button">Close</button>
    </div>
  </div>
</div>