@extends('layouts.school')

@section('title', 'Admission Settings')
@section('header', 'Admission Settings')

@section('content')
    <div class="max-w-3xl">
        <form method="POST" action="{{ route('school.admission.settings.update', $school->id) }}" class="space-y-6">
            @csrf
            @method('PUT')

            <div class="card">
                <div class="border-b border-gray-200 px-6 py-4">
                    <h3 class="text-lg font-display font-semibold text-gray-900">Intake &amp; References</h3>
                </div>
                <div class="space-y-4 px-6 py-5">
                    <label class="flex items-center justify-between gap-4 rounded-xl border border-gray-200 bg-gray-50 px-4 py-3">
                        <span>
                            <span class="block text-sm font-medium text-gray-800">Accept new applications</span>
                            <span class="block text-xs text-gray-500">Global toggle for the current admissions round.</span>
                        </span>
                        <input type="hidden" name="open" value="0">
                        <input type="checkbox" name="open" value="1" {{ $settings->isIntakeOpen() ? 'checked' : '' }}
                               class="h-5 w-5 rounded border-gray-300 text-primary-600 focus:ring-primary-500">
                    </label>

                    <div class="grid gap-4 sm:grid-cols-2">
                        <div>
                            <label class="label">Reference Prefix</label>
                            <input type="text" name="reference_prefix" value="{{ old('reference_prefix', $settings->referencePrefix()) }}"
                                   class="input" placeholder="ADM">
                            <p class="mt-0.5 text-[11px] text-gray-400">Used to build application numbers, e.g. ADM-2026-0001.</p>
                        </div>
                        <div>
                            <label class="label">Notification Preferences</label>
                            <div class="space-y-2 pt-1">
                                <label class="flex items-center gap-2 text-sm text-gray-700">
                                    <input type="hidden" name="notify_staff" value="0">
                                    <input type="checkbox" name="notify_staff" value="1" {{ $settings->notifyStaffOnSubmission() ? 'checked' : '' }}
                                           class="rounded border-gray-300 text-primary-600 focus:ring-primary-500">
                                    Notify staff on new applications
                                </label>
                                <label class="flex items-center gap-2 text-sm text-gray-700">
                                    <input type="hidden" name="email_applicant" value="0">
                                    <input type="checkbox" name="email_applicant" value="1" {{ $settings->emailApplicant() ? 'checked' : '' }}
                                           class="rounded border-gray-300 text-primary-600 focus:ring-primary-500">
                                    Email applicants a confirmation
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="border-b border-gray-200 px-6 py-4">
                    <h3 class="text-lg font-display font-semibold text-gray-900">Offer Letter</h3>
                </div>
                <div class="space-y-4 px-6 py-5">
                    <div class="grid gap-4 sm:grid-cols-2">
                        <div>
                            <label class="label">Signed By</label>
                            <input type="text" name="letter_signee_name" value="{{ old('letter_signee_name', $settings->signatoryName()) }}"
                                   class="input" placeholder="e.g. Dr. Grace Adeyemi">
                        </div>
                        <div>
                            <label class="label">Signatory Title</label>
                            <input type="text" name="letter_signee_title" value="{{ old('letter_signee_title', $settings->signatoryTitle()) }}"
                                   class="input" placeholder="Principal">
                        </div>
                    </div>
                    <div>
                        <label class="label">Letter Body</label>
                        <textarea name="letter_body" rows="4" class="input font-mono text-xs"
                                  placeholder="Use {applicant_name}, {school_name}, {programme_name} as placeholders.">{{ old('letter_body', $settings->defaultLetterBody()) }}</textarea>
                        <p class="mt-1 text-xs text-gray-500">Placeholders: <code>{applicant_name}</code> <code>{school_name}</code> <code>{programme_name}</code></p>
                    </div>
                </div>
            </div>

            <div class="flex gap-3">
                <button type="submit" class="rounded-lg bg-primary-600 px-6 py-2 text-sm font-semibold text-white hover:bg-primary-700">Save Settings</button>
            </div>
        </form>
    </div>
@endsection