@extends('layouts.app')
@section('title', app()->getLocale() === 'bn' ? 'অভিযোগ রিপোর্ট' : 'Grievance Report')
@section('page-title', app()->getLocale() === 'bn' ? 'অভিযোগ রিপোর্ট' : 'Grievance Report')
@section('content')
<div class="mb-4">
    <a href="{{ route('admin.reports.index') }}" class="text-green-600 hover:text-green-800 text-sm">&larr; {{ __('Back') }}</a>
</div>

<div class="grid md:grid-cols-3 gap-6 mb-6">
    {{-- Avg Resolution Time --}}
    <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6 text-center">
        <p class="text-gray-500 text-sm mb-1">{{ app()->getLocale() === 'bn' ? 'গড় সমাধান সময়' : 'Avg Resolution Time' }}</p>
        <p class="text-3xl font-bold text-blue-600">{{ number_format($stats['avg_resolution_days'] ?? 0, 1) }}</p>
        <p class="text-sm text-gray-500">{{ app()->getLocale() === 'bn' ? 'দিন' : 'days' }}</p>
    </div>

    {{-- By Status --}}
    <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6 md:col-span-2">
        <h3 class="font-bold mb-4">{{ app()->getLocale() === 'bn' ? 'স্ট্যাটাস অনুযায়ী' : 'By Status' }}</h3>
        <div class="grid grid-cols-2 md:grid-cols-4 gap-3">
            @foreach($stats['by_status'] ?? [] as $item)
                @php $c = match($item->status) { 'resolved' => 'green', 'under_review' => 'blue', 'rejected' => 'red', default => 'yellow' }; @endphp
                <div class="bg-{{ $c }}-50 dark:bg-{{ $c }}-900/20 rounded-lg p-3 text-center">
                    <p class="text-2xl font-bold text-{{ $c }}-600">{{ $item->total }}</p>
                    <p class="text-xs text-gray-500">{{ ucfirst(str_replace('_',' ',$item->status)) }}</p>
                </div>
            @endforeach
        </div>
    </div>
</div>

{{-- By Category --}}
<div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
    <h3 class="font-bold text-lg mb-4">{{ app()->getLocale() === 'bn' ? 'ক্যাটাগরি অনুযায়ী' : 'By Category' }}</h3>
    <div class="space-y-3">
        @foreach($stats['by_category'] ?? [] as $item)
            @php $max = collect($stats['by_category'])->max('total') ?: 1; @endphp
            <div>
                <div class="flex justify-between text-sm mb-1">
                    <span>{{ ucfirst(str_replace('_',' ',$item->category)) }}</span>
                    <span class="font-semibold">{{ $item->total }}</span>
                </div>
                <div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-3">
                    <div class="bg-green-500 h-3 rounded-full transition-all" style="width: {{ ($item->total / $max) * 100 }}%"></div>
                </div>
            </div>
        @endforeach
    </div>
</div>
@endsection