
        </main>
    </div>
    <div id="toast-container" class="toast-container" aria-live="polite"></div>
    <div id="confirm-modal" class="modal" role="dialog" aria-modal="true" aria-labelledby="modal-title" hidden>
        <div class="modal-backdrop"></div>
        <div class="modal-content">
            <p id="modal-title" class="modal-message"></p>
            <div class="modal-actions">
                <button type="button" class="btn btn-sm btn-ghost modal-cancel">Cancel</button>
                <button type="button" class="btn btn-sm btn-outline-danger modal-confirm">Delete</button>
            </div>
        </div>
    </div>
    <script src="<?= nazareth_asset('js/main.js') ?>"></script>
</body>
</html>
