[FEAT] 完善帳號管理狀態切換功能、優化多語系提示與 UI 樣式一致性

resources/views/admin/companies/index.blade.php

@@ -24,10 +24,22 @@
     openEditModal(company) {
         this.editing = true;
         this.currentCompany = { ...company };
+        this.originalStatus = company.status;
         this.showModal = true;
     },
     isDeleteConfirmOpen: false,
-    deleteFormAction: ''
+    deleteFormAction: '',
+    isStatusConfirmOpen: false,
+    originalStatus: 1,
+    toggleFormAction: '',
+    statusToggleSource: 'edit',
+    submitConfirmedForm() {
+        if (this.statusToggleSource === 'list') {
+            this.$refs.statusToggleForm.submit();
+        } else {
+            this.$refs.companyForm.submit();
+        }
+    }
 }">
     <!-- Header -->
     <div class="flex flex-col md:flex-row md:items-center justify-between gap-6">
@@ -148,7 +160,7 @@
                             </span>
                             @else
                             <span
-                                class="inline-flex items-center px-3 py-1 rounded-full text-[11px] font-black bg-slate-100 dark:bg-slate-800 text-slate-400 dark:text-slate-500 border border-slate-200 dark:border-slate-700 tracking-widest uppercase">
+                                class="inline-flex items-center px-3 py-1 rounded-full text-[11px] font-black bg-rose-500/10 text-rose-500 border border-rose-500/20 tracking-widest uppercase">
                                 {{ __('Disabled') }}
                             </span>
                             @endif
@@ -174,7 +186,26 @@
                         </td>
                         <td class="px-6 py-6 text-right">
                             <div class="flex items-center justify-end gap-x-2">
-                                <button @click="openEditModal({{ json_encode($company) }})"
+                                @if($company->status)
+                                <button type="button"
+                                    @click="toggleFormAction = '{{ route('admin.permission.companies.status.toggle', $company->id) }}'; statusToggleSource = 'list'; isStatusConfirmOpen = true"
+                                    class="p-2 rounded-lg bg-slate-50 dark:bg-slate-800 text-slate-400 hover:text-amber-500 hover:bg-amber-500/5 transition-all border border-transparent hover:border-amber-500/20"
+                                    title="{{ __('Disable') }}">
+                                    <svg class="size-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5">
+                                        <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25v13.5m-7.5-13.5v13.5" />
+                                    </svg>
+                                </button>
+                                @else
+                                <button type="button"
+                                    @click="toggleFormAction = '{{ route('admin.permission.companies.status.toggle', $company->id) }}'; $nextTick(() => $refs.statusToggleForm.submit())"
+                                    class="p-2 rounded-lg bg-slate-50 dark:bg-slate-800 text-slate-400 hover:text-emerald-500 hover:bg-emerald-500/5 transition-all border border-transparent hover:border-emerald-500/20"
+                                    title="{{ __('Enable') }}">
+                                    <svg class="size-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5">
+                                        <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347c-.75.412-1.667-.13-1.667-.986V5.653z" />
+                                    </svg>
+                                </button>
+                                @endif
+                                <button @click="statusToggleSource = 'edit'; openEditModal({{ json_encode($company) }})"
                                     class="p-2 rounded-lg bg-slate-50 dark:bg-slate-800 text-slate-400 hover:text-cyan-500 hover:bg-cyan-500/5 transition-all border border-transparent hover:border-cyan-500/20">
                                     <svg class="size-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"
                                         stroke-width="2.5">
@@ -251,8 +282,16 @@
                 </div>
 
                 <form
+                    x-ref="companyForm"
                     :action="editing ? '{{ url('admin/permission/companies') }}/' + currentCompany.id : '{{ route('admin.permission.companies.store') }}'"
-                    method="POST" class="space-y-6">
+                    method="POST" class="space-y-6"
+                    @submit.prevent="
+                        if (editing && currentCompany.status == '0' && originalStatus == '1') {
+                            isStatusConfirmOpen = true;
+                        } else {
+                            $el.submit();
+                        }
+                    ">
                     @csrf
                     <input type="hidden" name="_method" :value="editing ? 'PUT' : 'POST'">
 
@@ -405,6 +444,12 @@
     </div>
     
     <x-delete-confirm-modal :message="__('Are you sure to delete this customer?')" />
+    <x-status-confirm-modal :title="__('停用客戶確認')" :message="__('停用此客戶將會連帶停用該客戶下的所有帳號，確定要繼續嗎？')" />
+
+    <form x-ref="statusToggleForm" :action="toggleFormAction" method="POST" class="hidden">
+        @csrf
+        @method('PATCH')
+    </form>
 </div>
 
 @endsection