@extends('layouts.admin')

@section('title', ($record ? 'Edit' : 'Create') . ' Offer Letters')

@section('content')
<x-ui.page-header
    :title="($record ? 'Edit' : 'Create') . ' Offer Letters'"
    :subtitle="$record ? 'Update record details.' : 'Add a new record.'"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Admission', 'href' => route('admission.dashboard')],
        ['label' => 'Offer Letters', 'href' => route('admission.offer-letters.index')],
        ['label' => $record ? 'Edit' : 'Create'],
    ]"
/>

@include('institution.partials.flash')

<x-ui.card :title="$record ? 'Edit record' : 'New record'">
    <form method="POST" action="{{ $formAction }}" @if(str_contains('offer_letter', 'document')) enctype="multipart/form-data" @endif>
        @csrf
        @if(($formMethod ?? 'POST') !== 'POST')
            @method($formMethod)
        @endif

        <div class="row g-3">
            <input type="hidden" name="institution_id" value="{{ old('institution_id', $record->institution_id ?? \App\Models\Institution::current()?->id) }}">
            <div class="col-md-6">
                <div class="bv-form-group {{ $errors->has('application_id') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-link-45deg"></i>
                        <div class="form-floating">
                            <select id="application_id" name="application_id" class="form-select bv-form-control" required>
                                <option value="">Select Application</option>
                                @foreach(\App\Models\Application::query()->orderByDesc('id')->limit(200)->get(['id','application_number']) as $opt)
                                    <option value="{{ $opt->id }}" @selected(old('application_id', $record->application_id ?? '') == $opt->id)>{{ $opt->application_number }}</option>
                                @endforeach
                            </select>
                            <label for="application_id">Application <span class="required">*</span></label>
                        </div>
                    </div>
                    @error('application_id')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="col-md-6">
                <div class="bv-form-group {{ $errors->has('offer_letter_template_id') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-link-45deg"></i>
                        <div class="form-floating">
                            <select id="offer_letter_template_id" name="offer_letter_template_id" class="form-select bv-form-control">
                                <option value="">Select Template</option>
                                @foreach(\App\Models\OfferLetterTemplate::query()->orderBy('name')->get(['id','name']) as $opt)
                                    <option value="{{ $opt->id }}" @selected(old('offer_letter_template_id', $record->offer_letter_template_id ?? '') == $opt->id)>{{ $opt->name }}</option>
                                @endforeach
                            </select>
                            <label for="offer_letter_template_id">Template</label>
                        </div>
                    </div>
                    @error('offer_letter_template_id')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="col-12">
                <p class="text-muted-bv small mb-0">Use Generate from an approved application to create an offer letter. This form is for reference only.</p>
            </div>
        </div>

        <div class="d-flex gap-2 mt-4">
            <x-ui.button type="submit" variant="primary" icon="bi-check-lg">{{ $record ? 'Update' : 'Create' }}</x-ui.button>
            <x-ui.button variant="ghost" :href="route('admission.offer-letters.index')">Cancel</x-ui.button>
        </div>
    </form>
</x-ui.card>
@endsection