@extends('layouts.app')

@section('title', 'داشبورد')

@section('content')
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
    <div class="bg-white rounded-lg shadow p-4">
        <div class="text-sm text-gray-500">پرونده‌های باز</div>
        <div class="text-2xl font-bold mt-1 text-blue-700">{{ $stats['open_cases'] }}</div>
    </div>
    <div class="bg-white rounded-lg shadow p-4">
        <div class="text-sm text-gray-500">نرخ برد</div>
        <div class="text-2xl font-bold mt-1 text-green-700">{{ $stats['win_rate'] }}%</div>
        <div class="text-xs text-gray-400 mt-1">برد {{ $stats['won_count'] }} / باخت {{ $stats['lost_count'] }}</div>
    </div>
    <div class="bg-white rounded-lg shadow p-4">
        <div class="text-sm text-gray-500">کل پرونده‌ها</div>
        <div class="text-2xl font-bold mt-1">{{ $stats['total_cases'] }}</div>
    </div>
    <div class="bg-white rounded-lg shadow p-4">
        <div class="text-sm text-gray-500">متوقف</div>
        <div class="text-2xl font-bold mt-1 text-amber-600">{{ $stats['stopped_cases'] }}</div>
    </div>
</div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
    <div class="bg-white rounded-lg shadow p-4">
        <h2 class="font-semibold mb-3 text-sm">توزیع وضعیت‌ها</h2>
        <div class="space-y-2 text-sm">
            @foreach(\App\Models\CaseModel::STATUSES as $key => $label)
                @php $cnt = $stats['by_status'][$key] ?? 0; @endphp
                @if($cnt > 0)
                <div class="flex justify-between items-center">
                    <span>{{ $label }}</span>
                    <span class="bg-gray-100 px-2 py-0.5 rounded text-xs font-medium">{{ $cnt }}</span>
                </div>
                @endif
            @endforeach
            @if(($stats['by_status'] ?? collect())->sum() == 0)
                <p class="text-gray-500">هنوز پرونده‌ای ثبت نشده.</p>
            @endif
        </div>
    </div>

    <div class="bg-white rounded-lg shadow p-4">
        <h2 class="font-semibold mb-3 text-sm">آخرین پرونده‌ها</h2>
        <div class="space-y-2 text-sm">
            @forelse($recentCases as $c)
            <div class="flex justify-between border-b pb-2">
                <a href="{{ route('cases.show', $c) }}" class="text-blue-600 hover:underline">{{ $c->case_number }}</a>
                <span class="text-xs text-gray-500">{{ $c->status_label }}</span>
            </div>
            @empty
            <p class="text-gray-500">پرونده‌ای نیست.</p>
            @endforelse
        </div>
    </div>
</div>
@endsection