<?= $this->extend('Panel/Layouts/App') ?>
<?= $this->section('css') ?>
<style>
    .contact-list>div.contact-item:hover {
        background-color: grey;
        color: white;
    }

    .contact-list>div.contact-item-disabled {
        color: red;
    }

    .contact-list>div.contact-item-selected {
        background-color: grey;
        color: white;
    }
</style>
<?= $this->endSection() ?>
<?= $this->section('content') ?>
<div class="m-2">
    <div class="col-md-12">
        <div class="title mb-20">
            <h2><i class="lni lni-book"></i> Kirim Pesan</h2>
        </div>
    </div>
    <wasend></wasend>
</div>
<?= $this->endSection() ?>
<?= $this->section('js') ?>
<script src="<?= base_url() ?>/vendors/tom-select@2.0.0-rc.4/dist/js/tom-select.complete.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/components/VueTomSelect/VueTomSelect.js?v=<?= versioningjs() ?>"></script>
<script src="<?= base_url() ?>/panel/assets/js/pages/whatsapp/send.js?v=<?= versioningjs() ?>"></script>
<script>
    VAPP.component(VPWASend.name, VPWASend);
</script>
<?= $this->endSection() ?>