@extends('layouts.school')

@section('title', 'Enquiry: ' . $enquiry->student_first_name . ' ' . $enquiry->student_last_name)
@section('header', 'Admissions Enquiry')

@php($pipeline = ['new' => 'sky', 'contacted' => 'amber', 'visited' => 'violet', 'converted' => 'emerald', 'closed' => 'slate'])

@section('content')
    <div class="grid gap-6 lg:grid-cols-3">
        <div class="space-y-6 lg:col-span-2">
            <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
                <div class="flex items-start justify-between gap-4">
                    <div>
                        <h3 class="font-display text-lg font-semibold text-gray-900">{{ $enquiry->student_first_name }} {{ $enquiry->student_middle_name }} {{ $enquiry->student_last_name }}</h3>
                        <p class="mt-0.5 text-sm text-gray-400">{{ ucfirst(str_replace('-', ' ', $enquiry->source ?? '')) }} enquiry · received {{ $enquiry->created_at->format('d M Y') }}</p>
                    </div>
                    <span class="inline-flex rounded-full px-3 py-1 text-xs font-bold uppercase tracking-wide
                        {{ ['new' => 'bg-sky-50 text-sky-700', 'contacted' => 'bg-amber-50 text-amber-700', 'visited' => 'bg-violet-50 text-violet-700', 'converted' => 'bg-emerald-50 text-emerald-700', 'closed' => 'bg-gray-100 text-gray-500'][$enquiry->status] ?? 'bg-gray-100 text-gray-500' }}">
                        {{ $enquiry->status_label }}
                    </span>
                </div>
                <dl class="mt-4 grid grid-cols-2 gap-x-6 gap-y-3 border-t border-gray-100 pt-4 text-sm sm:grid-cols-3">
                    <div><dt class="text-xs uppercase tracking-wide text-gray-400">Date of birth</dt><dd class="mt-0.5 font-medium text-gray-700">{{ $enquiry->date_of_birth?->format('d M Y') ?? '—' }}</dd></div>
                    <div><dt class="text-xs uppercase tracking-wide text-gray-400">Gender</dt><dd class="mt-0.5 font-medium capitalize text-gray-700">{{ $enquiry->gender ?? '—' }}</dd></div>
                    <div><dt class="text-xs uppercase tracking-wide text-gray-400">Interested in</dt><dd class="mt-0.5 font-medium text-gray-700">{{ $enquiry->interestedClass?->name ?? '—' }}</dd></div>
                    <div><dt class="text-xs uppercase tracking-wide text-gray-400">Current school</dt><dd class="mt-0.5 font-medium text-gray-700">{{ $enquiry->current_school ?: '—' }}</dd></div>
                    <div><dt class="text-xs uppercase tracking-wide text-gray-400">Follow-up</dt><dd class="mt-0.5 font-medium text-gray-700">{{ $enquiry->follow_up_at?->format('d M Y') ?? '—' }}</dd></div>
                    <div><dt class="text-xs uppercase tracking-wide text-gray-400">Handled by</dt><dd class="mt-0.5 font-medium text-gray-700">{{ $enquiry->handler?->name ?? 'Unassigned' }}</dd></div>
                </dl>
            </div>

            <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
                <h3 class="font-display text-lg font-semibold text-gray-900 mb-3">Guardian Contact</h3>
                <dl class="grid grid-cols-2 gap-x-6 gap-y-3 text-sm">
                    <div><dt class="text-xs uppercase tracking-wide text-gray-400">Name</dt><dd class="mt-0.5 font-medium text-gray-700">{{ $enquiry->guardian_name ?? '—' }}</dd></div>
                    <div><dt class="text-xs uppercase tracking-wide text-gray-400">Phone</dt><dd class="mt-0.5 font-medium text-gray-700">{{ $enquiry->guardian_phone ?: '—' }}</dd></div>
                    <div><dt class="text-xs uppercase tracking-wide text-gray-400">Email</dt><dd class="mt-0.5 font-medium text-gray-700">{{ $enquiry->guardian_email ?: '—' }}</dd></div>
                    <div><dt class="text-xs uppercase tracking-wide text-gray-400">Address</dt><dd class="mt-0.5 font-medium text-gray-700">{{ $enquiry->guardian_address ?: '—' }}</dd></div>
                </dl>
            </div>

            @if ($enquiry->note)
                <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
                    <h3 class="font-display text-lg font-semibold text-gray-900 mb-2">Notes</h3>
                    <p class="whitespace-pre-line text-sm leading-relaxed text-gray-600">{{ $enquiry->note }}</p>
                </div>
            @endif

            @if ($enquiry->convertedStudent)
                <div class="rounded-xl border border-emerald-200 bg-emerald-50/60 p-6">
                    <p class="text-sm font-semibold text-emerald-800">Converted to student record</p>
                    <a href="{{ route('school.students.show', [$enquiry->school_id, $enquiry->convertedStudent->id]) }}" class="mt-1 inline-block text-sm font-medium text-emerald-700 hover:underline">
                        {{ $enquiry->convertedStudent->full_name }} ({{ $enquiry->convertedStudent->admission_no }}) &rarr;
                    </a>
                </div>
            @endif
        </div>

        <div class="space-y-6">
            @unless (in_array($enquiry->status, ['converted', 'closed']))
                <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
                    <h3 class="text-sm font-semibold uppercase tracking-wide text-gray-400 mb-3">Move pipeline</h3>
                    <div class="flex flex-col gap-2">
                        @foreach (['contacted', 'visited'] as $step)
                            @unless ($enquiry->status === $step || collect(['contacted','visited'])->search($enquiry->status) > collect(['contacted','visited'])->search($step))
                                <form method="POST" action="{{ route('school.enquiries.status', [$enquiry->school_id, $enquiry->id]) }}" class="contents">
                                    @csrf
                                    <input type="hidden" name="status" value="{{ $step }}">
                                    <button class="w-full rounded-lg border px-4 py-2.5 text-sm font-medium transition
                                        {{ $step === 'contacted' ? 'border-amber-200 bg-amber-50 text-amber-700 hover:bg-amber-100' : 'border-violet-200 bg-violet-50 text-violet-700 hover:bg-violet-100' }}">
                                        Mark as {{ ucfirst($step) }}
                                    </button>
                                </form>
                            @endunless
                        @endforeach
                        @if (in_array($enquiry->status, ['contacted', 'visited']))
                            <a href="{{ route('school.enquiries.convert', [$enquiry->school_id, $enquiry->id]) }}"
                               class="w-full rounded-lg bg-emerald-600 px-4 py-2.5 text-center text-sm font-semibold text-white hover:bg-emerald-700">
                                Convert to Student
                            </a>
                        @endif
                        @unless ($enquiry->status === 'closed')
                            <form method="POST" action="{{ route('school.enquiries.status', [$enquiry->school_id, $enquiry->id]) }}">
                                @csrf
                                <input type="hidden" name="status" value="closed">
                                <button class="w-full rounded-lg border border-gray-200 px-4 py-2.5 text-sm font-medium text-gray-500 hover:bg-gray-50">Close enquiry</button>
                            </form>
                        @endunless
                    </div>
                </div>
            @endunless

            <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
                <div class="flex flex-col gap-2">
                    <a href="{{ route('school.enquiries.edit', [$enquiry->school_id, $enquiry->id]) }}" class="rounded-lg border border-gray-300 px-4 py-2.5 text-center text-sm font-medium text-gray-700 hover:bg-gray-50">Edit Enquiry</a>
                    <form method="POST" action="{{ route('school.enquiries.destroy', [$enquiry->school_id, $enquiry->id]) }}" onsubmit="return confirm('Delete this enquiry permanently?');">
                        @csrf
                        @method('DELETE')
                        <button class="w-full rounded-lg border border-red-200 px-4 py-2.5 text-center text-sm font-medium text-red-600 hover:bg-red-50">Delete</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection