<?= $this->extend('Panel/Layouts/App') ?>
<?= $this->section('fcss') ?>
<link rel="stylesheet" href="<?= base_url() ?>/vendors/bulma-calendar/dist/css/bulma.min.css">
<?= $this->endSection() ?>
<?= $this->section('css') ?>
<link rel="stylesheet" href="<?= base_url() ?>/vendors/tom-select@2.0.0-rc.4/dist/css/tom-select.bootstrap5.min.css">
<link rel="stylesheet" href="<?= base_url() ?>/vendors/bulma-calendar/dist/css/bulma-calendar.min.css">
<link rel="stylesheet" href="<?= base_url() ?>/vendors/nj-timepicker/njtimepicker.min.css">
<style>
  .nj-picker {
    z-index: 9999;
  }
</style>
<style>
  /* Chrome, Safari, Edge, Opera */
  .remove-arrow-num::-webkit-outer-spin-button,
  .remove-arrow-num::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Firefox */
  .remove-arrow-num {
    -moz-appearance: textfield;
  }
</style>
<?= $this->endSection() ?>
<?= $this->section('content') ?>
<div class="m-2">
  <div class="col-md-12">
    <div class="title mb-20">
      <h2><i class="lni lni-alarm-clock"></i> <?= $page_title ?></h2>
    </div>
  </div>
  <jadwal></jadwal>
</div>
<?= $this->endSection() ?>
<?= $this->section('js') ?>
<script src="<?= base_url() ?>/vendors/tom-select@2.0.0-rc.4/dist/js/tom-select.complete.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/vendors/gridjs/gridjs.production.min.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/components/VueGrid/VueGrid.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/components/VueTomSelect/VueTomSelect.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/vendors/bulma-calendar/dist/js/bulma-calendar.min.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/vendors/nj-timepicker/njtimepicker.min.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/pages/ujian/jadwal/peserta.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/pages/ujian/jadwal/edit-waktu.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/pages/ujian/jadwal/bersihkan-jawaban.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/pages/ujian/jadwal/index.js?v=<?= versioningjs() ?>"></script>
<script>
  VAPP.component(VueTomSelect.name, VueTomSelect);
  VAPP.component(VueGrid.name, VueGrid);
  VAPP.component(VPJadwal.name, VPJadwal);
  VAPP.component(VPEditWaktu.name, VPEditWaktu);
  VAPP.component(VPClearRespond.name, VPClearRespond);
  VAPP.component(VPPesertaUjian.name, VPPesertaUjian);
</script>
<?= $this->endSection() ?>