@extends('layouts.school')

@section('title', 'Convert Enquiry')
@section('header', 'Convert Enquiry to Student')

@section('content')
    <div class="mb-5 rounded-xl border border-sky-200 bg-sky-50/70 p-4 text-sm text-sky-800">
        Converting <strong>{{ $enquiry->student_first_name }} {{ $enquiry->student_last_name }}</strong>.
        Their details will be copied into a new student record — pick the parent/guardian account and class below.
    </div>

    <form method="POST" action="{{ route('school.enquiries.convert.store', [request()->route('schoolId'), $enquiry->id]) }}" class="max-w-xl">
        @csrf
        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 mb-6 space-y-4">
            <div>
                <label class="block text-sm font-medium text-gray-700">Parent / Guardian *</label>
                <select name="parent_id" required class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                    <option value="">Select parent...</option>
                    @foreach($parents as $parent)
                        <option value="{{ $parent->id }}">{{ $parent->full_name }} ({{ $parent->phone }})</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">Class</label>
                <select name="class_id" class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                    <option value="">No class yet</option>
                    @foreach($classes as $class)
                        <option value="{{ $class->id }}" {{ old('class_id', $enquiry->interested_class_id) == $class->id ? 'selected' : '' }}>{{ $class->name }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">Campus</label>
                <select name="campus_id" class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                    <option value="">No campus</option>
                    @foreach($campuses as $campus)
                        <option value="{{ $campus->id }}">{{ $campus->name }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">Admission Date</label>
                <input type="date" name="admission_date" value="{{ now()->toDateString() }}" class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
            </div>
        </div>
        <div class="flex gap-3">
            <button type="submit" class="rounded-lg bg-emerald-600 px-6 py-2.5 text-sm font-semibold text-white hover:bg-emerald-700">Convert &amp; Create Student</button>
            <a href="{{ route('school.enquiries.show', [request()->route('schoolId'), $enquiry->id]) }}" class="rounded-lg border border-gray-300 bg-white px-6 py-2.5 text-sm font-medium text-gray-700 hover:bg-gray-50">Cancel</a>
        </div>
    </form>
@endsection