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

@section('content')
<div class="max-w-7xl mx-auto px-4 py-8">
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-bold">Employer Dashboard</h1>
        <a href="{{ route('employer.jobs.create') }}"
           class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
            + Post New Job
        </a>
    </div>

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

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

        {{-- Recent 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">My Recent Jobs</h2>
                <a href="{{ route('employer.jobs.index') }}" class="text-blue-600 text-sm hover:underline">
                    View all
                </a>
            </div>

            @forelse($recentJobs as $job)
                <div class="border-b last:border-0 py-3 flex justify-between">
                    <div>
                        <p class="font-semibold text-sm">{{ $job->title }}</p>
                        <p class="text-xs text-gray-500">
                            {{ $job->applications_count }} applications
                        </p>
                    </div>
                    <span class="text-xs px-2 py-1 rounded
                        {{ $job->status === 'active' ? 'bg-green-100 text-green-700' : 'bg-gray-100 text-gray-700' }}">
                        {{ ucfirst($job->status) }}
                    </span>
                </div>
            @empty
                <p class="text-sm text-gray-500">এখনো কোনো জব পোস্ট করা হয়নি।</p>
            @endforelse
        </div>

        {{-- Recent Applications --}}
        <div class="bg-white rounded-lg shadow p-6">
            <h2 class="font-bold text-lg mb-4">Recent Applications</h2>

            @forelse($recentApplications as $app)
                <div class="border-b last:border-0 py-3">
                    <p class="font-semibold text-sm">{{ $app->user->name }}</p>
                    <p class="text-xs text-gray-500">
                        Applied to: {{ $app->job->title }}
                    </p>
                    <span class="text-xs px-2 py-1 rounded mt-1 inline-block {{ $app->status_color }}">
                        {{ $app->status_label }}
                    </span>
                </div>
            @empty
                <p class="text-sm text-gray-500">কোনো application আসেনি।</p>
            @endforelse
        </div>
    </div>
</div>
@endsection