@extends('layouts.school')

@section('title', 'Admission Letter — ' . $application->application_no)
@section('header', 'Admission Offer Letter')

@section('content')
    <div class="mb-6 flex items-center justify-between">
        <div>
            <p class="text-sm text-gray-600">Issued to {{ $application->full_name }} · {{ $letter->letter_no }}</p>
        </div>
        <div class="flex gap-2">
            <a href="{{ route('school.admission.applications.show', [request()->route('schoolId'), $application->id]) }}"
               class="rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50">&larr; Back to Application</a>
            <a href="{{ route('school.admission.applications.letter.pdf', [request()->route('schoolId'), $application->id]) }}"
               class="rounded-lg bg-primary-600 px-4 py-2 text-sm font-medium text-white hover:bg-primary-700">Download PDF</a>
        </div>
    </div>

    <div class="card max-w-3xl overflow-hidden px-0">
        <div class="letter-sheet">{!! $letter->content !!}</div>
    </div>
@endsection