@extends('school.layouts.app')

@section('content')
<div class="max-w-5xl mx-auto">
    <!-- Header -->
    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6">
        <div class="flex items-center gap-3">
            <a href="/school/admissions" class="w-9 h-9 rounded-lg bg-white border border-slate-200 text-slate-500 hover:text-indigo-600 hover:border-indigo-300 transition-all flex items-center justify-center">
                <i class="fa-solid fa-arrow-left text-sm"></i>
            </a>
            <div>
                <h1 class="text-xl font-bold text-slate-800">Enquiry #{{ $enquiry->id }}</h1>
                <p class="text-sm text-slate-500">{{ $enquiry->student_name }} — {{ $enquiry->seeking_class }}</p>
            </div>
        </div>
        
        <!-- Status Badge -->
        <div class="flex items-center gap-2">
            {!! $statusBadge !!}
            <span class="text-xs text-slate-400">{{ $enquiry->created_at->diffForHumans() }}</span>
        </div>
    </div>
@php
$registration = \App\Models\Registration::where('enquiry_id', $enquiry->id)->first();
@endphp
    <!-- ✅ CLEAN ACTION BAR -->
<div class="bg-white rounded-xl border border-slate-200 shadow-sm p-3 mb-5">
    <div class="flex flex-wrap gap-2 items-center justify-between">
        <div class="flex gap-2">
           
            
            <button onclick="printEnquiryForm()" 
                    class="inline-flex items-center gap-1.5 px-4 py-2 bg-white border border-slate-200 text-slate-700 rounded-lg font-bold text-xs hover:bg-slate-50 transition-all">
                <i class="fa-solid fa-print"></i> Print Form
            </button>
        </div>
        
        <div class="flex gap-2">
            <a href="{{ route('school.admissions.edit', $enquiry->id) }}" 
            class="inline-flex items-center gap-1.5 px-4 py-2 bg-white border border-slate-200 text-slate-600 rounded-lg font-bold text-xs hover:bg-slate-50 hover:border-indigo-300 hover:text-indigo-600 transition-all">
                <i class="fa-solid fa-pen-to-square"></i> Edit
            </a>
            <button onclick="deleteEnquiry()" class="inline-flex items-center gap-1.5 px-4 py-2 bg-white border border-red-200 text-red-600 rounded-lg font-bold text-xs hover:bg-red-50 transition-all">
                <i class="fa-solid fa-trash"></i> Delete
            </button>
        </div>
    </div>
</div>

    <!-- View Mode -->
    <div id="viewMode" class="bg-white rounded-xl border border-slate-200 shadow-sm overflow-hidden">
        <!-- Student Info -->
        <div class="p-5 border-b border-slate-100">
            <h3 class="text-sm font-bold text-slate-800 uppercase tracking-wider mb-4 flex items-center gap-2">
                <i class="fa-solid fa-user text-indigo-500"></i> Student Information
            </h3>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                <div>
                    <p class="text-[10px] font-bold text-slate-400 uppercase">Student Name</p>
                    <p class="text-sm font-bold text-slate-800 mt-0.5">{{ $enquiry->student_name }}</p>
                </div>
                <div>
                    <p class="text-[10px] font-bold text-slate-400 uppercase">Date of Birth</p>
                    <p class="text-sm font-bold text-slate-800 mt-0.5">{{ $enquiry->date_of_birth?->format('d M Y') }}</p>
                    @if($enquiry->date_of_birth)
                    <!-- ✅ AFTER — Whole numbers only -->
                    @php
                        $dob = \Carbon\Carbon::parse($enquiry->date_of_birth);
                        $now = \Carbon\Carbon::now();
                        $years = floor($dob->diffInYears($now));
                        $months = floor($dob->copy()->addYears($years)->diffInMonths($now));
                        $days = floor($dob->copy()->addYears($years)->addMonths($months)->diffInDays($now));
                    @endphp
                    <p class="text-[10px] text-indigo-600 font-bold mt-0.5">
                        <i class="fa-solid fa-cake-candles text-[8px]"></i> 
                        {{ $years }}y {{ $months }}m {{ $days }}d
                    </p>
                    @endif
                </div>
                <div>
                    <p class="text-[10px] font-bold text-slate-400 uppercase">Gender</p>
                    <p class="text-sm font-bold text-slate-800 mt-0.5">
                        @if($enquiry->gender === 'Male') <i class="fa-solid fa-mars text-blue-500"></i>
                        @elseif($enquiry->gender === 'Female') <i class="fa-solid fa-venus text-pink-500"></i>
                        @else <i class="fa-solid fa-genderless text-slate-500"></i>
                        @endif
                        {{ $enquiry->gender }}
                    </p>
                </div>
                <div>
                    <p class="text-[10px] font-bold text-slate-400 uppercase">Seeking Class</p>
                    <p class="text-sm font-bold text-slate-800 mt-0.5">
                        <span class="inline-flex items-center px-2 py-0.5 rounded text-[10px] font-bold bg-slate-100 text-slate-700 border border-slate-200">
                            <i class="fa-solid fa-graduation-cap mr-1 text-[8px]"></i>{{ $enquiry->seeking_class }}
                        </span>
                    </p>
                </div>
                <div>
                    <p class="text-[10px] font-bold text-slate-400 uppercase">Enquiry Source</p>
                    <p class="text-sm font-bold text-slate-800 mt-0.5">{{ $enquiry->enquiry_source }}</p>
                </div>
                <div>
                    <p class="text-[10px] font-bold text-slate-400 uppercase">Enquiry Date</p>
                    <p class="text-sm font-bold text-slate-800 mt-0.5">{{ $enquiry->created_at->format('d M Y, h:i A') }}</p>
                </div>
            </div>
        </div>

        <!-- Parent Info -->
        <div class="p-5 border-b border-slate-100">
            <h3 class="text-sm font-bold text-slate-800 uppercase tracking-wider mb-4 flex items-center gap-2">
                <i class="fa-solid fa-users text-indigo-500"></i> Parental Details
            </h3>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                <div>
                    <p class="text-[10px] font-bold text-slate-400 uppercase">Father's Name</p>
                    <p class="text-sm font-bold text-slate-800 mt-0.5">{{ $enquiry->father_name ?? 'N/A' }}</p>
                </div>
                <div>
                    <p class="text-[10px] font-bold text-slate-400 uppercase">Mother's Name</p>
                    <p class="text-sm font-bold text-slate-800 mt-0.5">{{ $enquiry->mother_name ?? 'N/A' }}</p>
                </div>
                <div>
                    <p class="text-[10px] font-bold text-slate-400 uppercase">Contact Number</p>
                    <p class="text-sm font-bold text-slate-800 mt-0.5 font-mono">
                        <i class="fa-solid fa-phone text-[8px] text-slate-400 mr-1"></i>{{ $enquiry->contact_number }}
                    </p>
                </div>
                <div class="md:col-span-2">
                    <p class="text-[10px] font-bold text-slate-400 uppercase">Email</p>
                    <p class="text-sm font-bold text-slate-800 mt-0.5">
                        @if($enquiry->email)
                            <i class="fa-solid fa-envelope text-[8px] text-slate-400 mr-1"></i>{{ $enquiry->email }}
                        @else
                            <span class="text-slate-400 text-xs">Not provided</span>
                        @endif
                    </p>
                </div>
                <div class="md:col-span-3">
                    <p class="text-[10px] font-bold text-slate-400 uppercase">Address</p>
                    <p class="text-sm font-bold text-slate-800 mt-0.5">{{ $enquiry->address ?? 'N/A' }}</p>
                </div>
            </div>
        </div>

        <!-- Document -->
        @if($document)
        <div class="p-5">
            <h3 class="text-sm font-bold text-slate-800 uppercase tracking-wider mb-4 flex items-center gap-2">
                <i class="fa-solid fa-file-image text-indigo-500"></i> Scanned Document
            </h3>
            <div class="relative inline-block rounded-lg overflow-hidden border border-slate-200 max-w-xs">
                <img src="{{ asset('storage/' . $document->file_path) }}" class="w-full h-auto max-h-48 object-cover" alt="Document">
                <a href="{{ asset('storage/' . $document->file_path) }}" target="_blank" class="absolute bottom-2 right-2 px-2 py-1 bg-white/90 backdrop-blur rounded-md text-[10px] font-bold text-slate-700 border border-slate-200 hover:bg-white transition-all">
                    <i class="fa-solid fa-expand"></i> View Full
                </a>
            </div>
        </div>
        @endif
    </div>

    <!-- Edit Mode (Hidden by default) -->
    <div id="editMode" class="hidden bg-white rounded-xl border border-slate-200 shadow-sm p-5">
        <!-- ✅ Add /school prefix -->
        <form action="/school/admissions/{{ $enquiry->id }}" method="POST" class="space-y-4">
            @csrf
            @method('PUT')
            
            <h3 class="text-sm font-bold text-slate-800 uppercase tracking-wider mb-2">Edit Enquiry</h3>
            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                <div>
                    <label class="block text-[11px] font-bold text-slate-400 uppercase mb-1">Student Name <span class="text-red-400">*</span></label>
                    <input type="text" name="student_name" value="{{ $enquiry->student_name }}" required
                        class="w-full px-3 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-indigo-500 outline-none text-sm">
                </div>
                <div>
                    <label class="block text-[11px] font-bold text-slate-400 uppercase mb-1">Date of Birth <span class="text-red-400">*</span></label>
                    <input type="date" name="date_of_birth" value="{{ $enquiry->date_of_birth?->format('Y-m-d') }}" required
                        class="w-full px-3 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-indigo-500 outline-none text-sm">
                </div>
                <div>
                    <label class="block text-[11px] font-bold text-slate-400 uppercase mb-1">Gender <span class="text-red-400">*</span></label>
                    <select name="gender" required class="w-full px-3 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-indigo-500 outline-none text-sm bg-white">
                        <option value="Male" {{ $enquiry->gender == 'Male' ? 'selected' : '' }}>Male</option>
                        <option value="Female" {{ $enquiry->gender == 'Female' ? 'selected' : '' }}>Female</option>
                        <option value="Other" {{ $enquiry->gender == 'Other' ? 'selected' : '' }}>Other</option>
                    </select>
                </div>
                <div>
                    <label class="block text-[11px] font-bold text-slate-400 uppercase mb-1">Seeking Class <span class="text-red-400">*</span></label>
                    <select name="seeking_class" required class="w-full px-3 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-indigo-500 outline-none text-sm bg-white">
                        @foreach($classes as $class)
                            <option value="{{ $class->name }}" {{ $enquiry->seeking_class == $class->name ? 'selected' : '' }}>{{ $class->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="block text-[11px] font-bold text-slate-400 uppercase mb-1">Father's Name <span class="text-red-400">*</span></label>
                    <input type="text" name="father_name" value="{{ $enquiry->father_name }}" required
                        class="w-full px-3 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-indigo-500 outline-none text-sm">
                </div>
                <div>
                    <label class="block text-[11px] font-bold text-slate-400 uppercase mb-1">Mother's Name</label>
                    <input type="text" name="mother_name" value="{{ $enquiry->mother_name }}"
                        class="w-full px-3 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-indigo-500 outline-none text-sm">
                </div>
                <div>
                    <label class="block text-[11px] font-bold text-slate-400 uppercase mb-1">Contact Number <span class="text-red-400">*</span></label>
                    <input type="tel" name="contact_number" value="{{ $enquiry->contact_number }}" required
                        maxlength="15" oninput="this.value = this.value.replace(/[^0-9]/g, '')"
                        class="w-full px-3 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-indigo-500 outline-none text-sm font-mono">
                </div>
                <div>
                    <label class="block text-[11px] font-bold text-slate-400 uppercase mb-1">Email</label>
                    <input type="email" name="email" value="{{ $enquiry->email }}"
                        class="w-full px-3 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-indigo-500 outline-none text-sm">
                </div>
                <div class="md:col-span-2 lg:col-span-3">
                    <label class="block text-[11px] font-bold text-slate-400 uppercase mb-1">Address</label>
                    <textarea name="address" rows="2" 
                        class="w-full px-3 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-indigo-500 outline-none text-sm resize-none">{{ $enquiry->address }}</textarea>
                </div>
            </div>

            <div class="flex justify-end gap-2 pt-2 border-t border-slate-100">
                <button type="button" onclick="toggleEdit()" class="px-4 py-2 border border-slate-200 text-slate-600 rounded-lg font-bold text-xs hover:bg-slate-50 transition-all">
                    Cancel
                </button>
                <button type="submit" class="px-6 py-2 bg-indigo-600 text-white rounded-lg font-bold text-xs hover:bg-indigo-700 transition-all shadow-sm">
                    <i class="fa-solid fa-save mr-1"></i> Save Changes
                </button>
            </div>
        </form>
    </div>

    <!-- ✅ PRINTABLE ENQUIRY FORM — Hidden on screen, visible on print -->
    <div id="printable-form" class="hidden">
        <div class="print-container">
            <!-- School Header -->
           <!-- ✅ AFTER - Logo + School Name side by side -->
    <div class="print-header">
    <!-- Added flex items-center to keep logo and text aligned vertically -->
    <div class="print-header-row flex items-center justify-center"> 
        <div class="print-logo-box">
            @if(session('school_logo'))
                <img src="{{ asset('storage/' . session('school_logo')) }}" class="print-logo-img" alt="School Logo">
            @else
                <div class="print-logo-placeholder">
                    <i class="fa-solid fa-school text-3xl text-slate-300"></i>
                </div>
            @endif
        </div>
        <div class="print-header-text flex flex-col items-center">
            <div class="print-school-name">{{ $school->name ?? session('school_name', 'Your School Name') }}</div>
            <div class="print-school-address">{{ $school->address ?? 'School Address, City, State - PIN' }}</div>
            <div class="print-contact">
                Phone: {{ $school->phone ?? '___________' }} | Email: {{ $school->email ?? '___________' }}
            </div>
        </div>
    </div>
</div>

            <!-- ✅ AFTER - Title + Photo in flex container -->
<div class="print-title-row">
    <div class="print-title-center">
        <div class="print-title">ADMISSION ENQUIRY FORM</div>
        <div class="print-form-no">Enquiry No: <strong>{{ str_pad($enquiry->id, 6, '0', STR_PAD_LEFT) }}</strong> | Date: <strong>{{ $enquiry->created_at->format('d M Y') }}</strong></div>
    </div>
    <div class="print-photo-box">
        <div class="print-photo-placeholder">
            @if($enquiry->student_photo)
                <img src="{{ asset('storage/' . $enquiry->student_photo) }}" class="print-photo-img" alt="Student">
            @elseif($document)
                <img src="{{ asset('storage/' . $document->file_path) }}" class="print-photo-img" alt="Student">
            @else
                <span>Paste Photo<br>2" x 2"</span>
            @endif
        </div>
    </div>

</div>

            <!-- Form Table -->
            <table class="print-table">
                <tr>
                    <td class="print-label">Student Name</td>
                    <td class="print-value" colspan="3">{{ $enquiry->student_name }}</td>
                </tr>
                <tr>
                    <td class="print-label">Date of Birth</td>
                    <td class="print-value">{{ $enquiry->date_of_birth?->format('d M Y') }}</td>
                    <td class="print-label">Age</td>
                    <!-- ✅ Safe fallback -->
                    <td class="print-value">{{ $years }} Years {{ $months }} Months {{ $days }} Days</td>
                </tr>
                <tr>
                    <td class="print-label">Gender</td>
                    <td class="print-value">{{ $enquiry->gender }}</td>
                    <td class="print-label">Seeking Class</td>
                    <td class="print-value">{{ $enquiry->seeking_class }}</td>
                </tr>
                <tr>
                    <td class="print-label">Father's Name</td>
                    <td class="print-value" colspan="3">{{ $enquiry->father_name ?? 'N/A' }}</td>
                </tr>
                <tr>
                    <td class="print-label">Mother's Name</td>
                    <td class="print-value" colspan="3">{{ $enquiry->mother_name ?? 'N/A' }}</td>
                </tr>
                <tr>
                    <td class="print-label">Contact Number</td>
                    <td class="print-value">{{ $enquiry->contact_number }}</td>
                    <td class="print-label">Email</td>
                    <td class="print-value">{{ $enquiry->email ?? 'N/A' }}</td>
                </tr>
                <tr>
                    <td class="print-label">Address</td>
                    <td class="print-value" colspan="3" style="height: 60px; vertical-align: top;">{{ $enquiry->address ?? 'N/A' }}</td>
                </tr>
                <tr>
                    <td class="print-label">Enquiry Source</td>
                    <td class="print-value">{{ $enquiry->enquiry_source }}</td>
                    <td class="print-label">Status</td>
                    <td class="print-value">{{ $enquiry->status }}</td>
                </tr>
            </table>

            <!-- Declaration -->
            <div class="print-declaration">
                <p><strong>Declaration:</strong> I hereby declare that all the information provided above is true and correct to the best of my knowledge. I understand that any false information may result in cancellation of the admission.</p>
            </div>

            <!-- Signatures -->
            <div class="print-signatures">
                <div class="print-signature-box">
                    <div class="print-signature-line"></div>
                    <div class="print-signature-label">Parent/Guardian Signature</div>
                    <div class="print-signature-name">{{ $enquiry->father_name ?? '_________________' }}</div>
                    <div class="print-signature-date">Date: ___________</div>
                </div>
                <div class="print-signature-box">
                    <div class="print-signature-line"></div>
                    <div class="print-signature-label">Admission Counsellor</div>
                    <div class="print-signature-name">_________________</div>
                    <div class="print-signature-date">Date: ___________</div>
                </div>
                <div class="print-signature-box">
                    <div class="print-signature-line"></div>
                    <div class="print-signature-label">Principal</div>
                    <div class="print-signature-name">_________________</div>
                    <div class="print-signature-date">Date: ___________</div>
                </div>
            </div>

            <!-- Office Use -->
            <div class="print-office-use">
                <div class="print-office-title">FOR OFFICE USE ONLY</div>
                <table class="print-table">
                    <tr>
                        <td class="print-label">Application No</td>
                        <td class="print-value">_________________</td>
                        <td class="print-label">Interview Date</td>
                        <td class="print-value">_________________</td>
                    </tr>
                    <tr>
                        <td class="print-label">Interview Result</td>
                        <td class="print-value">☐ Selected &emsp; ☐ Waitlisted &emsp; ☐ Rejected</td>
                        <td class="print-label">Fees Status</td>
                        <td class="print-value">☐ Paid &emsp; ☐ Pending</td>
                    </tr>
                    <tr>
                        <td class="print-label">Remarks</td>
                        <td class="print-value" colspan="3" style="height: 40px;"></td>
                    </tr>
                </table>
            </div>

            <!-- Footer -->
            <div class="print-footer">
                This is a computer generated enquiry form. Generated on {{ now()->format('d M Y, h:i A') }}
            </div>
        </div>
    </div>

    <!-- Print Styles -->
    <style>
    /* ===== SCREEN: Hidden ===== */
    #printable-form { display: none; }

    /* ===== PRINT STYLES ===== */
    @media print {
        body * { visibility: hidden; }
        #printable-form, #printable-form * { visibility: visible; }
        #printable-form { 
            position: absolute; 
            left: 0; 
            top: 0; 
            width: 100%;
            display: block !important;
        }
        aside, nav, header, .sidebar, .navbar, .top-bar, 
        .app-header, .app-sidebar, footer, .footer {
            display: none !important;
        }
        body { margin: 0 !important; padding: 0 !important; }
        @page { size: A4; margin: 8mm; }
    }
    
    .print-container {
        width: 190mm;
        height: 270mm;
        margin: 0 auto;
        background: white;
        padding: 18px 22px;
        border: 2px solid #1e3a5f;
        font-size: 13px;
        line-height: 1.4;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    
    /* Header with logo */
    .print-header {
        border-bottom: 2px double #1e3a5f;
        padding-bottom: 10px;
        margin-bottom: 12px;
    }
    
    .print-header-row {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    .print-logo-box {
        width: 120px;  /* Increased from 60px or 80px */
        height: 120px; /* Increased from 60px or 80px */
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px; /* Space between logo and text */
    }
    
    .print-logo-img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* Keeps the aspect ratio perfect */
    }
    
    .print-logo-placeholder {
        width: 55px;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ccc;
        background: #f9f9f9;
        border-radius: 4px;
    }
    
    .print-header-text {
        text-align: left;
    }
    
    .print-school-name { 
        font-size: 20px; 
        font-weight: bold; 
        color: #1e3a5f; 
        text-transform: uppercase; 
        letter-spacing: 2px; 
    }
    .print-school-address { font-size: 11px; color: #555; margin-top: 3px; }
    .print-contact { font-size: 10px; color: #777; margin-top: 2px; }
    
    /* Title row with photo */
    .print-title-row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 12px;
        gap: 12px;
    }
    
    .print-title-center {
        flex: 1;
        text-align: center;
        padding-top: 4px;
    }
    
    .print-title {
        font-size: 16px;
        font-weight: bold;
        color: #1e3a5f;
        text-decoration: underline;
        text-transform: uppercase;
        letter-spacing: 3px;
        margin-bottom: 5px;
    }
    
    .print-form-no {
        font-size: 11px;
        color: #555;
    }
    
    .print-photo-box {
        flex-shrink: 0;
    }
    
    .print-photo-placeholder {
        width: 75px;
        height: 90px;
        border: 2px solid #333;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 10px;
        color: #999;
        background: #f9f9f9;
    }
    
    .print-photo-img {
        width: 75px;
        height: 90px;
        object-fit: cover;
    }
    
    /* Main table - BIGGER FONT */
    .print-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 10px;
        font-size: 13px;
    }
    
    .print-table td {
        border: 1px solid #333;
        padding: 6px 10px;
        font-size: 13px;
        line-height: 1.4;
        vertical-align: middle;
    }
    
    .print-label {
        background: #e8eef5;
        font-weight: bold;
        color: #1e3a5f;
        width: 18%;
        white-space: nowrap;
        font-size: 11px;
        text-transform: uppercase;
    }
    
    .print-value {
        color: #222;
        width: 32%;
        font-size: 13px;
    }
    
    /* Address row */
    .print-table tr:nth-child(7) td[colspan="3"] {
        height: 40px;
        vertical-align: top;
        padding-top: 8px;
    }
    
    /* Declaration */
    .print-declaration {
        margin: 12px 0;
        padding: 8px 12px;
        border: 1px solid #aaa;
        background: #fafafa;
        font-size: 11px;
        text-align: justify;
        line-height: 1.4;
    }
    
    /* ✅ SIGNATURES - MORE GAP ABOVE */
    .print-signatures {
        display: flex;
        justify-content: space-between;
        margin: 45px 0 15px 0; /* 45px top = more gap */
        gap: 25px;
    }
    
    .print-signature-box {
        flex: 1;
        text-align: center;
        padding: 8px;
    }
    
    .print-signature-line {
        border-top: 2px solid #333;
        margin-bottom: 10px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .print-signature-label { 
        font-size: 12px; 
        font-weight: bold; 
        color: #1e3a5f; 
        text-transform: uppercase; 
        letter-spacing: 1px;
    }
    .print-signature-name { font-size: 11px; color: #555; margin-top: 3px; }
    .print-signature-date { font-size: 11px; color: #888; margin-top: 3px; }
    
    /* Office use */
    .print-office-use {
        margin: 12px 0;
        border: 2px dashed #666;
        padding: 10px;
        background: #f5f5f5;
    }
    
    .print-office-title {
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        color: #444;
        text-transform: uppercase;
        letter-spacing: 3px;
        margin-bottom: 8px;
        border-bottom: 1.5px solid #aaa;
        padding-bottom: 4px;
    }
    
    /* Footer */
    .print-footer {
        text-align: center;
        font-size: 9px;
        color: #888;
        margin-top: auto;
        padding-top: 8px;
        border-top: 1px solid #ccc;
    }
</style>
</div>

<script>
    let isEditing = false;
    
    function toggleEdit() {
        isEditing = !isEditing;
        document.getElementById('viewMode').classList.toggle('hidden', isEditing);
        document.getElementById('editMode').classList.toggle('hidden', !isEditing);
        
        const btn = document.getElementById('editBtn');
        if (isEditing) {
            btn.innerHTML = '<i class="fa-solid fa-eye"></i> View';
            btn.classList.add('bg-indigo-50', 'text-indigo-600', 'border-indigo-200');
        } else {
            btn.innerHTML = '<i class="fa-solid fa-pen-to-square"></i> Edit';
            btn.classList.remove('bg-indigo-50', 'text-indigo-600', 'border-indigo-200');
        }
    }

    function deleteEnquiry() {
        Swal.fire({
            title: 'Delete Enquiry?',
            text: "Enquiry #{{ $enquiry->id }} will be permanently deleted!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#ef4444',
            cancelButtonColor: '#64748b',
            confirmButtonText: 'Delete',
            cancelButtonText: 'Cancel'
        }).then((result) => {
            if (result.isConfirmed) {
                // ✅ Add /school prefix
                fetch("/school/admissions/{{ $enquiry->id }}", {
                    method: 'DELETE',
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                        'Accept': 'application/json'
                    }
                })
                .then(r => r.json())
                .then(data => {
                    if (data.success) {
                        Swal.fire({
                            icon: 'success',
                            title: 'Deleted!',
                            text: data.message,
                            timer: 1500,
                            showConfirmButton: false
                        }).then(() => {
                            // ✅ Direct URL
                            window.location.href = "/school/admissions";
                        });
                    }
                })
                .catch(() => Swal.fire('Error', 'Failed to delete', 'error'));
            }
        });
    }

    function printEnquiryForm() {
        window.print();
    }

    // If the page is loaded with printMode, trigger print automatically
    @if(isset($printMode) && $printMode)
        window.onload = function() {
            window.print();
        };
    @endif

</script>
@endsection