<?= $this->extend('Panel/Layouts/App') ?>
<?= $this->section('css') ?>
<?= $this->endSection() ?>
<?= $this->section('content') ?>
<div class="m-2">

    <div class="tab-style-1 card-style mb-30">
        <nav class="nav" id="nav-tab">
            <button class="active" id="tab-1-1" data-bs-toggle="tab" data-bs-target="#tabContent-1-1">
                <small>Presensi</small>
            </button>
            <button class="" id="tab-1-2" data-bs-toggle="tab" data-bs-target="#tabContent-1-2">
                <small>Agenda</small>
            </button>
        </nav>
        <div class="tab-content" id="nav-tabContent1">
            <div class="tab-pane fade active show" id="tabContent-1-1">
                <jadwal-absensi></jadwal-absensi>
            </div>
            <div class="tab-pane fade" id="tabContent-1-2">
                <jadwal-agenda tinymcekey="<?= options('tinymcekey') ?>"></jadwal-agenda>
            </div>
        </div>
    </div>

</div>

<?= $this->endSection() ?>
<?= $this->section('js') ?>
<script src="<?= base_url() ?>/panel/assets/js/pages/elearning/jadwal-mengajar/praktek/absensi.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/pages/elearning/jadwal-mengajar/praktek/agenda.js?v=<?= versioningjs() ?>"></script>
<script>
    VAPP.component(VPJMAbsensi.name, VPJMAbsensi);
    VAPP.component(VPJMAgenda.name, VPJMAgenda);
</script>

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