@extends('layouts.portal')

@section('page-title', __('Applications'))

@section('sidebar')
    @include('employer.partials.sidebar')
@endsection

@section('content')
<form method="GET" class="mb-4 flex flex-wrap gap-2">
    <select name="job_id" class="input-field !py-2 w-auto">
        <option value="">{{ __('All Jobs') }}</option>
        @foreach($jobs as $job)
            <option value="{{ $job->id }}" @selected(request('job_id') == $job->id)>{{ $job->title }}</option>
        @endforeach
    </select>
    <select name="status" class="input-field !py-2 w-auto">
        <option value="">{{ __('All Statuses') }}</option>
        @foreach(\App\Enums\ApplicationStatus::cases() as $status)
            <option value="{{ $status->value }}" @selected(request('status') === $status->value)>{{ $status->label() }}</option>
        @endforeach
    </select>
    <button type="submit" class="btn-primary !py-2 !px-4 text-sm">{{ __('Filter') }}</button>
</form>

<div class="card overflow-x-auto">
    <table class="w-full text-sm">
        <thead>
            <tr class="border-b text-left text-gray-500">
                <th class="pb-3 pr-4">{{ __('Applicant') }}</th>
                <th class="pb-3 pr-4">{{ __('Job') }}</th>
                <th class="pb-3 pr-4">{{ __('Status') }}</th>
                <th class="pb-3 pr-4">{{ __('Applied') }}</th>
                <th class="pb-3">{{ __('Actions') }}</th>
            </tr>
        </thead>
        <tbody class="divide-y">
            @forelse($applications as $application)
                <tr>
                    <td class="py-3 pr-4">
                        <p class="font-medium">{{ $application->full_name }}</p>
                        <p class="text-gray-500">{{ $application->email }}</p>
                    </td>
                    <td class="py-3 pr-4">{{ $application->job?->title }}</td>
                    <td class="py-3 pr-4"><span class="badge bg-gray-100">{{ $application->status->label() }}</span></td>
                    <td class="py-3 pr-4 text-gray-500">{{ $application->created_at->format('M d, Y') }}</td>
                    <td class="py-3">
                        <a href="{{ route('employer.applications.show', $application) }}" class="text-brand-purple hover:underline">{{ __('View') }}</a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="5" class="py-8 text-center text-gray-500">{{ __('No applications yet.') }}</td></tr>
            @endforelse
        </tbody>
    </table>
    <div class="mt-4">{{ $applications->links() }}</div>
</div>
@endsection