@extends('layouts.app')
@section('title', 'My Applications')

@section('content')
<div class="max-w-5xl mx-auto px-4 py-8">
    <h1 class="text-2xl font-bold mb-6">My Applications</h1>

    {{-- 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('seeker.applications.index', $value ? ['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 hover:bg-gray-50' }}">
                {{ $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">
                <div>
                    <a href="{{ route('jobs.show', $app->job->slug) }}"
                       class="text-lg font-semibold text-gray-800 hover:text-blue-600">
                        {{ $app->job->title }}
                    </a>
                    <p class="text-sm text-gray-600 mt-1">
                        {{ $app->job->company?->name }} • {{ $app->job->location }}
                    </p>
                    <p class="text-xs text-gray-400 mt-2">
                        Applied {{ $app->created_at->diffForHumans() }}
                    </p>
                </div>

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

            <div class="flex gap-3 mt-4 text-sm">
                <a href="{{ route('seeker.applications.show', $app) }}"
                   class="text-blue-600 hover:underline">View Details</a>

                @if($app->status === 'pending')
                    <form method="POST" action="{{ route('seeker.applications.destroy', $app) }}"
                          onsubmit="return confirm('Withdraw this application?')">
                        @csrf @method('DELETE')
                        <button class="text-red-600 hover:underline">Withdraw</button>
                    </form>
                @endif
            </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