<?= $this->extend('Mobile/Layouts/App') ?>
<?= $this->section('css') ?>
<style>
    .slide-text>.text-white>p {
        color: white !important;

    }
</style>
<?= $this->endSection() ?>
<?= $this->section('content') ?>
<div class="page-content-wrapper py-3">
    <div v-if="$store.state.config.person.nomor_induk" class="container">
        <div class="card user-info-card mb-3">
            <div class="card-body d-flex align-items-center">
                <div class="user-profile me-3">
                    <img :src="$store.state.config.person.photo" :onerror="$store.state.config.onerrorAvatar" :alt="'Foto '+$store.state.config.person.nama">
                </div>
                <div class="user-info">
                    <div class="d-flex align-items-center">
                        <h5 class="mb-1">{{$store.state.config.person.nama}}</h5>
                    </div>
                    <p class="mb-0">{{$store.state.config.person.nomor_induk}}</p>
                    <div class="badge bg-success rounded-pill mx-1">
                        {{$store.state.config.person.kelas}}
                    </div>
                    <div class="badge bg-warning rounded-pill mx-1">
                        {{$store.state.config.person.ruang}}
                    </div><br>
                    <div class="badge bg-danger rounded-pill mx-1">
                        {{$store.state.config.person.jurusan}}
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="container">
        <pengumuman></pengumuman>
    </div>
    <div class="my-2"></div>
    <div v-if="reqiuredPresence" class="container">
        <div class="card mb-3">
            <div class="card-body">
                Jangan lupa presensi kehadiran <a :href="$store.state.config.base_url+'/daily-presence/map'" class="btn btn-primary" title="Presensi">disini</a>
            </div>
        </div>
    </div>
    <div class="container">
        <shortcut></shortcut>
    </div>
    <div class="container">
        <jadwal ref="jadwal-kelas" :hidenull="true"></jadwal>
    </div>

    <div class="container">
        <log-activity></log-activity>
    </div>
</div>
<?= $this->endSection() ?>
<?= $this->section('js') ?>
<?php $bu = base_url();
$vjs = versioningjs() ?>
<script src="<?= $bu ?>/mobile/js/pages/kelas/jadwal.js?v=<?= $vjs ?>"></script>
<script src="<?= $bu ?>/mobile/js/pages/dashboard/pengumuman.js?v=<?= $vjs ?>"></script>
<script src="<?= $bu ?>/mobile/js/pages/dashboard/logActivity.js?v=<?= $vjs ?>"></script>
<script src="<?= $bu ?>/mobile/js/pages/dashboard/shortcut.js?v=<?= $vjs ?>"></script>
<script src="<?= $bu ?>/mobile/js/pages/dashboard/index.js?v=<?= $vjs ?>"></script>

<script>
    VAPP.component(VPJadwal.name, VPJadwal);
    VAPP.component('pengumuman', VPpengumuman);
    VAPP.component('shortcut', VPshortcut);
    VAPP.component('log-activity', VPLogActivity);
</script>
<?= $this->endSection() ?>