@extends('admin.admin_dashboard')

@section('customcss')
<link href="{{ asset('asset/vendor/jquery-nice-select/css/nice-select.css') }}" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
    body {
        font-family: Arial, 'Noto Sans Bengali', sans-serif;
    }

    .bengali-text {
        font-family: 'Noto Sans Bengali', sans-serif;
    }

    .student-details-card {
        border: 1px solid #e5e5e5;
        border-radius: 10px;
        overflow: hidden;
        background: #fff;
        margin-bottom: 20px;
    }

    .school-name {
        font-size: 1.4rem;
        font-weight: bold;
    }

    .info-table th {
        width: 25%;
        background-color: #f1f1f1;
        font-weight: 600;
        text-align: left !important;
    }

    .info-table td {
        text-align: left !important;
    }

    .section-title {
        background-color: #f0f8ff;
        font-weight: bold;
        padding: 8px;
        margin-top: 15px;
        border-left: 4px solid #007bff;
    }

    .student-header {
        background-color: #f8f9fa;
        padding: 30px 20px 20px;
        border-bottom: 1px solid #e5e5e5;
        min-height: 200px;
    }

    .student-photo {
        border: 3px solid #ddd;
        border-radius: 8px;
        max-width: 150px;
        height: auto;
    }

    .student-photo-container {
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 1;
    }

    .student-header {
        position: relative;
        z-index: 0;
    }

    .school-logo {
        max-width: 90px;
    }

    .action-buttons {
        position: sticky;
        top: 70px;
        z-index: 100;
        background: white;
        padding: 15px;
        border-radius: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
    }

    .status-badge-large {
        font-size: 16px;
        padding: 8px 20px;
        border-radius: 5px;
    }

    @media print {
        .page-titles,
        .btn,
        .action-buttons,
        nav,
        header,
        footer {
            display: none !important;
        }

        body {
            background: #fff !important;
        }
    }
</style>
@endsection

@section('admin')

<div class="content-body">
    <div class="container-fluid">
        <div class="row page-titles align-items-center">
            <div class="col-md-9">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.pending.admission') }}">Pending Admission</a></li>
                    <li class="breadcrumb-item active">Review Application</li>
                </ol>
            </div>
            <div class="col-md-3 text-right">
                @if($admission->status == 'pending')
                <span class="badge bg-warning status-badge-large bengali-text">বিবেচনাধীন / Pending</span>
                @elseif($admission->status == 'approved')
                <span class="badge bg-success status-badge-large bengali-text">অনুমোদিত / Approved</span>
                @else
                <span class="badge bg-danger status-badge-large bengali-text">প্রত্যাখ্যাত / Rejected</span>
                @endif
            </div>
        </div>

       

        <div class="student-details-card">
            <div class="student-header d-flex flex-column align-items-center text-center position-relative">
                <!-- Student Photo on Top Left -->
                <div class="student-photo-container">
                    @if($admission->student_photo)
                        <img src="{{ asset('core/storage/app/public/' . $admission->student_photo) }}" class="student-photo" alt="Student Photo">
                    @else
                        <div class="student-photo d-flex align-items-center justify-content-center" style="width:150px; height:150px; background:#f1f1f1; border-radius:8px;">
                            No Photo
                        </div>
                    @endif
                </div>

                <!-- Application Info -->
                <div class="mb-2">
                    <h4 class="bengali-text">অনলাইন ভর্তি আবেদন পর্যালোচনা</h4>
                    <p class="mb-1"><strong>Application ID:</strong> {{ str_pad($admission->id, 6, '0', STR_PAD_LEFT) }}</p>
                    <p class="mb-0"><strong>Applied Date:</strong> {{ $admission->created_at->format('d/m/Y h:i A') }}</p>
                </div>
            </div>

            <div class="p-3" style="margin-top: 20px;">
                <!-- Academic Info -->
                <div class="section-title bengali-text">শ্রেণি তথ্য / Class Information</div>
                <table class="table table-bordered info-table">
                    <tr>
                        <th class="bengali-text">শিক্ষাবর্ষ / Session</th>
                        <td>{{ $admission->session->name ?? 'N/A' }}</td>
                        <th class="bengali-text">শ্রেণি / Class</th>
                        <td>{{ $admission->class->name ?? 'N/A' }}</td>
                    </tr>
                    @if($admission->section || $admission->shift)
                    <tr>
                        @if($admission->section)
                        <th class="bengali-text">শাখা / Section</th>
                        <td>{{ $admission->section->name }}</td>
                        @endif
                        @if($admission->shift)
                        <th class="bengali-text">শিফট / Shift</th>
                        <td>{{ $admission->shift }}</td>
                        @endif
                    </tr>
                    @endif
                    @if($admission->group_name)
                    <tr>
                        <th class="bengali-text">গ্রুপ / Group</th>
                        <td colspan="3">{{ $admission->group_name }}</td>
                    </tr>
                    @endif
                </table>

                <!-- Student Info -->
                <div class="section-title bengali-text">শিক্ষার্থীর তথ্য / Student Information</div>
                <table class="table table-bordered info-table">
                    <tr>
                        <th class="bengali-text">নাম (বাংলা) / Name (Bangla)</th>
                        <td>{{ $admission->student_name_bangla ?: 'N/A' }}</td>
                        <th>Name (English)</th>
                        <td>{{ $admission->student_name_english }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">লিঙ্গ / Gender</th>
                        <td>{{ $admission->gender }}</td>
                        <th class="bengali-text">ধর্ম / Religion</th>
                        <td class="bengali-text">{{ $admission->religion ?: 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">মোবাইল / Phone</th>
                        <td>{{ $admission->phone }}</td>
                        <th>Email</th>
                        <td>{{ $admission->email ?: 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">রক্তের গ্রুপ / Blood Group</th>
                        <td>{{ $admission->blood_group ?: 'N/A' }}</td>
                        <th class="bengali-text">জন্ম তারিখ / Date of Birth</th>
                        <td>{{ \Carbon\Carbon::parse($admission->birth_date)->format('d/m/Y') }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">জন্ম নিবন্ধন / Birth Certificate No.</th>
                        <td>{{ $admission->birth_certificate ?: 'N/A' }}</td>
                        <th class="bengali-text">জাতীয়তা / Nationality</th>
                        <td class="bengali-text">{{ $admission->nationality ?: 'N/A' }}</td>
                    </tr>
                    @if($admission->whatsapp_number || $admission->sms_number)
                    <tr>
                        @if($admission->whatsapp_number)
                        <th>WhatsApp</th>
                        <td>{{ $admission->whatsapp_number }}</td>
                        @endif
                        @if($admission->sms_number)
                        <th>SMS Number</th>
                        <td>{{ $admission->sms_number }}</td>
                        @endif
                    </tr>
                    @endif
                </table>

                <!-- Father's Info -->
                <div class="section-title bengali-text">পিতার তথ্য / Father's Information</div>
                <table class="table table-bordered info-table">
                    <tr>
                        <th class="bengali-text">নাম (বাংলা) / Name (Bangla)</th>
                        <td>{{ $admission->father_name_bangla ?: 'N/A' }}</td>
                        <th>Name (English)</th>
                        <td>{{ $admission->father_name_english ?: 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">পেশা / Profession</th>
                        <td class="bengali-text">{{ $admission->father_profession ?: 'N/A' }}</td>
                        <th class="bengali-text">মোবাইল / Phone</th>
                        <td>{{ $admission->father_phone ?: 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">এনআইডি / NID No</th>
                        <td>{{ $admission->father_nid ?: 'N/A' }}</td>
                        <th class="bengali-text">মাসিক আয় / Income</th>
                        <td>{{ $admission->father_income ?: 'N/A' }}</td>
                    </tr>
                </table>

                <!-- Mother's Info -->
                <div class="section-title bengali-text">মাতার তথ্য / Mother's Information</div>
                <table class="table table-bordered info-table">
                    <tr>
                        <th class="bengali-text">নাম (বাংলা) / Name (Bangla)</th>
                        <td>{{ $admission->mother_name_bangla ?: 'N/A' }}</td>
                        <th>Name (English)</th>
                        <td>{{ $admission->mother_name_english ?: 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">পেশা / Profession</th>
                        <td class="bengali-text">{{ $admission->mother_profession ?: 'N/A' }}</td>
                        <th class="bengali-text">মোবাইল / Phone</th>
                        <td>{{ $admission->mother_phone ?: 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">এনআইডি / NID No</th>
                        <td>{{ $admission->mother_nid ?: 'N/A' }}</td>
                        <th class="bengali-text">মাসিক আয় / Income</th>
                        <td>{{ $admission->mother_income ?: 'N/A' }}</td>
                    </tr>
                </table>

                <!-- Guardian Info -->
                @if($admission->guardian_name)
                <div class="section-title bengali-text">অভিভাবকের তথ্য / Guardian Information</div>
                <table class="table table-bordered info-table">
                    <tr>
                        <th class="bengali-text">নাম / Guardian Name</th>
                        <td>{{ $admission->guardian_name }}</td>
                        <th class="bengali-text">সম্পর্ক / Relation</th>
                        <td class="bengali-text">{{ $admission->guardian_relation ?: 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">ঠিকানা / Address</th>
                        <td class="bengali-text">{{ $admission->guardian_address ?: 'N/A' }}</td>
                        <th class="bengali-text">পেশা / Profession</th>
                        <td class="bengali-text">{{ $admission->guardian_profession ?: 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">মোবাইল / Phone</th>
                        <td>{{ $admission->guardian_phone ?: 'N/A' }}</td>
                        <th class="bengali-text">মাসিক আয় / Income</th>
                        <td>{{ $admission->guardian_income ?: 'N/A' }}</td>
                    </tr>
                </table>
                @endif

                <!-- Present Address -->
                <div class="section-title bengali-text">বর্তমান ঠিকানা / Present Address</div>
                <table class="table table-bordered info-table">
                    <tr>
                        <th class="bengali-text">গ্রাম / Village</th>
                        <td class="bengali-text">{{ $admission->present_village ?: 'N/A' }}</td>
                        <th class="bengali-text">ডাকঘর / Post Office</th>
                        <td class="bengali-text">{{ $admission->present_post_office ?: 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">পোস্ট কোড / Post Code</th>
                        <td>{{ $admission->present_post_code ?: 'N/A' }}</td>
                        <th class="bengali-text">উপজেলা / Upazilla</th>
                        <td class="bengali-text">{{ $admission->present_upazilla ?: 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">জেলা / District</th>
                        <td class="bengali-text">{{ $admission->present_district ?: 'N/A' }}</td>
                        <th class="bengali-text">বিভাগ / Division</th>
                        <td class="bengali-text">{{ $admission->present_division ?: 'N/A' }}</td>
                    </tr>
                </table>

                <!-- Permanent Address -->
                <div class="section-title bengali-text">স্থায়ী ঠিকানা / Permanent Address</div>
                <table class="table table-bordered info-table">
                    <tr>
                        <th class="bengali-text">গ্রাম / Village</th>
                        <td class="bengali-text">{{ $admission->permanent_village ?: 'N/A' }}</td>
                        <th class="bengali-text">ডাকঘর / Post Office</th>
                        <td class="bengali-text">{{ $admission->permanent_post_office ?: 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">পোস্ট কোড / Post Code</th>
                        <td>{{ $admission->permanent_post_code ?: 'N/A' }}</td>
                        <th class="bengali-text">উপজেলা / Upazilla</th>
                        <td class="bengali-text">{{ $admission->permanent_upazilla ?: 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">জেলা / District</th>
                        <td class="bengali-text">{{ $admission->permanent_district ?: 'N/A' }}</td>
                        <th class="bengali-text">বিভাগ / Division</th>
                        <td class="bengali-text">{{ $admission->permanent_division ?: 'N/A' }}</td>
                    </tr>
                </table>

                <!-- Previous School -->
                @if($admission->previous_school_name)
                <div class="section-title bengali-text">পূর্বের স্কুলের তথ্য / Previous School Information</div>
                <table class="table table-bordered info-table">
                    <tr>
                        <th class="bengali-text">স্কুলের নাম / School Name</th>
                        <td class="bengali-text">{{ $admission->previous_school_name }}</td>
                        <th class="bengali-text">ঠিকানা / Address</th>
                        <td class="bengali-text">{{ $admission->previous_school_address ?: 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">স্থানান্তরের কারণ / Transfer Reason</th>
                        <td class="bengali-text">{{ $admission->transfer_reason ?: 'N/A' }}</td>
                        <th class="bengali-text">শ্রেণি / Class</th>
                        <td>{{ $admission->previous_class ?: 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th class="bengali-text">রোল / Roll</th>
                        <td colspan="3">{{ $admission->previous_roll ?: 'N/A' }}</td>
                    </tr>
                </table>
                @endif

                <!-- Documents -->
                @if($admission->birth_certificate_photo || $admission->father_nid_photo || $admission->mother_nid_photo)
                <div class="section-title bengali-text">ডকুমেন্টস / Documents</div>
                <div class="row">
                    @if($admission->birth_certificate_photo)
                    <div class="col-md-4 mb-3 text-center">
                        <h6 class="bengali-text">জন্ম সনদ / Birth Certificate</h6>
                        <a href="{{ asset('core/storage/app/public/' . $admission->birth_certificate_photo) }}" target="_blank">
                            <img src="{{ asset('core/storage/app/public/' . $admission->birth_certificate_photo) }}" class="img-fluid border" style="max-height: 200px; border-radius: 5px;">
                        </a>
                    </div>
                    @endif
                    @if($admission->father_nid_photo)
                    <div class="col-md-4 mb-3 text-center">
                        <h6 class="bengali-text">পিতার এনআইডি / Father's NID</h6>
                        <a href="{{ asset('core/storage/app/public/' . $admission->father_nid_photo) }}" target="_blank">
                            <img src="{{ asset('core/storage/app/public/' . $admission->father_nid_photo) }}" class="img-fluid border" style="max-height: 200px; border-radius: 5px;">
                        </a>
                    </div>
                    @endif
                    @if($admission->mother_nid_photo)
                    <div class="col-md-4 mb-3 text-center">
                        <h6 class="bengali-text">মাতার এনআইডি / Mother's NID</h6>
                        <a href="{{ asset('core/storage/app/public/' . $admission->mother_nid_photo) }}" target="_blank">
                            <img src="{{ asset('core/storage/app/public/' . $admission->mother_nid_photo) }}" class="img-fluid border" style="max-height: 200px; border-radius: 5px;">
                        </a>
                    </div>
                    @endif
                </div>
                @endif

                <!-- Action Buttons Bottom -->
                @if($admission->status == 'pending')
                <div class="mt-4 mb-3 text-center p-3" style="background: #f8f9fa; border-radius: 10px;">
                    <button type="button" class="btn btn-success btn-lg px-5" onclick="openApproveModal()">
                        <i class="fas fa-check-circle"></i> অনুমোদন করুন / Approve
                    </button>
                    <button type="button" class="btn btn-danger btn-lg px-5 ms-3" data-bs-toggle="modal" data-bs-target="#rejectModal">
                        <i class="fas fa-times-circle"></i> প্রত্যাখ্যান করুন / Reject
                    </button>
                    <a href="{{ route('admin.pending.admission') }}" class="btn btn-secondary btn-lg px-5 ms-3">
                        <i class="fas fa-arrow-left"></i> ফিরে যান / Back
                    </a>
                </div>
                @elseif($admission->status == 'approved')
                <div class="alert alert-success mt-3">
                    <i class="fas fa-check-circle"></i> <strong>এই আবেদন অনুমোদিত হয়েছে।</strong>
                </div>
                @else
                <div class="alert alert-danger mt-3">
                    <i class="fas fa-times-circle"></i> <strong>এই আবেদন প্রত্যাখ্যাত হয়েছে।</strong><br>
                    কারণ: {{ $admission->rejection_reason }}
                </div>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Reject Modal -->
<div class="modal fade" id="rejectModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('admin.reject.pending.admission', $admission->id) }}" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title bengali-text">আবেদন প্রত্যাখ্যান / Reject Application</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label class="bengali-text">প্রত্যাখ্যানের কারণ / Rejection Reason <span class="text-danger">*</span></label>
                        <textarea name="rejection_reason" class="form-control" rows="4" required placeholder="কারণ লিখুন..."></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">বাতিল / Cancel</button>
                    <button type="submit" class="btn btn-danger">নিশ্চিত করুন / Confirm Reject</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Approve Modal -->
<div class="modal fade" id="approveModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form id="approveForm">
                @csrf
                <div class="modal-header bg-success text-white">
                    <h5 class="modal-title bengali-text"><i class="fas fa-check-circle"></i> আবেদন অনুমোদন / Approve Application</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <!-- Session -->
                        <div class="col-md-6 mb-3">
                            <label class="form-label bengali-text">শিক্ষাবর্ষ / Academic Session <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="approve_session_name" readonly style="background: #f8f9fa;">
                            <input type="hidden" name="session_id" id="approve_session_id">
                        </div>

                        <!-- Class -->
                        <div class="col-md-6 mb-3">
                            <label class="form-label bengali-text">শ্রেণি / Class <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="approve_class_name" readonly style="background: #f8f9fa;">
                            <input type="hidden" name="class_id" id="approve_class_id">
                        </div>

                        <!-- Section -->
                        <div class="col-md-6 mb-3">
                            <label class="form-label bengali-text">শাখা / Section</label>
                            <select name="section_id" id="approve_section_id" class="form-control">
                                <option value="">-- Select Section --</option>
                            </select>
                        </div>

                        <!-- Group -->
                        <div class="col-md-6 mb-3">
                            <label class="form-label bengali-text">গ্রুপ / Group</label>
                            <select name="group_id" id="approve_group_id" class="form-control">
                                <option value="">-- Select Group --</option>
                            </select>
                        </div>

                        <!-- Shift -->
                        <div class="col-md-6 mb-3">
                            <label class="form-label bengali-text">শিফট / Shift <span class="text-danger">*</span></label>
                            <select name="shift_id" id="approve_shift_id" class="form-control" required>
                                <option value="">-- Select Shift --</option>
                            </select>
                        </div>

                        <!-- Version -->
                        <div class="col-md-6 mb-3">
                            <label class="form-label bengali-text">ভার্সন / Version</label>
                            <input type="text" name="version" id="approve_version" class="form-control" placeholder="e.g., Bangla, English">
                        </div>

                        <!-- Class Roll -->
                        <div class="col-md-6 mb-3">
                            <label class="form-label bengali-text">ক্লাস রোল / Class Roll <span class="text-danger">*</span></label>
                            <input type="number" name="class_roll" id="approve_class_roll" class="form-control" required>
                            <small class="text-muted bengali-text">আপনি এটি edit করতে পারবেন</small>
                        </div>

                        <!-- Admission Roll -->
                        <div class="col-md-6 mb-3">
                            <label class="form-label bengali-text">ভর্তি রোল / Admission Roll</label>
                            <input type="text" id="approve_admission_roll" class="form-control" readonly style="background: #fff3cd; font-weight: bold; color: #856404;">
                            <small class="text-muted bengali-text">স্বয়ংক্রিয়ভাবে তৈরি হয়েছে</small>
                        </div>
                    </div>

                    <div class="alert alert-info mt-3">
                        <i class="fas fa-info-circle"></i> 
                        <strong class="bengali-text">নোট:</strong> অনুমোদনের পর স্বয়ংক্রিয়ভাবে student account, class registration এবং fees তৈরি হবে।
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="fas fa-times"></i> বাতিল / Cancel
                    </button>
                    <button type="submit" class="btn btn-success" id="confirmApproveBtn">
                        <i class="fas fa-check"></i> নিশ্চিত করুন / Confirm Approve
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection

@section('customjs')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
const admissionId = {{ $admission->id }};

// Open Approve Modal and load data
function openApproveModal() {
    $.ajax({
        url: `{{ route('admin.pending.admission.approve.form', ':id') }}`.replace(':id', admissionId),
        method: 'GET',
        success: function(response) {
            if (response.success) {
                const data = response.admission;
                
                // Fill readonly fields
                $('#approve_session_name').val(data.session.name);
                $('#approve_session_id').val(data.session_id);
                $('#approve_class_name').val(data.class.name);
                $('#approve_class_id').val(data.class_id);
                
                // Fill sections dropdown
                $('#approve_section_id').empty().append('<option value="">-- Select Section --</option>');
                response.sections.forEach(section => {
                    const selected = section.id == data.section_id ? 'selected' : '';
                    $('#approve_section_id').append(`<option value="${section.id}" ${selected}>${section.name}</option>`);
                });
                
                // Fill groups dropdown (only if groups exist for this class)
                $('#approve_group_id').empty().append('<option value="">-- Select Group --</option>');
                if (response.groups && response.groups.length > 0) {
                    response.groups.forEach(group => {
                        if (group.id && group.name) {
                            const selected = response.selected_group && group.id == response.selected_group.id ? 'selected' : '';
                            $('#approve_group_id').append(`<option value="${group.id}" ${selected}>${group.name}</option>`);
                        }
                    });
                    // Show group field
                    $('#approve_group_id').closest('.col-md-6').show();
                } else {
                    // Hide group field if no groups assigned
                    $('#approve_group_id').closest('.col-md-6').hide();
                }
                
                // Fill shifts dropdown
                $('#approve_shift_id').empty().append('<option value="">-- Select Shift --</option>');
                if (response.shifts && response.shifts.length > 0) {
                    response.shifts.forEach(shift => {
                        let isSelected = '';
                        if (response.selected_shift && String(shift.id) === String(response.selected_shift.id)) {
                            isSelected = 'selected';
                        }
                        $('#approve_shift_id').append(`<option value="${shift.id}" ${isSelected}>${shift.name}</option>`);
                    });
                }
                
                // Display generated admission roll
                $('#approve_admission_roll').val(response.generated_admission_roll);
                
                // Load last class roll
                loadLastClassRoll(data.session_id, data.class_id);
                
                // Show modal
                $('#approveModal').modal('show');
            }
        },
        error: function(xhr) {
            Swal.fire({
                icon: 'error',
                title: 'Error',
                text: 'Failed to load approval form data'
            });
        }
    });
}

// Load last class roll
function loadLastClassRoll(sessionId, classId) {
    $.ajax({
        url: '{{ url('/admin/get-last-roll') }}',
        method: 'GET',
        data: {
            session_id: sessionId,
            class_id: classId
        },
        success: function(response) {
            const nextRoll = (response.last_roll || 0) + 1;
            $('#approve_class_roll').val(nextRoll);
        }
    });
}

// Handle approve form submission
$('#approveForm').on('submit', function(e) {
    e.preventDefault();
    
    const formData = {
        _token: '{{ csrf_token() }}',
        session_id: $('#approve_session_id').val(),
        class_id: $('#approve_class_id').val(),
        section_id: $('#approve_section_id').val() || null,
        group_id: $('#approve_group_id').val() || null,
        shift_id: $('#approve_shift_id').val() || null,
        version: $('#approve_version').val() || null,
        class_roll: $('#approve_class_roll').val()
    };
    
    // Disable submit button
    $('#confirmApproveBtn').prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i> Processing...');
    
    $.ajax({
        url: `{{ route('admin.pending.admission.confirm', ':id') }}`.replace(':id', admissionId),
        method: 'POST',
        data: formData,
        success: function(response) {
            if (response.success) {
                $('#approveModal').modal('hide');
                
                Swal.fire({
                    icon: 'success',
                    title: 'সফল!',
                    html: response.message + '<br><strong>Admission Roll:</strong> ' + response.admission_roll,
                    confirmButtonText: 'OK'
                }).then(() => {
                    window.location.href = response.redirect_url;
                });
            }
        },
        error: function(xhr) {
            $('#confirmApproveBtn').prop('disabled', false).html('<i class="fas fa-check"></i> নিশ্চিত করুন / Confirm Approve');
            
            let errorMsg = 'An error occurred';
            if (xhr.responseJSON && xhr.responseJSON.message) {
                errorMsg = xhr.responseJSON.message;
            }
            
            Swal.fire({
                icon: 'error',
                title: 'Error',
                text: errorMsg
            });
        }
    });
});
</script>
@endsection