    </div>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="/admin/assets/admin.js"></script>
    
    <!-- Global Confirmation Modal -->
    <div id="confirmation-modal" class="modal" style="display: none; z-index: 2000;">
        <div class="modal-content">
            <div class="modal-header">
                <h3 id="confirmation-title">Confirm Action</h3>
                <button class="modal-close" id="confirmation-close">&times;</button>
            </div>
            <div class="modal-body">
                <p id="confirmation-message">Are you sure you want to proceed?</p>
            </div>
            <div class="form-actions">
                <button type="button" class="btn-secondary" id="cancel-confirmation">Cancel</button>
                <button type="button" class="btn-primary danger" id="confirm-action-btn">Confirm</button>
            </div>
        </div>
    </div>

    <!-- Toast Notification Container -->
    <div id="toast-container"></div>
</body>
</html>
