@extends('layouts.portal')

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

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

@section('content')
<div class="grid gap-6 sm:grid-cols-2">
    <div class="card">
        <p class="text-sm text-gray-500">{{ __('Saved Jobs') }}</p>
        <p class="mt-2 text-3xl font-bold text-brand-blue">{{ $savedCount }}</p>
    </div>
    <div class="card">
        <p class="text-sm text-gray-500">{{ __('Applications Sent') }}</p>
        <p class="mt-2 text-3xl font-bold text-brand-purple">{{ $appliedCount }}</p>
    </div>
</div>

@if($recentApplications->count())
    <div class="card mt-8">
        <h2 class="font-semibold">{{ __('Recent Applications') }}</h2>
        <div class="mt-4 divide-y">
            @foreach($recentApplications as $app)
                <div class="flex justify-between py-3">
                    <div>
                        <a href="{{ route('jobs.show', $app->job->slug) }}" class="font-medium hover:text-brand-purple">{{ $app->job->title }}</a>
                        <p class="text-sm text-gray-500">{{ $app->job->company->name }}</p>
                    </div>
                    <span class="badge bg-gray-100">{{ $app->status->label() }}</span>
                </div>
            @endforeach
        </div>
    </div>
@endif
@endsection