@extends('layouts.app')
@section('title', 'Applications — ' . $job->title)

@section('content')
<div class="max-w-5xl mx-auto px-4 py-8">
    <a href="{{ route('employer.jobs.index') }}" class="text-blue-600 hover:underline text-sm">
        ← Back to Jobs
    </a>

    <h1 class="text-2xl font-bold mt-3 mb-1">Applications</h1>
    <p class="text-gray-600 mb-6">For: <strong>{{ $job->title }}</strong></p>

    {{-- Status tabs --}}
    <div class="flex gap-2 mb-6 overflow-x-auto">
        @foreach ([
            ''            => 'All (' . $counts['total'] . ')',
            'pending'     => 'Pending (' . $counts['pending'] . ')',
            'shortlisted' => 'Shortlisted (' . $counts['shortlisted'] . ')',
            'rejected'    => 'Rejected (' . $counts['rejected'] . ')',
        ] as $value => $label)
            <a href="{{ route('employer.jobs.applications', [$job, 'status' => $value]) }}"
               class="px-4 py-2 rounded whitespace-nowrap {{ request('status') === $value || (!request('status') && $value === '') ? 'bg-blue-600 text-white' : 'bg-white border text-gray-700' }}">
                {{ $label }}
            </a>
        @endforeach
    </div>

    @forelse($applications as $app)
        <div class="bg-white rounded-lg shadow p-5 mb-3">
            <div class="flex justify-between items-start flex-wrap gap-3">
                <div>
                    <h3 class="font-semibold">{{ $app->user->name }}</h3>
                    <p class="text-sm text-gray-600">{{ $app->user->email }}</p>
                    <p class="text-xs text-gray-400 mt-1">
                        Applied {{ $app->created_at->diffForHumans() }}
                    </p>
                </div>

                <span class="text-xs px-3 py-1 rounded {{ $app->status_color }}">
                    {{ $app->status_label }}
                </span>
            </div>

            @if($app->cover_letter)
                <div class="mt-3 bg-gray-50 p-3 rounded text-sm">
                    <p class="font-medium text-xs text-gray-500 mb-1">Cover Letter:</p>
                    <p class="text-gray-700 whitespace-pre-line">{{ $app->cover_letter }}</p>
                </div>
            @endif

            <div class="mt-4 flex flex-wrap gap-3 text-sm">
                @if($app->resume_url)
                    <a href="{{ $app->resume_url }}" target="_blank"
                       class="text-blue-600 hover:underline">📄 View Resume</a>
                @endif

                <form method="POST" action="{{ route('employer.applications.status', $app) }}"
                      class="flex gap-2 items-center">
                    @csrf @method('PUT')
                    <select name="status" class="border rounded px-2 py-1 text-xs">
                        @foreach(['pending','shortlisted','rejected','hired'] as $status)
                            <option value="{{ $status }}" @selected($app->status === $status)>
                                {{ ucfirst($status) }}
                            </option>
                        @endforeach
                    </select>
                    <button class="bg-blue-600 text-white px-3 py-1 rounded text-xs hover:bg-blue-700">
                        Update
                    </button>
                </form>
            </div>
        </div>
    @empty
        <div class="bg-white rounded-lg shadow p-8 text-center text-gray-500">
            কোনো application নেই।
        </div>
    @endforelse

    <div class="mt-6">{{ $applications->links() }}</div>
</div>
@endsection