m

2026-07-17 14:19:34 +07:00
parent 7af5de6048
commit 98a56eb130
6 changed files with 426 additions and 96 deletions
@@ -0,0 +1,41 @@
+@foreach ($cards as $c)
+    <div class="bg-white rounded-[24px] border border-gray-100 p-6 shadow-sm hover:shadow-md hover:border-[#3462f7] hover:-translate-y-1 transition-all duration-300 flex flex-col justify-between h-full group">
+        <div>
+            <div class="flex items-center justify-between mb-4">
+                <span class="text-xs font-bold text-gray-400 flex items-center gap-1.5">
+                    <span class="text-[14px]">💌</span> Gửi tới
+                </span>
+                <span class="text-[11px] font-extrabold text-blue-600 bg-blue-50 px-2 py-0.5 rounded-full">
+                    {{ $c->sent }} Thẻ
+                </span>
+            </div>
+            <div class="flex items-start gap-3.5">
+                <div class="relative shrink-0">
+                    @if($c->receiverUser)
+                        <x-avatar :user="$c->receiverUser" class="w-12 h-12 rounded-full object-cover border-2 border-blue-50" />
+                    @else
+                        <div class="w-12 h-12 rounded-full bg-gray-50 border border-gray-200 flex items-center justify-center font-bold text-gray-400">
+                            {{ strtoupper(substr($c->receiver ?? 'U', 0, 1)) }}
+                        </div>
+                    @endif
+                </div>
+                <div class="flex-1 min-w-0">
+                    <h4 class="font-extrabold text-[#1a2b49] text-[15px] leading-snug truncate" title="{{ $c->receiverUser ? $c->receiverUser->name : ($c->receiver ?? '---') }}">
+                        {{ $c->receiverUser ? $c->receiverUser->name : ($c->receiver ?? '---') }}
+                    </h4>
+                    <p class="text-xs text-gray-400 font-semibold mt-0.5">
+                        MSNV: {{ $c->receiverUser ? $c->receiverUser->msnv : ($c->receiver ?? '---') }}
+                    </p>
+                    <p class="text-xs text-gray-400 truncate mt-0.5" title="{{ $c->receiverUser ? $c->receiverUser->mail : '---' }}">
+                        {{ $c->receiverUser ? $c->receiverUser->mail : '---' }}
+                    </p>
+                </div>
+            </div>
+        </div>
+        
+        <div class="flex items-center justify-between pt-4 border-t border-gray-50 text-[11px] font-semibold text-gray-400 mt-6">
+            <span>Ngày gửi:</span>
+            <span>{{ \Carbon\Carbon::parse($c->date)->format('d/m/Y') }}</span>
+        </div>
+    </div>
+@endforeach