@extends('layouts.app')
@section('title', 'Dashboard')

@section('content')
<div class="max-w-7xl mx-auto px-4 py-8">
    <h1 class="text-2xl font-bold mb-6">Welcome, {{ auth()->user()->name }}</h1>

    {{-- Stats --}}
    <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8">
        @foreach ([
            ['Total Applications', $stats['total_applications'], 'text-blue-600', 'bg-blue-50'],
            ['Pending', $stats['pending'], 'text-yellow-600', 'bg-yellow-50'],
            ['Shortlisted', $stats['shortlisted'], 'text-green-600', 'bg-green-50'],
            ['Rejected', $stats['rejected'], 'text-red-600', 'bg-red-50'],
        ] as [$label, $count, $textColor, $bgColor])
            <div class="{{ $bgColor }} rounded-lg p-5">
                <p class="text-3xl font-bold {{ $textColor }}">{{ $count }}</p>
                <p class="text-sm text-gray-700 mt-1">{{ $label }}</p>
            </div>
        @endforeach
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">

        {{-- Recent Applications --}}
        <div class="bg-white rounded-lg shadow p-6">
            <div class="flex justify-between items-center mb-4">
                <h2 class="font-bold text-lg">Recent Applications</h2>
                <a href="{{ route('seeker.applications.index') }}" class="text-blue-600 text-sm hover:underline">
                    View all
                </a>
            </div>

            @forelse($recentApplications as $app)
                <div class="border-b last:border-0 py-3 flex justify-between items-center">
                    <div>
                        <p class="font-semibold text-sm">{{ $app->job->title }}</p>
                        <p class="text-xs text-gray-500">{{ $app->job->company?->name }}</p>
                    </div>
                    <span class="text-xs px-2 py-1 rounded {{ $app->status_color }}">
                        {{ $app->status_label }}
                    </span>
                </div>
            @empty
                <p class="text-sm text-gray-500">এখনো কোনো জবে apply করা হয়নি।</p>
            @endforelse
        </div>

        {{-- Recommended Jobs --}}
        <div class="bg-white rounded-lg shadow p-6">
            <div class="flex justify-between items-center mb-4">
                <h2 class="font-bold text-lg">Recommended Jobs</h2>
                <a href="{{ route('jobs.index') }}" class="text-blue-600 text-sm hover:underline">
                    Browse all
                </a>
            </div>

            @foreach($recommendedJobs as $job)
                <a href="{{ route('jobs.show', $job->slug) }}"
                   class="block border-b last:border-0 py-3 hover:text-blue-600">
                    <p class="font-semibold text-sm">{{ $job->title }}</p>
                    <p class="text-xs text-gray-500">
                        {{ $job->company?->name }} • {{ $job->location }}
                    </p>
                </a>
            @endforeach
        </div>
    </div>

    {{-- Quick Actions --}}
    <div class="mt-8 bg-white rounded-lg shadow p-6">
        <h2 class="font-bold text-lg mb-4">Quick Actions</h2>
        <div class="flex flex-wrap gap-3">
            <a href="{{ route('seeker.profile.edit') }}"
               class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
                Update Profile
            </a>
            <a href="{{ route('jobs.index') }}"
               class="bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700">
                Browse Jobs
            </a>
        </div>
    </div>
</div>
@endsection