<!-- ━━━ PAGE CONTENT ENDS ━━━ -->
    </div><!-- /page-content -->
</div><!-- /main-wrap -->

<!-- Delete Confirmation Modal -->
<div class="modal-overlay" id="deleteModal">
    <div class="modal-box">
        <div class="modal-title">⚠ Confirm Delete</div>
        <p style="color:var(--muted);font-size:14px">Are you sure you want to delete this item? This action cannot be undone.</p>
        <div class="modal-btns">
            <button class="btn btn-secondary" onclick="closeDeleteModal()">Cancel</button>
            <a id="deleteConfirmBtn" href="#" class="btn btn-danger"><i class="fas fa-trash"></i> Yes, Delete</a>
        </div>
    </div>
</div>

<script>
function confirmDelete(url, label) {
    label = label || 'this item';
    document.querySelector('#deleteModal p').textContent = 'Are you sure you want to delete "' + label + '"? This cannot be undone.';
    document.getElementById('deleteConfirmBtn').href = url;
    document.getElementById('deleteModal').classList.add('open');
}
function closeDeleteModal() {
    document.getElementById('deleteModal').classList.remove('open');
}
document.getElementById('deleteModal').addEventListener('click', function(e) {
    if (e.target === this) closeDeleteModal();
});
// Mobile hamburger
document.addEventListener('DOMContentLoaded', function() {
    if (window.innerWidth < 900) {
        var h = document.getElementById('hamburger');
        if (h) h.style.display = 'block';
    }
});
</script>
</body>
</html>
<?php if (ob_get_level() > 0) ob_end_flush(); ?>
