@extends('emails.layout')

@section('content')
    <p style="margin:0 0 10px;color:#0f766e;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;">Application reminder</p>
    <h1 style="margin:0 0 12px;color:#0f172a;font-size:28px;line-height:1.18;font-weight:700;">Follow up on {{ $job->title }}.</h1>
    <p style="margin:0 0 18px;color:#475569;font-size:15px;line-height:1.7;">
        Your saved follow-up date for this application is due. Review your notes and update the application pipeline after you act.
    </p>

    <div style="margin:0 0 18px;border:1px solid #e2e8f0;border-radius:20px;background:#f8fafc;padding:18px;">
        <p style="margin:0;color:#0f172a;font-size:17px;font-weight:700;">{{ $job->company ?: 'Company not listed' }}</p>
        <p style="margin:8px 0 0;color:#64748b;font-size:14px;line-height:1.6;">Status: {{ str($application->status)->headline() }}</p>
        @if ($application->notes)
            <p style="margin:12px 0 0;color:#475569;font-size:14px;line-height:1.7;">{{ $application->notes }}</p>
        @endif
    </div>

    <a href="{{ route('applications.pipeline') }}" style="display:inline-block;border-radius:999px;background:#0f766e;color:#ffffff;font-size:14px;font-weight:700;padding:13px 20px;text-decoration:none;">Open pipeline</a>
@endsection