<?php
/**
 * Modernized Student Admission Form Page
 */
$sno = isset($_GET['sno']) ? $_GET['sno'] : '';
?>

<div id="admissionFormWrapper" class="container-fluid py-4 overflow-hidden" dir="rtl">
    <div class="row justify-content-center">
        <div class="col-lg-10">
            <!-- Header/Actions -->
            <div class="card border-0 shadow-sm rounded-4 mb-4 no-print animate__animated animate__fadeInDown">
                <div class="card-body py-3 px-4 d-flex justify-content-between align-items-center">
                    <h4 class="mb-0 fw-bold text-primary urdu-regular">
                        <i class="bi bi-file-earmark-person ms-2"></i>داخلہ فارم
                    </h4>
                    <div class="d-flex gap-2">
                        <button id="btnPrintForm" class="btn btn-dark rounded-pill px-4 d-none">
                            <i class="bi bi-printer ms-2"></i> پرنٹ کریں
                        </button>
                    </div>
                </div>
            </div>

            <!-- Loader -->
            <div id="formLoader" class="text-center py-5">
                <div class="spinner-border text-primary" role="status"></div>
                <p class="mt-3 urdu-regular fs-4">فارم تیار ہو رہا ہے...</p>
            </div>

            <!-- Results Container (Screen UI) -->
            <div id="formContainer" class="animate__animated animate__fadeIn"></div>
        </div>
    </div>
</div>

<input type="hidden" id="studentSno" value="<?php echo $sno; ?>">

<!-- Page Specific JS -->
<script src="assets/js/report_admission_form.js?v=<?php echo time(); ?>"></script>

<style>
    @media print {
        .no-print {
            display: none !important;
        }

        body {
            background-color: white !important;
        }

        .container-fluid {
            padding: 0 !important;
        }
    }
</style>