feature: send thankscard page

resources/views/components/user-form.blade.php

@@ -26,9 +26,9 @@
         <div class="bg-gradient-to-r from-blue-50/70 via-indigo-50/50 to-purple-50/30 px-6 py-6 sm:px-8 border-b border-gray-100">
             <h3 class="text-[17px] font-extrabold text-[#1a2b49] leading-tight flex items-center gap-2">
                 <span>{{ match($mode) {
-                    'create' => '👥 Thêm User Mới',
-                    'delete' => '⚠️ Xác nhận nghỉ việc: ' . ($user?->msnv),
-                    'self' => '👤 Thông tin cá nhân: ' . ($user?->msnv),
+                    'create' => 'Thêm User Mới',
+                    'delete' => 'Xác nhận nghỉ việc: ' . ($user?->name),
+                    'self' => 'Thông tin cá nhân',
                 } }}</span>
             </h3>
         </div>
@@ -40,23 +40,20 @@
                 <div class="w-12 h-12 rounded-full bg-blue-50 text-[#3462f7] flex items-center justify-center font-extrabold text-lg shadow-inner flex-shrink-0">
                     {{ strtoupper(substr($user->name ?? $user->msnv, 0, 2)) }}
                 </div>
-                <div class="flex-1 min-w-0">
-                    <h4 class="font-extrabold text-[#1a2b49] text-base truncate">{{ $user->name }}</h4>
-                    <p class="text-xs text-gray-500 font-medium truncate mb-1">{{ $user->mail }}</p>
-                    <div class="flex items-center gap-2">
-                        <span class="px-2 py-0.5 text-[10px] font-bold rounded-full bg-blue-50 text-blue-700 border border-blue-100">
-                            {{ $user->role == config('constants.ROLE_ADMIN') ? 'Admin' : 'Member' }}
-                        </span>
-                        <span class="text-xs text-gray-300 font-semibold">•</span>
-                        <span class="text-xs font-bold text-gray-600">Thẻ: <span class="text-orange-500 font-extrabold text-sm">{{ $user->card }}</span></span>
-                    </div>
+                <div class="flex-1">
+                    <h4 class="text-base font-extrabold text-[#1a2b49]">{{ $user->name }}</h4>
+                    <p class="text-xs text-gray-500 font-semibold mt-1 flex items-center gap-2">
+                        <span>MSNV: {{ $user->msnv }}</span>
+                        <span class="w-1 h-1 bg-gray-300 rounded-full"></span>
+                        <span>{{ $user->mail }}</span>
+                    </p>
                 </div>
             </div>
         </div>
     @endif
 
     @if($actionUrl)
-        <form action="{{ $actionUrl }}" method="POST" enctype="multipart/form-data" class="flex flex-col flex-1 justify-between">
+        <form action="{{ $actionUrl }}" method="POST" id="userForm" enctype="multipart/form-data" class="flex-1 flex flex-col justify-between">
             @csrf
             @if($method !== 'POST')
                 @method($method)
@@ -66,7 +63,7 @@
         <div class="p-6 sm:p-8 {{ !$isCreate && !$isEdit && !$isSelf ? 'pt-0' : '' }} space-y-5">
             @if($isDelete && $user)
                 <p class="text-sm text-red-600 leading-relaxed font-semibold">
-                    Bạn có chắc chắn muốn cho nhân viên {{ $user->msnv }} nghỉ việc không? Tài khoản này sẽ không thể đăng nhập hoặc thực hiện các giao dịch thẻ sau khi xác nhận.
+                    Bạn có chắc chắn muốn cho nhân viên {{ $user->name }} (MSNV: {{ $user->msnv }}) nghỉ việc không? Tài khoản này sẽ không thể đăng nhập hoặc thực hiện các giao dịch thẻ sau khi xác nhận.
                 </p>
             @else
                 <!-- 2. User Basic Information Section -->