@extends('backend.layouts.master')

@section('title', 'Admission Details')

@section('content')
    <div class="p-6">

        <!-- Header Section -->
        <div class="flex justify-between items-center mb-6">
            <h2 class="text-2xl font-semibold text-gray-700">Admission Details</h2>

            <a href="{{ route('admission.pdf', $admission->id) }}"
                class="bg-blue-600 text-white px-4 py-2 rounded shadow hover:bg-blue-700">
                Download PDF
            </a>
        </div>

        <!-- Student Photo -->
        <div class="flex justify-center mb-6">
            @if ($admission->photo)
                <img src="{{ asset($admission->photo) }}" class="h-40 w-auto rounded shadow" alt="Student Photo">
            @else
                <span class="text-gray-500 italic">No photo uploaded</span>
            @endif
        </div>

        <!-- Basic Info -->
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 border-t pt-4">
            <x-display.field label="First Name" :value="$admission->first_name" />
            <x-display.field label="Middle Name" :value="$admission->middle_name" />
            <x-display.field label="Last Name" :value="$admission->last_name" />
            <x-display.field label="Email" :value="$admission->email" />
            <x-display.field label="DOB (BS)" :value="$admission->dob_bs" />
            <x-display.field label="DOB (AD)" :value="$admission->dob_ad" />
            <x-display.field label="Age" :value="$admission->age" />
            <x-display.field label="Gender" :value="$admission->gender" />
            @if ($admission->gender === 'Other')
                <x-display.field label="Other Gender" :value="$admission->other_gender" />
            @endif
            <x-display.field label="Permanent Address" :value="$admission->permanent_address" />
            <x-display.field label="Current Address" :value="$admission->current_address" />
            <x-display.field label="Nationality" :value="$admission->nationality" />
            <x-display.field label="Contact No" :value="$admission->contact_no" />
            <x-display.field label="Living With Guardian" :value="$admission->living_with_guardian ? 'Yes' : 'No'" />
            <x-display.field label="Academic Year" :value="$admission->academic_year" />
            <x-display.field label="Previous School" :value="$admission->previous_school" />
            <x-display.field label="Previous School Address" :value="$admission->previous_school_address" />
            <x-display.field label="Pick & Drop Facility" :value="$admission->pick_drop_facility_needed ? 'Yes' : 'No'" />
            <x-display.field label="Pick & Drop Location" :value="$admission->pick_drop_location" />
            <x-display.field label="Academic Level" :value="$admission->academicLevel->name ?? ''" />
        </div>

        <!-- Parents Section -->
        <div class="mt-8 border-t pt-4">
            <h3 class="font-semibold text-gray-700 mb-3">Parents / Guardians</h3>

            <table class="w-full border text-sm">
                <thead class="bg-gray-100">
                    <tr>
                        <th class="border px-4 py-2">Relation</th>
                        <th class="border px-4 py-2">Name</th>
                        <th class="border px-4 py-2">Occupation</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($admission->parents as $p)
                        <tr>
                            <td class="border px-4 py-2">{{ $p->relation }}</td>
                            <td class="border px-4 py-2">{{ $p->name }}</td>
                            <td class="border px-4 py-2">{{ $p->occupation }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <!-- SCHOOL SECTION -->
        @if ($admission->is_school)
            <div class="mt-8 border-t pt-4">
                <h3 class="font-semibold text-gray-700 mb-3">School Info</h3>

                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                    <x-display.field label="Admission Type" :value="$admission->school->admission_type ?? ''" />
                    <x-display.field label="Class" :value="$admission->school->class->name_en ?? ''" />
                    <x-display.field label="Last Class" :value="$admission->school->lastClass->name_en ?? ''" />
                </div>
            </div>
        @endif

        <!-- COLLEGE SECTION -->
        @if (!$admission->is_school)
            <div class="mt-8 border-t pt-4">
                <h3 class="font-semibold text-gray-700 mb-3">College Info</h3>

                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                    <x-display.field label="Faculty" :value="$admission->college->faculty->name_en ?? ''" />
                    <x-display.field label="GPA" :value="$admission->college->gpa" />
                    <x-display.field label="Board" :value="$admission->college->board" />
                </div>

                <!-- Subjects -->
                <div class="mt-6">
                    <h4 class="font-medium text-gray-700 mb-2">Subjects</h4>

                    <table class="w-full border text-sm">
                        <thead class="bg-gray-100">
                            <tr>
                                <th class="border px-4 py-2">Group</th>
                                <th class="border px-4 py-2">Subject</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($groups as $group)
                                @php
                                    $selected = $admission->college->subjects->where('group_id', $group->id)->first();
                                @endphp
                                <tr>
                                    <td class="border px-4 py-2">{{ $group->name }}</td>
                                    <td class="border px-4 py-2">
                                        {{ $selected->name_en ?? '—' }}
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <!-- Approval -->
                <div class="mt-6">
                    <x-display.field label="Approval" :value="$admission->approval ? 'Approved' : 'Pending'" />
                </div>
            </div>
        @endif

    </div>
@endsection