<?= $this->extend('Panel/Layouts/App') ?>
<?= $this->section('content') ?>
<div class="m-2">
    <div class="col-md-12">
        <div class="title mb-20">
            <h2><i class="lni lni-bullhorn"></i> <?= $page_title ?></h2>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <add></add>
        </div>
        <div class="col-md-6">
            <list tinymcekey="<?= options('tinymcekey') ?>"></list>
        </div>
    </div>
</div>
<?= $this->endSection() ?>
<?= $this->section('js') ?>
<script src="<?= base_url() ?>/vendors/gridjs/gridjs.production.min.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/components/VueGrid/VueGrid.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/pages/lainlain/pengumuman/list.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/pages/lainlain/pengumuman/add.js?v=<?= versioningjs() ?>"></script>

<script>
    VAPP.component(VPList.name, VPList);
    VAPP.component(VPAdd.name, VPAdd);
    VAPP.component(VueGrid.name, VueGrid);
</script>
<?= $this->endSection() ?>