<!DOCTYPE html>
<html lang="en" class="isPWA">

<head>
    <title>ZAP Management Portal</title>
    <?php require_once("header.php") ?>
    <?php $Page_title = 'Result Summary' ?>
    <?php require_once("nav.php") ?>
    <div class="card cards card-style card-filter">
        <div class="content" style="margin-top:5px;">
            <div class="row mb-0">
                <div class="">
                    <a data-menu="filterSchools" href="#" class="btn btn-full bg-black font-12 btn-m font-600 mt-3 rounded-sm filter_schools">PAGE GUIDELINE </a>
                </div>
            </div>
        </div>
    </div>
    <div class="page-content">
        <div class="all-content" style="margin-top: 60px;">
            <div class="ms-3 me-3 z-depth-1 alert alert-small -s shadow-xl bg-blue-dark" role="alert"><a>
                <span><i class="fa fa-question color-white"></i></span>
                <strong class="color-white font-12">Tap here for easy ways to get around this page.</strong></a>
            </div>
            <div class="card card-style">
                <div class="m-2">
                    <div class=" line-height-m p-1 text-center">
                        <h5 class="font-600 font-15 line-height-s pe-2 mb-0">Primary 1 Pearl</h5>
                        <!-- <h5 class="font-400  font-12 mb-0"><span class="badge bg-red-dark font-10 color-white">Not Generated</span></h5> -->
                        <div class="p-2 z-depth-1 mt-2">
                            <table border="0" class="text-center" style="width:100%;border: 1px solid #f0f0f0;">
                                <thead>
                                    <tr>
                                        <th class="opacity-40 font-8">RESULT STATUS</th>
                                        <th class="opacity-40 font-8">SUBJECT</th>
                                        <th class="opacity-40 font-8">SUBJECT STATUS</th>
                                        <th class="opacity-40 font-8">ATTENDANCE</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><span class="color-red-dark font-11">Not Generated</span></td>
                                        <td>10/24</td>
                                        <td><span class="color-red-dark font-11">Not Ready</span></td>
                                        <td><span class="color-red-dark font-11">Not Completed</span></td>
                                    </tr>
                                    <!-- Add more rows as needed -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="mt-2">
                        <div class=" ps-1 pe-1 space_evenly">
                            <div class=" item_space">
                                <a data-menu="filterSchools" href="#" class="btn btn-full bg-green-dark btn-m filter_schools" style="font-size: 10px !important;">GENERATE </a>
                            </div>
                            <div class=" item_space">
                                <a data-menu="filterSchools" href="#" class="btn btn-full bg-blue-dark btn-m filter_schools" style="font-size: 10px !important;">VIEW </a>
                            </div>
                            <div class=" item_space">
                                <a data-menu="filterSchools" href="#" class="btn btn-full bg-black btn-m filter_schools" style="font-size: 10px !important;">SUMMARY</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>
    <div id="toast-1" class="toast toast-tiny toast-top bg-green-dark" data-bs-delay="100000" data-bs-autohide="true"><i class="fa fa-sync fa-spin me-3" style="z-index: 1000"></i>Processing...</div>

    <?php require_once("footer.php") ?>
    <?php require_once("script.php") ?>