@extends('layouts.seeker')
@section('title', 'Job Alerts — JOBES')

@section('seeker_content')
<div class="card-seeker-panel text-center py-5 animate__animated animate__fadeIn">
    <div style="font-size:4.5rem; filter: grayscale(10%) contrast(90%);">🔔</div>
    <h5 class="text-dark fw-800 mt-3">Job Alerts</h5>
    <p class="text-muted small mb-4" style="max-width:460px; margin:0 auto;">Stay updated! Get instant notifications when new jobs matching your career preferences, experience, and preferred locations are published by top recruiters.</p>
    
    <div class="d-flex flex-column flex-sm-row justify-content-center gap-3 mt-2" style="max-width:400px; margin:0 auto;">
        <a href="{{ route('jobs.index') }}" class="btn btn-teal-gradient px-4 py-2.5">
            <i class="fas fa-search me-2"></i> Browse All Jobs
        </a>
        <a href="{{ route('seeker.settings') }}" class="btn btn-light border px-4 py-2.5 text-dark fw-800">
            <i class="far fa-cog me-2 text-teal-accent"></i> Configure Notifications
        </a>
    </div>
</div>
@endsection