Files
portal-api/resources/views/administrator/pages/customer/datatable/modal.blade.php
T

37 lines
2.2 KiB
PHP

<!-- Delete Confirmation Modal -->
<div class="modal fade" id="{{ $modalId ?? 'deleteModal' }}" tabindex="-1"
aria-labelledby="deleteModalLabel-{{ $modalId ?? 'deleteModal' }}" aria-hidden="true" data-bs-backdrop="true">
<div class="modal-dialog modal-dialog-centered modal-sm">
<div class="modal-content shadow-lg border-0">
<div class="modal-header bg-danger text-white py-2">
<h6 class="modal-title d-flex align-items-center" id="deleteModalLabel-{{ $modalId ?? 'deleteModal' }}">
<i data-lucide="trash-2" class="me-2" style="width: 16px; height: 16px;"></i>
Xác nhận xóa
</h6>
<button type="button" class="btn-close btn-close-white shadow-none" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body py-4">
<div class="text-center">
<div class="mb-3">
<i data-lucide="alert-triangle" class="text-warning" style="width: 54px; height: 54px;"></i>
</div>
<h6 class="fw-bold mb-2">Bạn có chắc chắn không?</h6>
<p class="text-muted small mb-1">Xóa {{ $itemLabel }}:</p>
<p class="fw-bold mb-3 text-dark">{{ $itemName ?? '' }}</p>
<div class="px-3 py-2 bg-danger-subtle rounded-3">
<p class="text-danger small mb-0 fw-medium">Hành động này không thể hoàn tác!</p>
</div>
</div>
</div>
<div class="modal-footer bg-light border-0 py-2 d-flex justify-content-center gap-2">
<x-button-c-r-m type="button" variant="secondary" size="sm" icon="x" data-bs-dismiss="modal">Hủy bỏ</x-button-c-r-m>
<form action="{{ route($deleteRoute, ['id' => $itemId ?? 0]) }}" method="POST" class="d-inline m-0">
@csrf
@method('DELETE')
<x-button-c-r-m type="submit" variant="danger" size="sm" icon="trash-2">Xác nhận xóa</x-button-c-r-m>
</form>
</div>
</div>
</div>
</div>