@extends('layout.main')

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

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

        {{-- Header --}}
        <div class="mb-6 flex items-start justify-between gap-3 flex-wrap">
            <div>
                <h1 class="text-2xl font-bold text-gray-900">Candidate Dashboard</h1>
                <p class="text-sm text-gray-600 mt-1">
                    স্বাগতম {{ auth()->user()->name }} 👋 — আপনার প্রোফাইল, প্রার্থী তালিকা এবং টিম পরিচালনা করুন
                </p>
            </div>
            

            <div class="flex gap-2">
                <a href="{{ route('candidates.create') }}"
                   class="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700">
                    নতুন প্রার্থী যোগ করুন
                </a>
                <a href="{{ route('teams.create') }}"
                   class="px-4 py-2 border rounded-lg hover:bg-gray-50">
                    নতুন টিম তৈরি
                </a>
            </div>
        </div>

        {{-- Quick 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\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\Team::where('manager_user_id', auth()->id())->count() }}
                </div>
            </div>

            <div class="bg-white rounded-xl border p-4">
                <div class="text-xs text-gray-500">আমার Candidate Profile</div>
                <div class="text-base font-semibold text-gray-900 mt-1">
                    @if(auth()->user()->candidate)
                        তৈরি আছে ✅
                    @else
                        এখনো নেই
                    @endif
                </div>
            </div>

            <div class="bg-white rounded-xl border p-4">
                <div class="text-xs text-gray-500">দ্রুত লিংক</div>
                <div class="mt-2 flex flex-wrap gap-2">
                    <a href="{{ route('candidates.index') }}"
                       class="px-3 py-1.5 rounded-lg border text-xs hover:bg-gray-50">Candidates</a>
                    <a href="{{ route('teams.index') }}"
                       class="px-3 py-1.5 rounded-lg border text-xs hover:bg-gray-50">Teams</a>
                </div>
            </div>
        </div>

        {{-- Actions: Candidates / Team --}}
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">

            {{-- Candidates block --}}
            <div class="bg-white rounded-xl border p-6">
                <div class="flex items-center justify-between gap-3 flex-wrap mb-4">
                    <h2 class="text-lg font-semibold text-gray-900">Candidates Management</h2>
                    <a href="{{ route('candidates.index') }}"
                       class="text-sm font-semibold text-emerald-700 hover:underline">
                        সব দেখুন →
                    </a>
                </div>

                <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
                    <a href="{{ route('candidates.create') }}"
                       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">Create Candidate</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">List / Filter / Edit</div>
                    </a>
                </div>

                <div class="mt-5 pt-5 border-t">
                    <div class="text-sm text-gray-600">
                        নোট: আপনি Candidate role হিসেবে Candidates CRUD করতে পারবেন।
                    </div>
                </div>
            </div>

            {{-- Team block --}}
            <div class="bg-white rounded-xl border p-6">
                <div class="flex items-center justify-between gap-3 flex-wrap mb-4">
                    <h2 class="text-lg font-semibold text-gray-900">My Team Management</h2>
                    <a href="{{ route('teams.index') }}"
                       class="text-sm font-semibold text-emerald-700 hover:underline">
                        সব দেখুন →
                    </a>
                </div>

                <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
                    <a href="{{ route('teams.create') }}"
                       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">Create Team</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">Edit / Members</div>
                    </a>
                </div>

                <div class="mt-5 pt-5 border-t">
                    <div class="text-sm text-gray-600">
                        নোট: টিম ম্যানেজার হিসেবে আপনি আপনার টিমের CRUD এবং সদস্য নিয়ন্ত্রণ করতে পারবেন।
                    </div>
                </div>
            </div>

        </div>

        {{-- My Teams list preview --}}
        @php
            $myTeams = \App\Models\Team::where('manager_user_id', auth()->id())
                ->latest('id')
                ->take(5)
                ->get();
        @endphp

        <div class="mt-6 bg-white rounded-xl border p-6">
            <div class="flex items-center justify-between gap-3 flex-wrap mb-4">
                <h2 class="text-lg font-semibold text-gray-900">আমার টিম (সর্বশেষ ৫টি)</h2>
                <a href="{{ route('teams.index') }}" class="text-sm font-semibold text-emerald-700 hover:underline">সব টিম →</a>
            </div>

            @if($myTeams->count())
                <div class="overflow-x-auto">
                    <table class="w-full text-sm">
                        <thead class="bg-gray-50 border-b">
                            <tr class="text-left">
                                <th class="p-3">টিম</th>
                                <th class="p-3">অ্যাকশন</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($myTeams as $t)
                                <tr class="border-b last:border-b-0 hover:bg-gray-50">
                                    <td class="p-3 font-medium text-gray-900">
                                        {{ $t->name ?? ('Team #' . $t->id) }}
                                    </td>
                                    <td class="p-3">
                                        <div class="flex flex-wrap gap-2">
                                            <a href="{{ route('teams.show', $t) }}"
                                               class="px-3 py-1.5 rounded-lg border hover:bg-gray-50 text-xs">
                                                View
                                            </a>
                                            <a href="{{ route('teams.edit', $t) }}"
                                               class="px-3 py-1.5 rounded-lg border hover:bg-gray-50 text-xs">
                                                Edit
                                            </a>
                                            <a href="{{ route('teams.members.index', $t) }}"
                                               class="px-3 py-1.5 rounded-lg border hover:bg-gray-50 text-xs">
                                                Members
                                            </a>
                                            <a href="{{ route('teams.members.create', $t) }}"
                                               class="px-3 py-1.5 rounded-lg border hover:bg-gray-50 text-xs">
                                                Add Member
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <div class="p-4 rounded-xl bg-gray-50 border text-sm text-gray-600">
                    আপনি এখনো কোনো টিম তৈরি করেননি।
                </div>
            @endif
        </div>

    </div>
</div>
@endsection
