Add loading Permission

resources/views/components/permission/manager.blade.php

@@ -17,6 +17,7 @@
                         <button wire:click="resetPage" class="btn btn-sm btn-outline-success me-2 m-0">
                             <i class="fas fa-search me-1" style="font-size: 1.2rem;"></i>
                         </button>
+                        <!-- Create lại bình thường -->
                         <button wire:click="showForm" class="btn btn-sm btn-info m-0">
                             Create
                         </button>
@@ -58,7 +59,13 @@
                                                 class="btn btn-sm btn-outline-info me-1">
                                                 Edit
                                             </button>
-                                            <button wire:click="delete({{ $p->id }})"
+                                            <!-- Delete with confirmation -->
+                                            <button x-data
+                                                @click.prevent="
+                                                      if (confirm('Bạn có chắc chắn muốn xóa permission này?')) {
+                                                        $wire.delete({{ $p->id }})
+                                                      }
+                                                    "
                                                 class="btn btn-sm btn-danger">
                                                 Delete
                                             </button>
@@ -84,9 +91,9 @@
                     <x-skeleton-form :fields="1" :button-count="2" />
 
                     {{-- ACTUAL FORM --}}
-                    <div wire:loading.remove>
+                    <div wire:loading.remove x-data>
                         <h6 class="mb-3">{{ $editingId ? 'Edit Permission' : 'Create Permission' }}</h6>
-                        <form wire:submit.prevent="save">
+                        <form>
                             <div class="mb-3">
                                 <label class="form-label">Name</label>
                                 <input type="text" wire:model.defer="name" class="form-control"
@@ -99,13 +106,21 @@
                                 <button wire:click="showIndex" type="button" class="btn btn-secondary btn-sm me-2">
                                     Cancel
                                 </button>
-                                <button type="submit" class="btn btn-info btn-sm">
+                                <!-- Chỉ confirm khi submit form -->
+                                <button type="button"
+                                    @click.prevent="
+                                      if (confirm('Bạn có chắc chắn muốn {{ $editingId ? 'cập nhật' : 'tạo' }} permission này?')) {
+                                        $wire.save()
+                                      }
+                                    "
+                                    class="btn btn-info btn-sm">
                                     {{ $editingId ? 'Update' : 'Create' }}
                                 </button>
                             </div>
                         </form>
                     </div>
                 @endif
+
             </div>
         </div>
     </div>