<?php
/**
 * Result Entry Form - Modern Bootstrap 5.3 Version
 * Using AJAX via APIs/getResultData.php and APIs/saveResults.php
 */
$format = "DD/MM/YYYY";
$date = date("d/m/Y");
$promotionDt = "";
$dateEd = "";

if (isset($_SESSION['hijri'])) {
    $dt = new DateTime($_SESSION['hijri']);
    $promotionDt = $dt->format('Y-m-d');
    $y = explode("-", $promotionDt);
    $y = $y[0] + 1;
    $dateEd = $dt->format($y . '-m-d');
}
?>

<div id="resultFrmWrapper" dir="rtl">
    <!-- Navigation Tabs / Links -->
    <div class="d-flex flex-wrap gap-2 mb-4">
        <a href="resultBySubject" class="btn btn-outline-primary" title="ایک مضمون کی لحاظ سے علٰحیدہ نتیجہ بنائیں">
            <i class="bi bi-book me-1"></i>علٰحیدہ مضمون کی رزلٹ بنائیں
        </a>
        <a href="resultFrmSingleStd" class="btn btn-outline-primary" title="ایک طالب العلم کے لئے علٰحیدہ نتیجہ بنائیں">
            <i class="bi bi-person-badge me-1"></i>علٰحیدہ رزلٹ بنائیں
        </a>
        <a href="updtaeResult" class="btn btn-outline-secondary" title="نتیجہ میں تبدیلی کریں">
            <i class="bi bi-pencil-square me-1"></i>تبدیلی کریں
        </a>
    </div>

    <!-- Page Header -->
    <div class="mb-4">
        <h2 class="fw-bold mb-0 text-primary">
            <i class="bi bi-file-earmark-ruled me-2"></i>امتحانی نتیجہ (Results)
        </h2>
        <p class="text-muted small">
            <?php echo htmlspecialchars(M_Name); ?>
        </p>
    </div>

    <!-- Alert Placeholder -->
    <div id="formAlert"></div>

    <!-- Search Section -->
    <div class="card border-0 shadow-sm mb-4 bg-light">
        <div class="card-body p-4">
            <form id="searchForm">
                <div class="row g-3 align-items-end">
                    <div class="col-md-3">
                        <label class="form-label fw-semibold">درجہ منتخب کریں</label>
                        <?php $crud->darjaatCmb('darja', 'class="form-select form-select-lg" required'); ?>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold">تاریخِ داخلہ</label>
                        <input type="text" id="promotionDate" name="promotionDate"
                            class="form-control form-control-lg text-start hijri-picker" dir="ltr"
                            value="<?php echo htmlspecialchars($promotionDt); ?>" readonly required>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold">تاریخِ انتہا</label>
                        <input type="text" id="dateEnd" name="dateEnd"
                            class="form-control form-control-lg text-start hijri-picker" dir="ltr"
                            value="<?php echo htmlspecialchars($dateEd); ?>" readonly required>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-semibold">امتحان</label>
                        <select name="resultTerm" id="resultTerm" class="form-select form-select-lg">
                            <option value="1">سہ ماہی (Quarterly)</option>
                            <option value="2">شش ماہی (Half-Yearly)</option>
                            <option value="3">سالانہ (Annual)</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <button type="submit" class="btn btn-primary btn-lg w-100">
                            <i class="bi bi-search me-2"></i>تلاش کریں
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Results Table Section -->
    <div id="resultsSection" class="d-none">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-dark text-white fw-bold d-flex justify-content-between align-items-center">
                <span><i class="bi bi-table me-2"></i>طالب علموں کی فہرست اور نمبرات</span>
                <span class="badge bg-primary">نمبرز 0 سے 100 کے درمیان ہونے چاہئیں</span>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover table-bordered mb-0 align-middle">
                        <thead class="table-light">
                            <tr id="subjectsHeader">
                                <!-- Dynamic subjects will be injected here -->
                            </tr>
                        </thead>
                        <tbody id="resultsTableBody">
                            <!-- Dynamic students will be injected here -->
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!-- Remarks Section -->
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body">
                <div class="mb-3">
                    <label for="edu_year_remarks" class="form-label fw-semibold">تعلیمی سال کی تفصیل (Remarks)</label>
                    <textarea class="form-control" name="edu_year_remarks" id="edu_year_remarks" rows="3"
                        placeholder="مثلاً: تعلیمی سال 1445-1446ھ کے نتائج"></textarea>
                </div>
                <div class="d-flex justify-content-end gap-3">
                    <button type="button" class="btn btn-success btn-lg px-5" id="btnSaveResults">
                        <i class="bi bi-save me-2"></i>محفوظ کیجیے
                    </button>
                </div>
            </div>
        </div>
    </div>

    <script src="assets/js/resultFrm.js"></script>
</div>