@extends('layout.main')

@section('title', 'Admin Dashboard')

@section('content')
<div class="min-h-screen bg-gray-50 p-4 sm:p-6">

    {{-- Header --}}
    <div class="mb-6">
        <h1 class="text-2xl font-bold text-gray-900">Admin Dashboard</h1>
        <p class="text-sm text-gray-600 mt-1">
            স্বাগতম {{ auth()->user()->name }} 👋 — আপনি সম্পূর্ণ সিস্টেম নিয়ন্ত্রণ করতে পারবেন
        </p>
    </div>

    {{-- Stats --}}
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
        <div class="bg-white rounded-xl border p-4">
            <div class="text-xs text-gray-500">মোট সীট</div>
            <div class="text-2xl font-bold text-gray-900 mt-1">
                {{ \App\Models\Seat::count() }}
            </div>
        </div>

        <div class="bg-white rounded-xl border p-4">
            <div class="text-xs text-gray-500">মোট প্রার্থী</div>
            <div class="text-2xl font-bold text-gray-900 mt-1">
                {{ \App\Models\Candidate::count() }}
            </div>
        </div>

        <div class="bg-white rounded-xl border p-4">
            <div class="text-xs text-gray-500">মোট ভোটার</div>
            <div class="text-2xl font-bold text-gray-900 mt-1">
                {{ \App\Models\Voter::count() ?? 0 }}
            </div>
        </div>

        <div class="bg-white rounded-xl border p-4">
            <div class="text-xs text-gray-500">মোট ব্যবহারকারী</div>
            <div class="text-2xl font-bold text-gray-900 mt-1">
                {{ \App\Models\User::count() }}
            </div>
        </div>
    </div>

    {{-- Quick Actions --}}
    <div class="bg-white rounded-xl border p-6 mb-8">
        <h2 class="text-lg font-semibold text-gray-900 mb-4">দ্রুত অ্যাকশন</h2>

        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
            <a href="{{ route('seats.index') }}"
               class="p-4 rounded-xl border hover:bg-gray-50 transition">
                <div class="font-semibold text-gray-900">সীট ব্যবস্থাপনা</div>
                <div class="text-sm text-gray-500 mt-1">সীট তৈরি, এডিট, পরিসংখ্যান</div>
            </a>

            <a href="{{ route('candidates.index') }}"
               class="p-4 rounded-xl border hover:bg-gray-50 transition">
                <div class="font-semibold text-gray-900">প্রার্থী ব্যবস্থাপনা</div>
                <div class="text-sm text-gray-500 mt-1">প্রার্থী তালিকা ও প্রোফাইল</div>
            </a>

            <a href="{{ route('voters.index') }}"
               class="p-4 rounded-xl border hover:bg-gray-50 transition">
                <div class="font-semibold text-gray-900">ভোটার</div>
                <div class="text-sm text-gray-500 mt-1">ভোটার ডাটা ম্যানেজ</div>
            </a>

            <a href="{{ route('teams.index') }}"
               class="p-4 rounded-xl border hover:bg-gray-50 transition">
                <div class="font-semibold text-gray-900">টিম ও সদস্য</div>
                <div class="text-sm text-gray-500 mt-1">ক্যাম্পেইন টিম নিয়ন্ত্রণ</div>
            </a>
        </div>
    </div>

    {{-- Location Management --}}
    <div class="bg-white rounded-xl border p-6">
        <h2 class="text-lg font-semibold text-gray-900 mb-4">লোকেশন ব্যবস্থাপনা</h2>

        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
            <a href="{{ route('divisions.index') }}"
               class="p-4 rounded-xl border hover:bg-gray-50 transition">
                <div class="font-semibold text-gray-900">বিভাগ</div>
                <div class="text-sm text-gray-500 mt-1">Division ম্যানেজ করুন</div>
            </a>

            <a href="{{ route('districts.index') }}"
               class="p-4 rounded-xl border hover:bg-gray-50 transition">
                <div class="font-semibold text-gray-900">জেলা</div>
                <div class="text-sm text-gray-500 mt-1">District ম্যানেজ করুন</div>
            </a>

            <a href="{{ route('upazilas.index') }}"
               class="p-4 rounded-xl border hover:bg-gray-50 transition">
                <div class="font-semibold text-gray-900">উপজেলা / সিটি</div>
                <div class="text-sm text-gray-500 mt-1">Upazila & City নিয়ন্ত্রণ</div>
            </a>
        </div>
    </div>

</div>
@endsection