<?= $this->extend('Mobile/Layouts/App') ?>
<?= $this->section('css') ?>
<style>
    .no-scroll-bar {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .no-scroll-bar::-webkit-scrollbar {
        display: none;
    }
</style>
<?= $this->endSection() ?>

<?= $this->section('header') ?>
<div class="header-area" style="height: unset;">
    <div style="max-width: 100%;" class="container  p-0 m-auto">
        <div class="no-scroll-bar">
            <div class="d-flex justify-content-lg-center" style="overflow-x: auto;">
                <div style="cursor: pointer;" data-id="1" class="border day-tab btn-hover px-5 py-3" title="Senin">Senin</div>
                <div style="cursor: pointer;" data-id="2" class="border day-tab btn-hover px-5 py-3" title="Selasa">Selasa</div>
                <div style="cursor: pointer;" data-id="3" class="border day-tab btn-hover px-5 py-3" title="Rabu">Rabu</div>
                <div style="cursor: pointer;" data-id="4" class="border day-tab btn-hover px-5 py-3" title="Kamis">Kamis</div>
                <div style="cursor: pointer;" data-id="5" class="border day-tab btn-hover px-5 py-3" title="Jumat">Jumat</div>
                <div style="cursor: pointer;" data-id="6" class="border day-tab btn-hover px-5 py-3" title="Sabtu">Sabtu</div>
                <div style="cursor: pointer;" data-id="0" class="border day-tab btn-hover px-5 py-3" title="Minggu">Minggu</div>
            </div>
        </div>
    </div>
</div>
<?= $this->endSection() ?>
<?= $this->section('content') ?>
<div class="page-content-wrapper py-3">
    <div class="container">
        <jadwal></jadwal>
    </div>
</div>
<?= $this->endSection() ?>
<?= $this->section('js') ?>
<script src="<?= base_url() ?>/mobile/js/pages/kelas/jadwal.js?v=<?= versioningjs() ?>"></script>
<script>
    VAPP.component(VPJadwal.name, VPJadwal)
</script>
<?= $this->endSection() ?>