<?= $this->extend('backend/layout/template_admin'); ?>

<?= $this->section('content'); ?>

<!-- /.content-header -->

<!-- Main content -->
<section class="content">
  <div class="container-fluid">
    <!-- Small boxes (Stat box) -->
    <div class="row">
      <div class="col">
        <div class="alert alert-info" role="alert">
          Silahkan masukkan tahun awal dan tahun akhir.<br>
          Pastikan pengisian tahun hanya angka saja.<br>
          Untuk badge berwarna <span class="badge  bg-primary">Biru</span> artinya nilai tidak ada C.<br>
          Untuk badge berwarna <span class="badge  bg-danger">Merah</span> artinya nilai ada yang kurang.<br>
          Untuk badge berwarna <span class="badge  bg-warning">Kuning</span> artinya nilai belum diinput
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <!-- Button trigger modal -->
        <form method="POST" action="cektglnilai">
          <div class="row g-2">
            <div class="col-md">
              <div class="form-floating">
                <input type="text" class="form-control" id="tahunawal" name="tahunawal" placeholder="Tahun Awal">
                <label for="tahunawal">Tahun Awal</label>
              </div>
            </div>

            <div class="col-md">
              <div class="form-floating">
                <input type="text" class="form-control" id="tahunakhir" name="tahunakhir" placeholder="Tahun Akhir">
                <label for="tahunakhir">Tahun Akhir</label>
              </div>
            </div>
            <button type="submit" id="cekpangkat" class="btn btn-primary">
              Cek Nilai
            </button>
          </div>

        </form>

        <!-- <button type="button" name="btndeleteabsenpegawai" id="btndeleteabsenpegawai" class="btn btn-danger">Hapus</button>
        <button type="button" id="btnimportabsenbaru" class="btn btn-info" data-toggle="modal" data-target="#importModal">
          Import
        </button> -->

      </div>
    </div>

    <div class="row mt-3">
      <div class="col">
        <div class="table-responsive">
          <table class="table table-striped" id="tableCekPangkat">
            <thead class="bg-navy">
              <tr>

                <th scope="col">No</th>
                <th scope="col">NIP</th>
                <th scope="col">Nama Lengkap</th>


                <?php foreach ($arraytahun as $arraytahunj) : ?>
                  <th scope="col"><?= $arraytahunj; ?></th>

                <?php endforeach; ?>

              </tr>
            </thead>
            <tbody>


              <?php
              $a = 1;

              foreach ($pegawai as $pegawaij) :

              ?>
                <tr>
                  <td><?= $a++; ?></td>
                  <td><?= $pegawaij['nip']; ?></td>
                  <td><?= $pegawaij['nama_lengkap']; ?></td>
                  <?php foreach ($arraytahun as $arraytahunj) : ?>
                    <?php
                    $db = \Config\Database::connect();
                    $fetchnilai = $db->table('nilai_pegawai')->select('*')->where('nip', $pegawaij['nip'])->where('tahun', $arraytahunj)->get()->getRowArray();




                    ?>

                    <td>
                      <?php


                      if ($fetchnilai['kesimpulan'] == 1) {
                        echo '<span class="badge  bg-primary">OK</span>';
                      } elseif ($fetchnilai['kesimpulan'] == "") {
                        echo '<span class="badge  bg-warning">Empty</span>';
                      } else {
                        echo '<span class="badge  bg-danger">No</span>';
                      }

                      ?>
                    </td>
                  <?php endforeach; ?>
                </tr>
              <?php endforeach; ?>

            </tbody>

          </table>
        </div>


      </div>
    </div>




  </div><!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->

<script>
  $(document).ready(function() {
    $('#tableCekPangkat').DataTable({
      "dom": "<'row'<'col-sm-12 col-md-4'l><'col-sm-12 col-md-4'B><'col-sm-12 col-md-4'f>>" +
        "<'row'<'col-sm-12'tr>>" +
        "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
      buttons: [
        'copyHtml5',
        'excelHtml5',
        'csvHtml5',
        'pdfHtml5'
      ]
    });
  });
</script>


<?= $this->endSection(); ?>