<?= $this->extend('Panel/Layouts/App') ?>
<?= $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/nj-timepicker/njtimepicker.min.css">
<style>
    .nj-picker {
        z-index: 9999;
    }

    .modal-correction>img {
        max-width: 100%;
    }

    h3>table,
    .form-check-label>table {
        width: unset !important;
    }
</style>
<?= $this->endSection() ?>
<?= $this->section('content') ?>
<div class="m-2">
    <jadwal-detail-status></jadwal-detail-status>
    <jadwal-detail-progress></jadwal-detail-progress>
</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() ?>/vendors/nj-timepicker/njtimepicker.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() ?>/panel/assets/js/pages/ujian/jadwal/detail/status.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/pages/ujian/jadwal/detail/correction.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/pages/ujian/jadwal/detail/progress.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/pages/ujian/jadwal/peserta.js?v=<?= versioningjs() ?>"></script>
<script>
</script>
<script>
    VAPP.component(VueGrid.name, VueGrid);
    VAPP.component(VPJawabanCorrection.name, VPJawabanCorrection);
    VAPP.component(VPPesertaUjian.name, VPPesertaUjian);
    VAPP.component(VueTomSelect.name, VueTomSelect);
    VAPP.component(VPJadwalDetailStatus.name, VPJadwalDetailStatus);
    VAPP.component(VPJadwalDetailProgress.name, VPJadwalDetailProgress);
</script>

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