@extends('layouts.portal')

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

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

@section('content')
<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">{{ __('Job') }}</th>
                <th class="pb-3 pr-4">{{ __('Company') }}</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 font-medium">{{ $application->job?->title }}</td>
                    <td class="py-3 pr-4">{{ $application->job?->company?->name }}</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('jobs.show', $application->job->slug) }}" class="text-brand-purple hover:underline">{{ __('View Job') }}</a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="5" class="py-8 text-center text-gray-500">
                        {{ __('No applications yet.') }}
                        <a href="{{ route('jobs.index') }}" class="text-brand-purple hover:underline">{{ __('Find jobs') }}</a>
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
    <div class="mt-4">{{ $applications->links() }}</div>
</div>
@endsection