<!-- 
    <header>
        <button class="menu-btn" onclick="toggleNav()">☰ Menu</button>
        <h1 class="header-title">Welcome to Admin Panel</h1>
    </header> -->
    <nav id="sidebar" style="z-index:1000"><br><br>
        <ul class="nav-links">
            <li><a href="/GIG_AMS/ACCOUNTING/FMS/accountantPanel.php" style="text-align: left;">Home</a></li>
            <li><a href="/GIG_AMS/ACCOUNTING/FMS/viewStudentsFees.php" style="text-align: left;">students</a></li>
            <li><a href="setGeneralFees2.php" style="text-align: left;">General Fees Structure</a></li>
            <li><a href="/GIG_AMS/ACCOUNTING/FMS/setIndividaulFee2.php" style="text-align: left;">Individual Fees Structure</a></li>
            <li><a href="Bursaries.php" style="text-align: left;">Bursaries</a></li>
            <li><a href="/GIG_AMS/ACCOUNTING/FMS/receipts.php" style="text-align: left;">Payments</a></li>
            <!--<li><a href="#" style="text-align: left;">View Fees Structure</a></li>-->
            <li><a href="index.php" style="text-align: left;">Import payments</a></li>
            <!--<li><a href="#" style="text-align: left;">Payment Records</a></li>-->
            <li><a href="/GIG_AMS/ACCOUNTING/FMS/paymentHistory.php" style="text-align: left;">General Payment History</a></li>
            <li><a href="/GIG_AMS/ACCOUNTING/FMS/allReceipts.php" style="text-align: left;">Receipts</a></li>
            <li><a href="/GIG_AMS/ACCOUNTING/EMS/expenseNav.php" style="text-align: left;">Expenses</a></li>
            <li><a href="/GIG_AMS/ACCOUNTING/FMS/allReceipts.php" style="text-align: left;">Receipts</a></li>
            <li><a href="/GIG_AMS/sync/batch1.php" style="text-align: left;">Sync Data</a></li>
            
            <!-- <li><a href="#" onclick="showPopup('popupViewAoi')" style="text-align: left;">View AOI scores</a></li>
            <li><a href="/GIG_AMS/records/uploadExam.php" style="text-align: left;">Upload Exam marks</a></li>
            <li><a href="#" onclick="showPopup('popupViewExam')" style="text-align: left;">View Exam Marks</a></li>
            <li><a href="#" style="text-align: left;">Upload Test marks</a></li>
            <li><a href="#" style="text-align: left;">View Test Marks</a></li>
            <li><a href="#" onclick="showPopup('popupViewReport')" style="text-align: left;">View reportcards</a></li>-->
             <li><a href="/GIG_AMS/login/logout.php" style="text-align: left;">logout</a></li><br><br> 
        </ul>
    </nav>
    <div class="content">
        
        <main>
            <!-- Popup for selecting subject -->
            <div id="popupViewAoi" class="popup">
                <div class="popup-content">
                    <span class="close-bt" style="display:flex; float:right; font-size: 1.5rem; margin-top:-20px; margin-right:-10px" onclick="hidePopup('popupViewAoi')">&times;</span>
                    <h2>Select Subject</h2>
                    <form action="/GIG_AMS/records/viewAoi.php" method="GET">
                        <label for="subject">Subject:</label>
                        <select name="subject" id="subject">
                            <option value="chemistry">chemistry</option>
                            <option value="biology">biology</option>
                            <option value="physics">physics</option>
                            <option value="agriculture">agriculture</option>
                            <option value="cre">CRE</option>

                        </select>
                        <label for="class">Class:</label>
                        <select name="class" id="class">
                            <option value="S.1">S.1</option>
                            <option value="S.2">S.2</option>
                            <option value="S.3">S.3</option>
                            <option value="S.4">S.4</option>
                        </select>
                        <br>
                        <input type="submit" value="OK">
                    </form>
                </div>
            </div>

            <!-- Popup for selecting class and stream for viewing exam marks -->
            <div id="popupViewStudents" class="popup">
                <div class="popup-content">
                    <span class="close-bt" style="display:flex; float:right; font-size: 1.5rem; margin-top:-20px; margin-right:-10px" style="display: block" onclick="hidePopup('popupViewExam')">&times;</span>
                    <h2>Select Class</h2>
                    <form action="/GIG_AMS/ACCOUNTING/FMS/viewStudentsFees.php" method="GET">
                        <label for="class">Class:</label>
                        <select name="class" id="class">
                            <option value="S.1">S.1</option>
                            <option value="S.2">S.2</option>
                            <option value="S.3">S.3</option>
                            <option value="S.4">S.4</option>
                            <option value="S.5">S.5</option>
                            <option value="S.6">S.6</option>
                        </select>
                        <input type="submit" value="OK">
                    </form>
                </div>
            </div>

            <!-- Popup for viewing reports -->
            <div id="popupViewReport" class="popup">
                <div class="popup-content">
                    <span class="close-bt" style="display:flex; float:right; font-size: 1.5rem; margin-top:-20px; margin-right:-10px" style="display: block" onclick="hidePopup('popupViewReport')">&times;</span>
                    <h2>Select Class</h2>
                    <form action="/GIG_AMS/reports/reportCards.php" method="POST">
                        <label for="class">Class:</label>
                        <select name="class" id="class">
                            <option value="S.1">S.1</option>
                            <option value="S.2">S.2</option>
                            <option value="S.3">S.3</option>
                            <option value="S.4">S.4</option>
                        </select>
                        <label for="term">Term:</label>
                        <select name="term" id="term">
                            <option value="I">I</option>
                            <option value="II">II</option>
                            <option value="III">III</option>
                            
                        </select>
                        <label for="year">Year:</label>
                        <select name="year" id="term">
                            <option value="2024">2024</option>
                            <option value="2025">2025</option>
                            <option value="2026">2026</option>
                            <option value="2027">2027</option>
                        </select>
                        <input type="submit" value="OK">
                    </form>
                </div>
            </div>
        </main>
    </div>

    <script>
        function toggleNav() {
            var sidebar = document.getElementById("sidebar");
            sidebar.classList.toggle("show");
        }

        function showPopup(popupId) {
            var popup = document.getElementById(popupId);
            if (popup) {
                popup.style.display = "flex";
            }
        }

        function hidePopup(popupId) {
            var popup = document.getElementById(popupId);
            if (popup) {
                popup.style.display = "none";
            }
        }
    </script>

