<?= $this->extend('Panel/Layouts/App') ?>
<?= $this->section('css') ?>
<style>
    .fc-event-title {
        color: black;
        font-weight: bold;
    }
</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-book"></i> <?= $page_title ?></h2>
        </div>
    </div>
    <div class="card p-1 my-1">
        <jadwal-libur></jadwal-libur>
    </div>
</div>

<?= $this->endSection() ?>
<?= $this->section('js') ?>
<script src="<?= base_url() ?>/vendors/fullcalendar/lib/main.min.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/vendors/fullcalendar/lib/locales/id.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/pages/elearning/jadwal-libur.js?v=<?= versioningjs() ?>"></script>
<script>
    VAPP.component(VPJadwalLibur.name, VPJadwalLibur);
</script>

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