m

resources/views/user/sent.blade.php

@@ -0,0 +1,39 @@
+@extends('layouts.app')
+
+@section('title', 'Thanks đã gửi')
+
+@section('content')
+<div class="max-w-[1280px] mx-auto w-full pb-10 px-2 lg:px-8">
+    {{-- Hero Section – same look as dashboard --}}
+    <x-hero-banner>
+        <h2 class="text-[32px] md:text-[42px] font-extrabold text-[#1a2b49] mb-3">📨 Thanks đã gửi</h2>
+        <p class="text-[16px] text-gray-600 mb-6">Các lời cảm ơn bạn đã gửi tới đồng nghiệp.</p>
+    </x-hero-banner>
+
+    {{-- Summary Card – simple total count --}}
+    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8 mt-6">
+        <x-stat-card title="Tổng số Thanks" value="{{ count($cards ?? []) }}" iconBgClass="bg-blue-50" iconColorClass="text-blue-500">
+            <svg class="w-[26px] h-[26px] transform -rotate-45" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
+            </svg>
+        </x-stat-card>
+    </div>
+
+    {{-- Cards List – use simple styled cards --}}
+    @if (!empty($cards) && $cards->count())
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+            @foreach ($cards as $c)
+                <div class="bg-white rounded-[24px] shadow-[0_4px_12px_rgba(0,0,0,0.05)] p-5">
+                    <div class="flex justify-between items-center mb-2">
+                        <span class="font-semibold text-[#1a2b49]">Gửi tới: {{ $c->receiver ?? '---' }}</span>
+                        <span class="text-gray-500 text-sm">{{ \Carbon\Carbon::parse($c->date)->format('d/m/Y') }}</span>
+                    </div>
+                    <p class="text-gray-700">{{ $c->sent }} thẻ</p>
+                </div>
+            @endforeach
+        </div>
+    @else
+        <x-empty-state title="Chưa gửi Thanks" description="Bạn chưa gửi bất kỳ Thank Card nào trong tháng này." icon="hero"/>
+    @endif
+</div>
+@endsection