antv
40 lines
2.0 KiB
PHP
40 lines
2.0 KiB
PHP
@extends('layouts.app')
|
||
|
||
@section('title', 'Thanks đã nhận')
|
||
|
||
@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 đã nhận</h2>
|
||
<p class="text-[16px] text-gray-600 mb-6">Các lời cảm ơn mà đồng nghiệp đã gửi đến bạn.</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-purple-50" iconColorClass="text-purple-500">
|
||
<svg class="w-[26px] h-[26px]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
|
||
</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]">Từ: {{ $c->sender ?? '---' }}</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->received }} thẻ</p>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
@else
|
||
<x-empty-state title="Chưa có Thanks nào" description="Bạn chưa nhận bất kỳ Thank Card nào trong tháng này." icon="hero"/>
|
||
@endif
|
||
</div>
|
||
@endsection
|