{{-- File: resources/views/user/dashboard.blade.php --}}
@extends('layout.main')

@section('title', 'ইউজার ড্যাশবোর্ড')

@section('content')
<div class="min-h-screen bg-gray-50 p-4 sm:p-6">
    <div class="max-w-6xl mx-auto space-y-6">

        {{-- Header --}}
        <div class="bg-white border rounded-2xl p-5 sm:p-6 shadow-sm">
            <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
                <div class="min-w-0">
                    <h1 class="text-xl sm:text-2xl font-bold text-gray-900">
                        ইউজার ড্যাশবোর্ড
                    </h1>
                    <p class="text-sm text-gray-600 mt-1">
                        স্বাগতম, <span class="font-semibold text-gray-900">{{ auth()->user()->name ?? 'User' }}</span>
                    </p>
                </div>

                <div class="flex flex-wrap gap-2">
                    <a href="{{ route('seats.index') }}"
                       class="px-4 py-2 border rounded-lg hover:bg-gray-50">
                        সীট দেখুন
                    </a>
                    <a href="{{ route('candidates.index') }}"
                       class="px-4 py-2 border rounded-lg hover:bg-gray-50">
                        প্রার্থী দেখুন
                    </a>
                    <a href="{{ route('profile.edit') }}"
                       class="px-4 py-2 border rounded-lg hover:bg-gray-50">
                        প্রোফাইল
                    </a>
                </div>
            </div>
        </div>

        {{-- Quick Cards --}}
        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <div class="bg-white border rounded-2xl p-5">
                <div class="text-xs text-gray-500 mb-1">পাবলিক ডাটা</div>
                <div class="text-lg font-extrabold text-gray-900">সীট & প্রার্থী</div>
                <p class="text-sm text-gray-600 mt-2">
                    আপনি সীট তালিকা ও প্রার্থীদের তথ্য দেখতে পারবেন।
                </p>
                <div class="mt-4">
                    <a href="{{ route('seats.index') }}" class="text-sm font-semibold text-emerald-700 hover:underline">
                        সীট ব্রাউজ করুন →
                    </a>
                </div>
            </div>

            <div class="bg-white border rounded-2xl p-5">
                <div class="text-xs text-gray-500 mb-1">অ্যাকাউন্ট</div>
                <div class="text-lg font-extrabold text-gray-900">প্রোফাইল সেটিংস</div>
                <p class="text-sm text-gray-600 mt-2">
                    নাম/মোবাইল নম্বর/পাসওয়ার্ড আপডেট করুন।
                </p>
                <div class="mt-4">
                    <a href="{{ route('profile.edit') }}" class="text-sm font-semibold text-emerald-700 hover:underline">
                        প্রোফাইল ম্যানেজ করুন →
                    </a>
                </div>
            </div>

            <div class="bg-white border rounded-2xl p-5">
                <div class="text-xs text-gray-500 mb-1">সাপোর্ট</div>
                <div class="text-lg font-extrabold text-gray-900">সিস্টেম তথ্য</div>
                <p class="text-sm text-gray-600 mt-2">
                    কোনো সমস্যা হলে অ্যাডমিনকে জানান।
                </p>
                <div class="mt-4 text-sm text-gray-700">
                    রোল: <span class="font-semibold">{{ auth()->user()->role ?? 'user' }}</span>
                </div>
            </div>
        </div>

        {{-- Helpful Links --}}
        <div class="bg-white border rounded-2xl p-5 sm: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-3">
                <a href="{{ route('seats.index') }}"
                   class="p-4 rounded-xl border bg-gray-50 hover:bg-white transition">
                    <div class="font-semibold text-gray-900">সীট তালিকা</div>
                    <div class="text-sm text-gray-600 mt-1">সব সীট ব্রাউজ করুন</div>
                </a>

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

                <a href="{{ route('profile.edit') }}"
                   class="p-4 rounded-xl border bg-gray-50 hover:bg-white transition">
                    <div class="font-semibold text-gray-900">প্রোফাইল</div>
                    <div class="text-sm text-gray-600 mt-1">আপনার তথ্য আপডেট করুন</div>
                </a>
            </div>
        </div>

        {{-- Logout --}}
        <div class="bg-white border rounded-2xl p-5 sm:p-6">
            <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
                <div>
                    <div class="font-semibold text-gray-900">লগ আউট</div>
                    <div class="text-sm text-gray-600">আপনার কাজ শেষ হলে লগ আউট করুন</div>
                </div>

                <form method="POST" action="{{ route('logout') }}">
                    @csrf
                    <button type="submit"
                            class="px-5 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700">
                        লগ আউট
                    </button>
                </form>
            </div>
        </div>

    </div>
</div>
@endsection
