@extends('layouts.admin')

@section('title', $letter->reference_number ?? 'Offer Letter')

@section('content')
@php
    $applicant = $letter->application?->applicant;
    $name = trim(($applicant?->first_name ?? '').' '.($applicant?->last_name ?? ''));
@endphp

<x-ui.page-header
    :title="$letter->reference_number"
    :subtitle="$letter->subject ?? 'Offer letter'"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Admission', 'href' => route('admission.dashboard')],
        ['label' => 'Offer Letters', 'href' => route('admission.offer-letters.index')],
        ['label' => $letter->reference_number],
    ]"
>
    <x-slot:actions>
        <x-ui.button variant="ghost" icon="bi-download" :href="route('admission.offer-letters.download', $letter)">Download</x-ui.button>
    </x-slot:actions>
</x-ui.page-header>

@include('institution.partials.flash')

<div class="row g-4">
    <div class="col-lg-8">
        <x-ui.card title="Offer letter">
            <div class="row g-3 mb-3">
                <div class="col-md-4"><span class="text-muted-bv small d-block">Reference</span><strong class="text-mono">{{ $letter->reference_number }}</strong></div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Application</span>{{ $letter->application?->application_number ?? '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Applicant</span>{{ $name ?: '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Template</span>{{ $letter->offerLetterTemplate?->name ?? '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Issued</span>{{ $letter->issued_at?->format('d M Y') ?? '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Issued by</span>{{ $letter->issuedBy?->name ?? '—' }}</div>
            </div>
            <div class="border rounded p-3 bg-body-tertiary">
                {!! $letter->body !!}
            </div>
        </x-ui.card>
    </div>
    <div class="col-lg-4">
        <x-ui.card title="Actions">
            <form method="POST" action="{{ route('admission.offer-letters.email', $letter) }}" class="mb-2">
                @csrf
                <x-ui.button type="submit" variant="ghost" size="sm" icon="bi-envelope" class="w-100">Email offer</x-ui.button>
            </form>
            <form method="POST" action="{{ route('admission.offer-letters.accept', $letter) }}" class="mb-2">
                @csrf
                <x-ui.button type="submit" variant="primary" size="sm" icon="bi-check-lg" class="w-100">Accept</x-ui.button>
            </form>
            <form method="POST" action="{{ route('admission.offer-letters.decline', $letter) }}">
                @csrf
                <textarea name="notes" class="form-control mb-2" rows="2" placeholder="Decline notes"></textarea>
                <x-ui.button type="submit" variant="ghost" size="sm" icon="bi-x-lg" class="w-100">Decline</x-ui.button>
            </form>
            <p class="text-muted-bv small mt-3 mb-0">
                Accepted: {{ $letter->accepted_at?->format('d M Y') ?? '—' }}<br>
                Declined: {{ $letter->declined_at?->format('d M Y') ?? '—' }}
            </p>
        </x-ui.card>
    </div>
</div>
@endsection