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

<head>
    <title>ZAP Management Portal</title>
    <?php require_once("header.php") ?>
    <?php $Page_title = 'Form Teacher' ?>
    <?php require_once("nav.php") ?>
    <style>
        .dataTables_wrapper .dataTables_length,
        .dataTables_wrapper .dataTables_filter {
            float: none;
            text-align: center;
            margin-bottom: 10px;
        }

        .dataTables_wrapper .dataTables_filter input {
            border: 2px solid #1f1f1f;
            border-radius: 3px;
            padding: 5px;
            background-color: #f8f9fa;
            margin-left: 3px;
            width: 100%;
        }
    </style>
    <!-- <div class="card cards card-style card-filter">
        <div class="content" style="margin-top:5px;">
            <div class="row mb-0">
                <div class="col-lg-12">
                    <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: 0px;">
            <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 an easy ways to get around this page.</strong></a>
            </div>

            <div style="background: #e9ecef;">
                <div class="m-2">
                    <div class="">
                        <table id="student" class="display z-depth-1">
                            <thead>
                                <tr>
                                    <th>CLASS</th>
                                    <th>STAFF</th>
                                    <th>ACTION</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><span class="font-10">PRIMARY 5 ROSE</span></td>
                                    <td class="text-center"><span class="badge bg-red-dark font-8 color-white z-depth-1">NOT TEACHER</span></td>
                                    <td class="text-center"><a href="input_score.php" class="z-depth-1 btn btn-xxs rounded-s text-uppercase font-700 shadow-s bg-highlight" style="font-size: 10px !important;">ASSIGN</a></td>
                                </tr>
                                
                                <!-- Add more rows as needed -->
                            </tbody>
                        </table>
                    </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>
    <div id="billForm" class="menu menu-box-bottom menu-box-bottom-full rounded-0" data-menu-width="cover" data-menu-height="cover" style="display: block; width: 100%; height: 100%;">
        <div class="content invoiceForm">
            <div class="row mb-0">
            </div>
            <a href="#" class="mt-3 close-menu btn btn-l rounded-sm font-600 btn-full btn-margins gradient-red">Close</a>
        </div>
    </div>
    <?php require_once("footer.php") ?>
    <?php require_once("script.php") ?>
    <script>
        // Initialize DataTable
        $(document).ready(function() {
            $('#student').DataTable({
                searching: true, // Enable search functionality
                lengthChange: false, // Remove "Show [entries]" dropdown
                info: false, // Remove DataTable info block
                paging: false // Remove pagination
            });
        });
    </script>