@extends('layouts.app')
@section('title', app()->getLocale() === 'bn' ? 'রিপোর্ট' : 'Reports')
@section('page-title', app()->getLocale() === 'bn' ? 'রিপোর্ট' : 'Reports')
@section('content')
<h2 class="text-xl font-bold mb-6">{{ app()->getLocale() === 'bn' ? 'রিপোর্ট সমূহ' : 'Reports' }}</h2>

<div class="grid md:grid-cols-3 gap-6">
    <a href="{{ route('admin.reports.families') }}" class="bg-white dark:bg-gray-800 rounded-xl shadow p-8 hover:shadow-lg transition group text-center">
        <div class="w-16 h-16 bg-green-100 dark:bg-green-900 rounded-full flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition">
            <svg class="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z" /></svg>
        </div>
        <h3 class="font-bold text-lg group-hover:text-green-600 transition">{{ app()->getLocale() === 'bn' ? 'পরিবার রিপোর্ট' : 'Family Report' }}</h3>
        <p class="text-sm text-gray-500 mt-1">{{ app()->getLocale() === 'bn' ? 'বিভাগ, স্ট্যাটাস ও কোয়ান্টাইল ভিত্তিক' : 'By division, status & quantile' }}</p>
    </a>

    <a href="{{ route('admin.reports.distribution') }}" class="bg-white dark:bg-gray-800 rounded-xl shadow p-8 hover:shadow-lg transition group text-center">
        <div class="w-16 h-16 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition">
            <svg class="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
        </div>
        <h3 class="font-bold text-lg group-hover:text-blue-600 transition">{{ app()->getLocale() === 'bn' ? 'বিতরণ রিপোর্ট' : 'Distribution Report' }}</h3>
        <p class="text-sm text-gray-500 mt-1">{{ app()->getLocale() === 'bn' ? 'চক্র ও অর্থ বিতরণের পরিসংখ্যান' : 'Cycle & disbursement stats' }}</p>
    </a>

    <a href="{{ route('admin.reports.grievances') }}" class="bg-white dark:bg-gray-800 rounded-xl shadow p-8 hover:shadow-lg transition group text-center">
        <div class="w-16 h-16 bg-red-100 dark:bg-red-900 rounded-full flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition">
            <svg class="w-8 h-8 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
        </div>
        <h3 class="font-bold text-lg group-hover:text-red-600 transition">{{ app()->getLocale() === 'bn' ? 'অভিযোগ রিপোর্ট' : 'Grievance Report' }}</h3>
        <p class="text-sm text-gray-500 mt-1">{{ app()->getLocale() === 'bn' ? 'ক্যাটাগরি ও সময় বিশ্লেষণ' : 'Category & time analysis' }}</p>
    </a>
</div>
@endsection