<?= $this->extend('Mobile/Layouts/App') ?>
<?= $this->section('css') ?>
<link rel="stylesheet" href="<?= base_url() ?>/vendors/fullcalendar/lib/main.min.css">
<style>
    .act-btn {
        background: green;
        display: block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: white;
        font-size: 30px;
        font-weight: bold;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        text-decoration: none;
        transition: ease all 0.3s;
        position: fixed;
        right: 20px;
        z-index: 2;
        bottom: 80px;
    }

    .fc-event .fc-event-title {
        color: white;
    }
</style>
<?= $this->endSection() ?>

<?= $this->section('content') ?>
<div class="page-content-wrapper py-3">
    <presence-map></presence-map>
</div>
<?= $this->endSection() ?>
<?= $this->section('js') ?>
<script src="<?= base_url() ?>/vendors/html5-qrcode/html5-qrcode.min.js?v=<?= versioningjs() ?>"></script>
<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() ?>/mobile/js/pages/daily-presence/map.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/mobile/js/pages/daily-presence/rekap.js?v=<?= versioningjs() ?>"></script>
<script>
    VAPP.component(VPMap.name, VPMap)
    VAPP.component(VPRekap.name, VPRekap)
</script>
<?= $this->endSection() ?>