{{-- New-Unity ERP | resources/views/layouts/partials/no-permission-modal.blade.php | v1.0 | 09/07/2026 --}}
{{-- v1.0 — Modal reutilizable "Sin permisos". Incluir una vez por layout. --}}
{{--        Uso: onclick="showNoPermission('delete customers')" --}}

<div class="modal fade" id="noPermissionModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-warning">
                <h5 class="modal-title">
                    <i class="fal fa-lock-alt me-2"></i>Permission Required
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body text-center py-4">
                <i class="fal fa-user-lock mb-3" style="font-size: 48px; color: #ffc107;"></i>
                <p class="fw-bold mb-1">You don't have permission to perform this action.</p>
                <p class="text-muted small mb-0" id="noPermissionDetail">
                    Contact your system administrator if you believe you should have access.
                </p>
            </div>
            <div class="modal-footer justify-content-center">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="fal fa-check me-1"></i> Understood
                </button>
            </div>
        </div>
    </div>
</div>

<script>
function showNoPermission(action = null) {
    const detail = document.getElementById('noPermissionDetail');
    if (action) {
        detail.textContent = 'Required permission: ' + action + '. Contact your system administrator if you believe you should have access.';
    } else {
        detail.textContent = 'Contact your system administrator if you believe you should have access.';
    }
    new bootstrap.Modal(document.getElementById('noPermissionModal')).show();
}
</script>