<?= $this->extend('Mobile/Layouts/App') ?>
<?= $this->section('css') ?>
<style>
</style>
<?= $this->endSection() ?>
<?= $this->section('header') ?>
<div class="header-area" id="headerArea">
    <div class="container">
        <!-- Header Content -->
        <div class="header-content position-relative d-flex align-items-center justify-content-between">
            <!-- Back Button -->
            <div class="back-button"><a href="<?= base_url('kelas/jadwal') ?>">
                    <svg class="bi bi-arrow-left-short" width="32" height="32" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"></path>
                    </svg></a></div>
            <!-- Page Title -->
            <div class="page-heading">
                <h6 class="mb-0"><?= $page_title ?></h6>
            </div>
            <!-- Settings -->
            <div class="setting-wrapper">
            </div>
        </div>
    </div>
</div>
<?= $this->endSection() ?>

<?= $this->section('content') ?>
<div class="page-content-wrapper py-3">
    <div class="container">
        <tugas></tugas>
    </div>
</div>
<?= $this->endSection() ?>
<?= $this->section('js') ?>
<script src="<?= base_url() ?>/mobile/js/pages/kelas/tugas.js?v=<?= versioningjs() ?>"></script>
<script>
    VAPP.component(VPTugas.name, VPTugas)
</script>
<?= $this->endSection() ?>