<?= $this->extend('Mobile/Layouts/App') ?>
<?= $this->section('content') ?>
<selesai></selesai>

<?= $this->endSection() ?>
<?= $this->section('js') ?>
<script type="text/x-template" id="vp_selesai">
    <div class="order-success-wrapper">
    <div class="custom-container">
        <div class="order-done-content">
            <svg class="bi bi-check-circle-fill text-success mb-4" width="60" height="60" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"></path>
            </svg>
            <h5>Ujian Telah Selesai!</h5>
            <p>Skor anda adalah <strong class="badge bg-light text-dark shadow-sm me-2 fz-14"><?= $point ?> </strong></p><a title="Kembali ke Beranda" class="btn btn-warning mt-3" href="<?= base_url() ?>">Kembali ke Beranda</a>
        </div>
    </div>
</div>
</script>
<script>
    let VPselesai = {
        template: '#vp_selesai',
    }
    VAPP.component('selesai', VPselesai);
</script>
<?= $this->endSection() ?>