<?php include ("../../controller/session/session-checker-teacher-student-admin-parents.php"); ?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="EduMESS" />
    <meta name="description" content="EduMESS (Education Management and E-Learning Software Solution) 
        is a leading school management, automation and elearning solution. Since its 
        launch, EduMESS has grown to become a leader. Our clients say that the simplicity 
        of our interface, ease of use, cost effectiveness and excellent customer care is 
        the reason they prefare EduMESS. We have watched schools move from softwares they 
        are using to EduMESS." />
    <meta name="keywords" content="Best, School, Management, Best School, Best School Management, 
        Best School Management Software, Free School Management Software, Portal, 
        School Owner, Group of School Owner, Consultants, Brand Promoters | School Portal Generator ">
    <title>EduMESS</title>
    <!-- FAVICON AND TOUCH ICONS -->
    <link rel="shortcut icon" href="../../assets/images/website_images/favicon.png" type="image/x-icon">
    <link rel="icon" href="../../assets/images/website_images/favicon.png" type="image/x-icon">
    <link rel="apple-touch-icon" sizes="152x152" href="../../assets/images/website_images/favicon.png">
    <link rel="apple-touch-icon" sizes="120x120" href="../../assets/images/website_images/favicon.png">
    <link rel="apple-touch-icon" sizes="76x76" href="../../assets/images/website_images/favicon.png">
    <link rel="apple-touch-icon" href="../../assets/images/website_images/favicon.png">
    <link rel="icon" href="../../assets/images/website_images/favicon.png" type="image/x-icon">

    <link href="../../assets/plugins/bootstrap5/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Arvo&display=swap" rel="stylesheet">
    <script src="../../assets/plugins/jquery/code.jquery.com_jquery-3.5.1.min.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Sharp" rel="stylesheet">
    <link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
    
   
    <!-- fontawesome cdn -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />

	<!-- font awesome cn -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <!-- Animate.css CDN -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" integrity="sha512-..." crossorigin="anonymous" />

    <!-- style sheet -->
    <link rel="stylesheet" href="../../css/admin_css/appStyle.css">
     <link rel="stylesheet" href="../../css/admin_css/questionbank.css">

    <!-- phone number country code -->
    <link href="../../assets/plugins/intlTelInput.min.css" rel="stylesheet"/>
    <script src="../../assets/plugins/intlTelInput.min.js"></script>
    
    <script src="../../assets/plugins/dselect.js"></script>

    <!-- notification css-->
    <link href="../../assets/plugins/notify/wnoty.css" rel="stylesheet">

    <!-- image Croppie -->
    <link rel="stylesheet" href="../../assets/plugins/Croppie/croppie.css"></link>
    
    <!-- Bootstrap Tagsinput CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.css">

     <!-- Bootstrap Tagsinput JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.min.js"></script>
    
    
     <script type="text/javascript" src="../../assets/plugins/tinymce6/tinymce6/plugins/tiny_mce_wiris/integration/WIRISplugins.js"></script>
    <script type="text/javascript" src="../../assets/plugins/tinymce6/js/wirislib.js"></script>
    <script type="text/javascript" src="../../assets/plugins/tinymce6/tinymce6/tinymce.min.js"></script>
    
    <script>(function (e, t, n) { var r = e.querySelectorAll("html")[0]; r.className = r.className.replace(/(^|\s)no-js(\s|$)/, "$1js$2") })(document, window, 0);</script>

    <script type="text/javascript">
        var tableToExcel = (function () {
            var uri = 'data:application/vnd.ms-excel;base64,'
                , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
                , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) }
                , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) }
            return function (table, name) {
                if (!table.nodeType) table = document.getElementById(table)
                var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML }
                window.location.href = uri + base64(format(template, ctx))
            }
        })()
    </script>

<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.js"></script>

</head>
<style>
    .hidden_row {
        display: none;
    }

    .abba_class_row {
        border: 1px solid #007ffb;
        color: #0f86fa;
        font-weight: 450;
        text-align: center;
        font-size: 10px;
        border-radius: 7px;
        background-color: #d9eafa;
    }

    .abba_current_teacher {
        border: 1px solid #01df77;
        color: #009751;
        font-weight: 450;
        text-align: center;
        font-size: 11px;
        border-radius: 7px;
        background-color: #bdffe0;
    }

    .editbox {

        display: none
    }

    .editbox {
        font-size: 14px;
        width: 50px;
        background-color: #FFFFFF;
        border: solid 1px #FFFFFF;
        padding: 5px 5px;
    }

    .edit_tr:hover {
        background-color: #90c7fc;
        cursor: pointer;
    }

    .editbox_psycho {

        display: none
    }

    .editbox_psycho {

        display: none
    }

    .editbox_psycho {
        font-size: 14px;
        width: 50px;
        background-color: #FFFFFF;
        border: solid 1px #FFFFFF;
        padding: 5px 5px;
    }

    .edit_tr_psycho:hover {
        background-color: #90c7fc;
        cursor: pointer;
    }

    .editbox_affective {

        display: none
    }

    .editbox_affective {

        display: none
    }

    .editbox_affective {
        font-size: 14px;
        width: 50px;
        background-color: #FFFFFF;
        border: solid 1px #FFFFFF;
        padding: 5px 5px;
    }

    .edit_tr_affective:hover {
        background-color: #90c7fc;
        cursor: pointer;
    }   

    .abba_stud_checkbox-group {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        max-width: 600px;
        user-select: none;
    }

    .abba_stud_checkbox-group-legend {
        font-size: 1.5rem;
        font-weight: 700;
        color: #9c9c9c;
        text-align: center;
        line-height: 1.125;
        margin-bottom: 1.25rem;
    }

    .abba_stud_checkbox-input {
        clip: rect(0 0 0 0);
        clip-path: inset(100%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .abba_stud_checkbox-input:checked+.abba_stud_checkbox-tile {
        border-color: #2260ff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        color: #2260ff;
    }

    .abba_stud_checkbox-input:checked+.abba_stud_checkbox-tile:before {
        transform: scale(1);
        opacity: 1;
        background-color: #2260ff;
        border-color: #2260ff;
    }

    .abba_stud_checkbox-input:checked+.abba_stud_checkbox-tile .abba_stud_checkbox-icon,
    .abba_stud_checkbox-input:checked+.abba_stud_checkbox-tile .abba_stud_checkbox-label {
        color: #2260ff;
    }

    .abba_stud_checkbox-input:focus+.abba_stud_checkbox-tile {
        border-color: #2260ff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;
    }

    .abba_stud_checkbox-input:focus+.abba_stud_checkbox-tile:before {
        transform: scale(1);
        opacity: 1;
    }

    .abba_stud_checkbox-tile {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 7rem;
        min-height: 7rem;
        border-radius: 0.5rem;
        border: 2px solid #b5bfd9;
        background-color: #fff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        transition: 0.15s ease;
        cursor: pointer;
        position: relative;
    }

    .abba_stud_checkbox-tile:before {
        content: "";
        position: absolute;
        display: block;
        width: 1.25rem;
        height: 1.25rem;
        border: 2px solid #b5bfd9;
        background-color: #fff;
        border-radius: 50%;
        top: 0.25rem;
        left: 0.25rem;
        opacity: 0;
        transform: scale(0);
        transition: 0.25s ease;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
        background-size: 12px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .abba_stud_checkbox-tile:hover {
        border-color: #2260ff;
    }

    .abba_stud_checkbox-tile:hover:before {
        transform: scale(1);
        opacity: 1;
    }

    .abba_stud_checkbox-icon {
        transition: 0.375s ease;
        color: #494949;
    }

    .abba_stud_checkbox-icon svg {
        width: 3rem;
        height: 3rem;
    }

    .abba_stud_checkbox-label {
        color: #707070;
        transition: 0.375s ease;
        text-align: center;
    }

    .js .abba-inputfile {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }

    .abba-inputfile+label {
        max-width: 80%;
        font-size: 1.25rem;
        /* 20px */
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        padding: 0.625rem 1.25rem;
        /* 10px 20px */
    }

    .no-js .abba-inputfile+label {
        display: none;
    }

    .abba-inputfile:focus+label,
    .abba-inputfile.has-focus+label {
        outline: 1px dotted #000;
        outline: -webkit-focus-ring-color auto 5px;
    }

    .abba-inputfile+label svg {
        width: 1em;
        height: 1em;
        vertical-align: middle;
        fill: currentColor;
        margin-top: -0.25em;
        /* 4px */
        margin-right: 0.25em;
        /* 4px */
    }

    /* style 4 */

    .abba-inputfile-4+label {
        color: #0268cc;
    }

    .abba-inputfile-4:focus+label,
    .abba-inputfile-4.has-focus+label,
    .abba-inputfile-4+label:hover {
        color: #004b94;
    }

    .abba-inputfile-4+label .icon-color {
        color: #0268cc;
    }

    .abba-inputfile-4:focus+label .icon-color,
    .abba-inputfile-4.has-focus+label .icon-color,
    .abba-inputfile-4+label:hover .icon-color {
        color: #004b94;
    }

    .downloadbtn-student-list {
        color: #fff;
        font-weight: bold;
        background: linear-gradient(0deg, rgba(0, 50, 204, 1) 0%, rgba(0, 127, 251, 1) 100%);
        animation: pulse 1s infinite ease-in-out alternate;

    }

    @keyframes pulse {
        from {
            transform: scale(1.0);
        }

        to {
            transform: scale(1.1);
        }
    }

    @media print {
        body {
            margin: auto;
        }
    }
</style>



<style>


 
/*.close-btn {
    color: #f1f1f1;
    position: absolute;
    top: 0px;
    margin-top: 14px;
    right: 0;
    margin-right: 22px;
    font-size: 22px;
    font-weight: 200;
}
.close-btn:hover {
    color: #ddd;
}*/

.protitle {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    padding: 22px;
    font-size: 18px;
} 
.subprotitle {
    font-size: 14px;
    /* padding-left: 16px;*/
    margin-bottom: -10px; 
}
#counter {
    font-size: 12px;
    color: #818181;
    float: right;
    margin-right: 22px;
}
.prosupload-bar {
    height: 10px;
    width: 100px;
    background: #ddd;
    margin: 18px;
    border-radius: 99px;
   width: 91%;
    overflow: hidden;
}
#prosprogress-line {
    background: #008cf7;
    width: 0%;
    height: 10px;
    border-radius: 99px;
}
#prosstatusupload {
    color: #008cf7;
    font-size: 12px;
    margin: -12px 0px 22px 20px;
}
.prosdropzone {
    border: 2px dashed #ddd;
    padding: 22px;
    width: 81%;
    height: auto;
    border-radius: 22px;
    margin: auto;
    margin-bottom: 22px;
    text-align: center;
}
.prosprosdz-icon {
    width: 60px;
}
.browse a {
    font-weight: 800;
    color: #037af7;
    text-decoration: none;
}
.prossave-btn {
   display:none;
    text-transform: uppercase;
    transition: .3s ease;
    padding: 10px;
    color: #fff;
    background:#008cf7;
    margin: auto;
    border: none;
    border-radius: 8px;
    width: 120px;
    text-align: center;
    margin-bottom: 22px;
    box-shadow: 0px 8px 20px #ccc;
}
.prossave-btn:hover {
    cursor:pointer;
    color: #037af7;
    background: #f1f1f1;
}
.drag-img {
    width: 100px;
    height: 100px;
    background: #fff;
    object-fit: cover;
    border-radius: 12px;
    position: absolute;
    z-index:10;
}
.prosimg-preview-area {
    width: 400px;
    margin:auto;
    display:none;
    height: 200px;
    border-radius: 22px;
    overflow: hidden;
    margin-bottom: 22px;
}
.prosimg-preview-area img {
    width: 100%;
    object-fit:cover;
}


 </style>


<body>

    <!-- Loader -->
    <div id="gx-overlay">
    	<div class="gx-ellipsis">
    		<div></div>
    		<div></div>
    		<div></div>
    		<div></div>
    	</div>
    </div>

    <div class="grid-container">

        <!-- Header -->
        <?php include('../../includes/app-header.php'); ?>
        <!--End Header -->


        <!-- Sidebar -->
        <?php include('../../includes/app-menu.php'); ?>
        <!-- End Sidebar -->


        <!--======Floating Button=========-->
        <!-- Buttons -->
        <?php include('../../includes/floating-btn.php'); ?>
        <!-- End - Buttons -->
        <!--======Floating Button=========-->


        <!---====Side Modal Start Here====-->
        <?php include('../../includes/setting-menu.php'); ?>
        <!---====Side Modal End Here====-->

        <!----Main----->
        <main class="main-container">

            <!--<div class="main-cards" style="margin-top: 20px;">-->
            <!--    <div class="row g-3">-->
            <!--        <div class="col-sm-4 col-md-6 col-lg-4">-->

            <!--            <div class="topSecCards" style="width: 100%; height: 120px;">-->
            <!--                <div style="border: 2px solid #0066FF; height: 100%; border-radius: 8px; padding: 10px;">-->
            <!--                    <div align="center" style="font-size: 60px; color: #0066FF;">-->
            <!--                        <i class="fas fa-chalkboard"></i>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </div>-->
            <!--        </div>-->
            <!--        <div class="col-sm-4 col-md-6 col-lg-4">-->

            <!--            <div class="topSecCards" style="width: 100%; height: 120px;">-->
            <!--                <div class="abba_parent_card" style="background: linear-gradient(0deg, rgba(12,3,160,1) 0%, rgba(0,127,251,1) 53%, rgba(0,127,251,1) 100%);">-->
            <!--                    <div class="row" style="margin-top: 12px;">-->
            <!--                        <div class="col-8">-->
            <!--                            <h6 style="font-size: 12px; margin-top: 5px; margin-left: 10px; color: #ffffff;">-->
            <!--                                Total Classes</h6>-->
            <!--                            <p></p>-->
            <!--                            <h4 style="margin-left: 10px; color: #ffffff;" id="total_classes"></h4>-->
            <!--                        </div>-->
            <!--                        <div class="col-4">-->
            <!--                            <i class="fas fa-user-graduate text-white" style="font-size:50px;"></i>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </div>-->

            <!--        </div>-->
                    
            <!--        <div class="col-sm-4 col-md-6 col-lg-4">-->

            <!--            <div class="topSecCards" style="width: 100%; height: 120px;">-->
            <!--                <div class="abba_parent_card" style="background: linear-gradient(0deg, rgba(12,3,160,1) 0%, rgba(0,127,251,1) 53%, rgba(0,127,251,1) 100%);">-->
            <!--                    <div class="row" style="margin-top: 12px;">-->
            <!--                        <div class="col-8">-->
            <!--                            <h6 style="font-size: 12px; margin-top: 5px; margin-left: 10px; color: #ffffff;">-->
            <!--                                Total Form Teacher</h6>-->
            <!--                            <p></p>-->
            <!--                            <h4 style="margin-left: 10px; color: #ffffff;" id="total_teacher"></h4>-->
            <!--                        </div>-->
            <!--                        <div class="col-4">-->
            <!--                            <i class="fas fa-chalkboard-teacher text-white" style="font-size:50px;"></i>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </div>-->

            <!--        </div>-->
            <!--    </div>-->
            <!--</div>-->

            <div class="main-cards" style="margin-top: 50px;">

                <!-- Navbar pills -->
                <div class="row">
                    <div class="col-sm-12">
                        <!-- Nav tabs -->
                        <div class="col-sm-12">
                            <ul class="nav nav-tabs mb-3 customtab" id="abba-config" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <a class="nav-link active" id="config-tab-1" data-bs-toggle="tab"
                                        href="#config-tabs-1" role="tab" aria-controls="config-tabs-1"
                                        aria-selected="true">Students</a>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a class="nav-link" id="config-tab-2" data-bs-toggle="tab" href="#config-tabs-2"
                                        role="tab" aria-controls="config-tabs-2" aria-selected="false">Result</a>
                                </li>
                                
                                  <li class="nav-item" role="presentation">
                                    <a class="nav-link" id="config-tab-3" data-bs-toggle="tab" href="#config-tabs-3"
                                        role="tab" aria-controls="config-tabs-3" aria-selected="false">Assignment</a>
                                </li>
                                
                                
                                 <li class="nav-item" role="presentation">
                                    <a
                                    class="nav-link "
                                    id="config-tab-5"
                                    data-bs-toggle="tab"
                                    href="#config-tabs-5"
                                    role="tab"
                                    aria-controls="config-tabs-5"
                                    aria-selected="true"> Computer Based Test(CBT)    <!--<span class="fa fa-question"></span>--></a> 
                                </li>
                                
                                
                                  <li class="nav-item" role="presentation">
                                    <a
                                    class="nav-link "
                                    id="config-tab-6"
                                    data-bs-toggle="tab"
                                    href="#config-tabs-6"
                                    role="tab"
                                    aria-controls="config-tabs-6"
                                   aria-selected="true">Lesson Note</a> 
                                </li>
                                
                            </ul>


                            <div class="tab-content" id="abba-config-content">

                                <div class="tab-pane fade show active" id="config-tabs-1" role="tabpanel"
                                    aria-labelledby="config-tab-1">
                                    
                                    <div class="row g-2" id="abba_hide_student_filter">
                                        <div class="col-md-12 col-lg-3">
                                            <form>
                                                <div class="mb-3">
                                                    <div class="search-container">
                                                        <input type="text" class="search-input form-control form-control-sm abba_student_search"
                                                            placeholder="Search Student">
                                                        <i class="fas fa-search search-icon"></i>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="col-md-1 col-lg-1">
                                            <select class="form-select form-select-sm"
                                                style="border:none;border-bottom:2px solid #007ffb;font-size:13px;cursor:pointer;width:70%;background: transparent;text-align: center;padding-right: 10px;" id="abba_increase_students_per_page">
                                                <option value="12" selected>12</option>
                                                <option value="60">60</option>
                                                <option value="120">120</option>
                                                <option value="360">360</option>
                                                <option value="720">720</option>
                                                <option value="1080">1080</option>
                                            </select>
                                        </div>
                                        <div class="col-md-2 col-lg-2">
                                            <i class="fa fa-filter btn btn-outline-primary" data-bs-toggle="collapse" href="#collapseExample"
                                                role="button" aria-expanded="false" aria-controls="collapseExample" style="font-size:12px;">More
                                                filter</i>
                                        </div>
                                        <div class="col-md-12 col-lg-6">
                                
                                        </div>
                                        
                                    </div>
                                
                                    <div class="row g-4">
                                
                                        <div class="row g-4 col-sm-12 col-md-12 col-lg-12">
                                            <div class="collapse" id="collapseExample">
                                                <div class="row g-2">
                                                    <div class="col-md-12 col-lg-2">
                                                        <select style="color: #666666;" class="form-select form-select-sm"
                                                            aria-label=".form-select-sm example" id="abba_display_session">
                                
                                                            <option value="NULL">Select Session</option>
                                                            <?php
                                
                                                            $abba_sql_session = ("SELECT * FROM `session` ORDER BY sessionName DESC");
                                                            $abba_result_session = mysqli_query($link, $abba_sql_session);
                                                            $abba_row_session = mysqli_fetch_assoc($abba_result_session);
                                                            $abba_row_cnt_session = mysqli_num_rows($abba_result_session);
                                
                                                            if ($abba_row_cnt_session > 0) {
                                                                do {
                                                                    if ($abba_row_session['sessionStatus'] == '1') {
                                                                        $abba_selected_session = 'selected';
                                                                    } else {
                                                                        $abba_selected_session = '';
                                                                    }
                                                                    echo '<option value="' . $abba_row_session['sessionName'] . '" ' . $abba_selected_session . '>' . $abba_row_session['sessionName'] . '</option>';
                                
                                                                } while ($abba_row_session = mysqli_fetch_assoc($abba_result_session));
                                                            } else {
                                                                echo '<option value="0">No Records Found</option>';
                                                            }
                                                            ?>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-12 col-lg-2">
                                                        <select style="color: #666666;" class="form-select form-select-sm"
                                                            aria-label=".form-select-sm example" id="abba_display_term">
                                                            <option value="NULL">Select Term</option>
                                                        </select>
                                                    </div>
                                
                                                    <div class="col-md-12 col-lg-2">
                                                        <select style="color: #666666;" class="form-select form-select-sm"
                                                            aria-label=".form-select-sm example" id="abba_display_section">
                                                            <option value="NULL">Select Section</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-12 col-lg-2">
                                                        <select style="color: #666666;" class="form-select form-select-sm"
                                                            aria-label=".form-select-sm example" id="abba_display_class">
                                                            <option value="NULL">Select Class</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-12 col-lg-2">
                                                        <select style="color: #666666;" class="form-select form-select-sm"
                                                            aria-label=".form-select-sm example" id="abba_display_student_type">
                                                            <option value="NULL">Select Student Type</option>
                                                            <option value="Day">Day Student</option>
                                                            <option value="Boarding">Boarding Student</option>
                                                            <!-- <option value="prefect">Prefect</option> -->
                                                        </select>
                                                    </div>
                                                    <div class="col-md-12 col-lg-2">
                                                        <select style="color: #666666;" class="form-select form-select-sm"
                                                            aria-label=".form-select-sm example" id="abba_display_student_status">
                                                            <option value="NULL">Select Status</option>
                                                            <option value="1">Active</option>
                                                            <option value="0">InActive</option>
                                                            <option value="2">Blocked</option>
                                                        </select>
                                                    </div>
                                                </div>
                                
                                                <div class="row pt-2">
                                                    <div class="col-10">
                                
                                                    </div>
                                                    <div class="col-md-12 col-lg-2">
                                                        <button type="button"
                                                            style="float: right;font-size: 12px;border:1px solid #007bff;background-color:#fff;color:#007bff;"
                                                            class="btn btn-sm fw-normal" id="abba_get_student_on_click"> Load filter</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                
                                
                                    <div id="abba_display_students" class="get_final_student_content">
                                
                                    </div>
                                
                                    <div align="center" style="margin-top: 30px;" id="pagination-container">
                                
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="config-tabs-2" role="tabpanel"
                                    aria-labelledby="config-tab-2">

                                    <ul class="nav nav-pills mb-3 renceTab gap-1" id="pills-tab" role="tablist">
                                        <li class="nav-item border" role="presentation">
                                            <a href="Javascript:;" class="nav-link active abba_tab_checker_for_summary"
                                                id="pills-result_entry-tab" data-bs-toggle="pill"
                                                data-bs-target="#pills-result_entry" type="button" role="tab"
                                                aria-controls="pills-result_entry" aria-selected="true" style="font-size:11px;"><i
                                                    class="fas fa-pencil-alt"></i> Result Entry</a>
                                        </li>
                                        
                                        <li class="nav-item border no_business" role="presentation">
                                            <a href="Javascript:;" class="nav-link" id="pills-behavioural-tab" data-bs-toggle="pill" data-bs-target="#pills-behavioural" type="button" role="tab" aria-controls="pills-behavioural" aria-selected="false" style="font-size:11px;"><i class="fa fa-user"></i> Behavioural Assessment</a>
                                        </li>
                                        <li class="nav-item border no_business" role="presentation">
                                            <a href="Javascript:;" class="nav-link"
                                                id="pills-comments-tab" data-bs-toggle="pill"
                                                data-bs-target="#pills-comments" type="button" role="tab"
                                                aria-controls="pills-comments" aria-selected="false" style="font-size:11px;"><i
                                                    class="fa fa-paper"></i> Comments</a>
                                        </li>
                                        <li class="nav-item border" role="presentation">
                                            <a href="Javascript:;" class="nav-link"
                                                id="pills-british-tab" data-bs-toggle="pill"
                                                data-bs-target="#pills-british" type="button" role="tab"
                                                aria-controls="pills-british" aria-selected="false" style="font-size:11px;"><i
                                                    class="fa fa-flag"></i> British Result</a>
                                        </li>
                                        <li class="nav-item border no_business" role="presentation">
                                            <a href="Javascript:;" class="nav-link abba_tab_checker_for_summary"
                                                id="pills-broadsheet-tab" data-bs-toggle="pill"
                                                data-bs-target="#pills-broadsheet" type="button" role="tab"
                                                aria-controls="pills-broadsheet" aria-selected="false" style="font-size:11px;"><i
                                                    class="fas fa-newspaper"></i> BroadSheet</a>
                                        </li>
                                        <li class="nav-item border no_business" role="presentation">
                                            <a href="Javascript:;" class="nav-link abba_tab_checker_for_summary"
                                                id="pills-view-result-tab" data-bs-toggle="pill"
                                                data-bs-target="#pills-view-result" type="button" role="tab"
                                                aria-controls="pills-view-result" aria-selected="false" style="font-size:11px;"><i
                                                    class="fa fa-user"></i> Check Result</a>
                                        </li>
                                    </ul>

                                    <div class="tab-content" id="pills-tabContent">

                                        <div class="tab-pane fade show active" id="pills-result_entry" role="tabpanel"
                                            aria-labelledby="pills-student-tab">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card">
                                                        <div class="card-body">

                                                            <h6 class="card-title" style="font-size:14px;">Result Computation</h6>

                                                            <div class="row mt-4 g-2">
                                                                
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_display_session">

                                                                        <option value="NULL">Select Session</option>
                                                                        <?php

                                                                        $abba_sql_session = ("SELECT * FROM `session` ORDER BY sessionName DESC");
                                                                        $abba_result_session = mysqli_query($link, $abba_sql_session);
                                                                        $abba_row_session = mysqli_fetch_assoc($abba_result_session);
                                                                        $abba_row_cnt_session = mysqli_num_rows($abba_result_session);

                                                                        if ($abba_row_cnt_session > 0) {
                                                                            do {
                                                                                if ($abba_row_session['sessionStatus'] == '1') {
                                                                                    $abba_selected_session = 'selected';
                                                                                } else {
                                                                                    $abba_selected_session = '';
                                                                                }
                                                                                echo '<option value="' . $abba_row_session['sessionName'] . '" ' . $abba_selected_session . '>' . $abba_row_session['sessionName'] . '</option>';

                                                                            } while ($abba_row_session = mysqli_fetch_assoc($abba_result_session));
                                                                        } else {
                                                                            echo '<option value="0">No Records Found</option>';
                                                                        }
                                                                        ?>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_result_display_term">
                                                                        <option value="NULL">Select Term</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_display_result_class">
                                                                        <option value="NULL">Select Class</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_display_result_subject">
                                                                        <option value="NULL">Select Subject</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <a href="javascript:();" type="button"
                                                                        class="btn btn-primary btn-sm"
                                                                        id="abba_get_student_in_result_sheet"
                                                                        style="width: 100%;">
                                                                        <span style="font-size: 13px;">Load</span>
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="row mt-4">
                                                                <div class="col-12 mt-3"
                                                                    id="abba_display_student_soresheet">
                                                                    <div align="center">
                                                                        <img src="../../assets/images/adminImg/filter.png"
                                                                            style="width:15%;opacity:0.7;" />
                                                                        <p class="pt-2 fs-6 text-secondary">Please
                                                                            filter to proceed.</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>


                                            </div>

                                        </div>

                                        <div class="tab-pane fade no_business" id="pills-behavioural" role="tabpanel"
                                            aria-labelledby="pills-behavioural-tab">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card">
                                                        <div class="card-body">

                                                            <h6 style="font-size:14px;" class="card-title">Behavioural Assessment</h6>

                                                            <div class="row mt-4 g-2">
                                                                
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_display_behavioural_session">

                                                                        <option value="NULL">Select Session</option>
                                                                        <?php

                                                                        $abba_sql_session = ("SELECT * FROM `session` ORDER BY sessionName DESC");
                                                                        $abba_result_session = mysqli_query($link, $abba_sql_session);
                                                                        $abba_row_session = mysqli_fetch_assoc($abba_result_session);
                                                                        $abba_row_cnt_session = mysqli_num_rows($abba_result_session);

                                                                        if ($abba_row_cnt_session > 0) {
                                                                            do {
                                                                                if ($abba_row_session['sessionStatus'] == '1') {
                                                                                    $abba_selected_session = 'selected';
                                                                                } else {
                                                                                    $abba_selected_session = '';
                                                                                }
                                                                                echo '<option value="' . $abba_row_session['sessionName'] . '" ' . $abba_selected_session . '>' . $abba_row_session['sessionName'] . '</option>';

                                                                            } while ($abba_row_session = mysqli_fetch_assoc($abba_result_session));
                                                                        } else {
                                                                            echo '<option value="0">No Records Found</option>';
                                                                        }
                                                                        ?>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_behavioural_display_term">
                                                                        <option value="NULL">Select Term</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_display_behavioural_class">
                                                                        <option value="NULL">Select Class</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-4">
                                                                    
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <a href="javascript:();" type="button"
                                                                        class="btn btn-primary btn-sm"
                                                                        id="abba_get_student_in_behavioural_sheet"
                                                                        style="width: 100%;">
                                                                        <span style="font-size: 13px;">Load</span>
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="row mt-4">
                                                                <div class="col-12 mt-3"
                                                                    id="abba_display_student_behavioural">
                                                                    <div align="center">
                                                                        <img src="../../assets/images/adminImg/filter.png"
                                                                            style="width:15%;opacity:0.7;" />
                                                                        <p class="pt-2 fs-6 text-secondary">Please
                                                                            filter to proceed.</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>

                                        <div class="tab-pane fade no_business" id="pills-comments" role="tabpanel"
                                            aria-labelledby="pills-comments-tab">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card">
                                                        <div class="card-body">

                                                            <h6 class="card-title" style="font-size:14px;">Comments</h6>

                                                            <div class="row mt-4 g-2">
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_display_comments_session">

                                                                        <option value="NULL">Select Session</option>
                                                                        <?php

                                                                        $abba_sql_session = ("SELECT * FROM `session` ORDER BY sessionName DESC");
                                                                        $abba_result_session = mysqli_query($link, $abba_sql_session);
                                                                        $abba_row_session = mysqli_fetch_assoc($abba_result_session);
                                                                        $abba_row_cnt_session = mysqli_num_rows($abba_result_session);

                                                                        if ($abba_row_cnt_session > 0) {
                                                                            do {
                                                                                if ($abba_row_session['sessionStatus'] == '1') {
                                                                                    $abba_selected_session = 'selected';
                                                                                } else {
                                                                                    $abba_selected_session = '';
                                                                                }
                                                                                echo '<option value="' . $abba_row_session['sessionName'] . '" ' . $abba_selected_session . '>' . $abba_row_session['sessionName'] . '</option>';

                                                                            } while ($abba_row_session = mysqli_fetch_assoc($abba_result_session));
                                                                        } else {
                                                                            echo '<option value="0">No Records Found</option>';
                                                                        }
                                                                        ?>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_comments_display_term">
                                                                        <option value="NULL">Select Term</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_comments_display_result_type">
                                                                        <option value="NULL" disabled>Select Result Type</option>
                                                                        <option value="mid-term" >Mid-Term Result</option>
                                                                        <option value="termly" selected>Termly Result</option>
                                                                        <option value="cummulative">Cummulative Result</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_display_comments_class">
                                                                        <option value="NULL">Select Class</option>
                                                                    </select>
                                                                </div>
                                                                
                                                                <div class="col-md-12 col-lg-2">
                                                                    <a href="javascript:();" type="button"
                                                                        class="btn btn-primary btn-sm"
                                                                        id="abba_get_student_comment_list" style="width:100%;">
                                                                        <span style="font-size: 13px;">Load</span>
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="row mt-4">
                                                                <div class="col-12 mt-3"
                                                                    id="abba_display_student_comments">
                                                                    <div align="center">
                                                                        <img src="../../assets/images/adminImg/filter.png"
                                                                            style="width:15%;opacity:0.7;" />
                                                                        <p class="pt-2 fs-6 text-secondary">Please filter to proceed.</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>

                                        <div class="tab-pane fade" id="pills-british" role="tabpanel" aria-labelledby="pills-british-tab">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card">
                                                        <div class="card-body">

                                                            <h6 class="card-title" style="font-size:14px;">British Result</h6>

                                                            <div class="row mt-4 g-2">
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_display_british_session">

                                                                        <option value="NULL">Select Session</option>
                                                                        <?php

                                                                        $abba_sql_session = ("SELECT * FROM `session` ORDER BY sessionName DESC");
                                                                        $abba_result_session = mysqli_query($link, $abba_sql_session);
                                                                        $abba_row_session = mysqli_fetch_assoc($abba_result_session);
                                                                        $abba_row_cnt_session = mysqli_num_rows($abba_result_session);

                                                                        if ($abba_row_cnt_session > 0) {
                                                                            do {
                                                                                if ($abba_row_session['sessionStatus'] == '1') {
                                                                                    $abba_selected_session = 'selected';
                                                                                } else {
                                                                                    $abba_selected_session = '';
                                                                                }
                                                                                echo '<option value="' . $abba_row_session['sessionName'] . '" ' . $abba_selected_session . '>' . $abba_row_session['sessionName'] . '</option>';

                                                                            } while ($abba_row_session = mysqli_fetch_assoc($abba_result_session));
                                                                        } else {
                                                                            echo '<option value="0">No Records Found</option>';
                                                                        }
                                                                        ?>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_british_display_term">
                                                                        <option value="NULL">Select Term</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_british_display_result_type">
                                                                        <option value="NULL" disabled>Select Result Type</option>
                                                                        <option value="mid-term" disabled>Mid-Term Result</option>
                                                                        <option value="termly" selected>Termly Result</option>
                                                                        <option value="cummulative" disabled>Cummulative Result</option>
                                                                    </select>
                                                                </div>
                                                                
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_display_british_class">
                                                                        <option value="NULL">Select Class</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <a href="javascript:();" type="button"
                                                                        class="btn btn-primary btn-sm"
                                                                        id="abba_get_student_british_list" style="width:100%;">
                                                                        <span style="font-size: 13px;">Load</span>
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="row mt-4">
                                                                <div class="col-12 mt-3"
                                                                    id="abba_display_student_british">
                                                                    <div align="center">
                                                                        <img src="../../assets/images/adminImg/filter.png"
                                                                            style="width:15%;opacity:0.7;" />
                                                                        <p class="pt-2 fs-6 text-secondary">Please filter to proceed.</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>

                                        <div class="tab-pane fade no_business" id="pills-broadsheet" role="tabpanel"
                                            aria-labelledby="pills-broadsheet-tab">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card">
                                                        <div class="card-body">

                                                            <h6 class="card-title" style="font-size:14px;">BroadSheet</h6>

                                                            <div class="row mt-4 g-2">
                                                                
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_display_broadsheet_session">

                                                                        <option value="NULL">Select Session</option>
                                                                        <?php

                                                                        $abba_sql_session = ("SELECT * FROM `session` ORDER BY sessionName DESC");
                                                                        $abba_result_session = mysqli_query($link, $abba_sql_session);
                                                                        $abba_row_session = mysqli_fetch_assoc($abba_result_session);
                                                                        $abba_row_cnt_session = mysqli_num_rows($abba_result_session);

                                                                        if ($abba_row_cnt_session > 0) {
                                                                            do {
                                                                                if ($abba_row_session['sessionStatus'] == '1') {
                                                                                    $abba_selected_session = 'selected';
                                                                                } else {
                                                                                    $abba_selected_session = '';
                                                                                }
                                                                                echo '<option value="' . $abba_row_session['sessionName'] . '" ' . $abba_selected_session . '>' . $abba_row_session['sessionName'] . '</option>';

                                                                            } while ($abba_row_session = mysqli_fetch_assoc($abba_result_session));
                                                                        } else {
                                                                            echo '<option value="0">No Records Found</option>';
                                                                        }
                                                                        ?>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_broadsheet_display_term">
                                                                        <option value="NULL">Select Term</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_display_broadsheet_class">
                                                                        <option value="NULL">Select Class</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-4">

                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <a href="javascript:();" type="button"
                                                                        class="btn btn-primary btn-sm"
                                                                        id="abba_get_student_in_broadsheet_sheet" style="width:100%;">
                                                                        <span style="font-size: 13px;">Load</span>
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="row mt-4">
                                                                <div class="col-12 mt-3"
                                                                    id="abba_display_student_broadsheet">
                                                                    <div align="center">
                                                                        <img src="../../assets/images/adminImg/filter.png"
                                                                            style="width:15%;opacity:0.7;" />
                                                                        <p class="pt-2 fs-6 text-secondary">Please
                                                                            filter to proceed.</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>

                                        <div class="tab-pane fade no_business" id="pills-view-result" role="tabpanel"
                                            aria-labelledby="pills-view-result-tab">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card">
                                                        <div class="card-body">

                                                            <h6 class="card-title" style="font-size:14px;">View Result</h6>

                                                            <div class="row mt-4 g-2">
                                                                
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_display_view-result_session">

                                                                        <option value="NULL">Select Session</option>
                                                                        <?php

                                                                        $abba_sql_session = ("SELECT * FROM `session` ORDER BY sessionName DESC");
                                                                        $abba_result_session = mysqli_query($link, $abba_sql_session);
                                                                        $abba_row_session = mysqli_fetch_assoc($abba_result_session);
                                                                        $abba_row_cnt_session = mysqli_num_rows($abba_result_session);

                                                                        if ($abba_row_cnt_session > 0) {
                                                                            do {
                                                                                if ($abba_row_session['sessionStatus'] == '1') {
                                                                                    $abba_selected_session = 'selected';
                                                                                } else {
                                                                                    $abba_selected_session = '';
                                                                                }
                                                                                echo '<option value="' . $abba_row_session['sessionName'] . '" ' . $abba_selected_session . '>' . $abba_row_session['sessionName'] . '</option>';

                                                                            } while ($abba_row_session = mysqli_fetch_assoc($abba_result_session));
                                                                        } else {
                                                                            echo '<option value="0">No Records Found</option>';
                                                                        }
                                                                        ?>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_view-result_display_term">
                                                                        <option value="NULL">Select Term</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_view_result_display_result_type">
                                                                        <option value="NULL" disabled>Select Result Type</option>
                                                                        <option value="mid-term" >Mid-Term Result</option>
                                                                        <option value="termly" selected>Termly Result</option>
                                                                        <option value="cummulative">Cummulative Result</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-12 col-lg-2">
                                                                    <select style="color: #666666;"
                                                                        class="form-select form-select-sm"
                                                                        aria-label="form-select-sm example"
                                                                        id="abba_display_view-result_class">
                                                                        <option value="NULL">Select Class</option>
                                                                    </select>
                                                                </div>
                                                                
                                                                <div class="col-md-12 col-lg-2">
                                                                    <a href="javascript:();" type="button"
                                                                        class="btn btn-primary btn-sm"
                                                                        id="abba_get_student_in_view-result_sheet" style="width:100%;">
                                                                        <span style="font-size: 13px;">Load</span>
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="row mt-4">
                                                                <div class="col-12 mt-3"
                                                                    id="abba_display_student_view-result">
                                                                    <div align="center">
                                                                        <img src="../../assets/images/adminImg/filter.png"
                                                                            style="width:15%;opacity:0.7;" />
                                                                        <p class="pt-2 fs-6 text-secondary">Please filter to proceed.</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>

                                    </div>


                                </div>
                                
                                 <div class="tab-pane fade show " id="config-tabs-3" role="tabpanel"
                                    aria-labelledby="config-tab-3">
                                    <?php include 'assignment.php'; ?>
                                </div>
                                
                                
                                
                                 <!--====CBT CONTENT HERE=====-->
                                    
                                      <div class="tab-pane fade " id="config-tabs-5" role="tabpanel"  aria-labelledby="config-tab-5">
                                           

                                           <ul class="nav nav-pills mb-3 renceTab gap-1" id="pills-tab" role="tablist">

                                                     <li class="nav-item" role="presentation">
                                                                <a href="Javascript:;" class="nav-link active abba_tab_checker_for_summary" data-id="question" id="pills-question-tab" data-bs-toggle="pill" data-bs-target="#pills-question" type="button" role="tab" aria-controls="pills-question" aria-selected="true"><span class="fa fa-question"></span> Question Bank</a>
                                                          </li>



                                                            <li class="nav-item border border-2" role="presentation">
                                                                <button class="nav-link" data-id="cbt-settings" id="pills-cbt-settings-tab" data-bs-toggle="pill" data-bs-target="#pills-cbt-settings" type="button" role="tab" aria-controls="pills-cbt-settings" aria-selected="true"><i class="fa fa-list-alt"></i> Examination</button>
                                                            </li>

                                              </ul>   

                                              
                                               <div class="tab-content" id="pills-tabContent">

                                                          <div class="tab-pane fade show active" id="pills-question" role="tabpanel" aria-labelledby="pills-question-tab">


                                                           <div class="row g-2">
                                                                     


                                                                <div class=" col-lg-2">
                                                                       <select style="color: #666666;" class="form-select form-select-sm"
                                                                           aria-label=".form-select-sm example" id="prosloadsessionforviewloadquestion">

                                                                           <option value="NULL">Select Session</option>
                                                                           <?php

                                                                               $abba_sql_session = ("SELECT * FROM `session` ORDER BY sessionName DESC");
                                                                               $abba_result_session = mysqli_query($link, $abba_sql_session);
                                                                               $abba_row_session = mysqli_fetch_assoc($abba_result_session);
                                                                               $abba_row_cnt_session = mysqli_num_rows($abba_result_session);

                                                                               if ($abba_row_cnt_session > 0) {
                                                                                   do {
                                                                                       if ($abba_row_session['sessionStatus'] == '1') {
                                                                                           $abba_selected_session = 'selected';
                                                                                       } else {
                                                                                           $abba_selected_session = '';
                                                                                       }
                                                                                       echo '<option value="' . $abba_row_session['sessionName'] . '" ' . $abba_selected_session . '>' . $abba_row_session['sessionName'] . '</option>';

                                                                                   } while ($abba_row_session = mysqli_fetch_assoc($abba_result_session));
                                                                               } else {
                                                                                   echo '<option value="0">No Records Found</option>';
                                                                               }
                                                                           ?>
                                                                       </select>
                                                               </div>

                                                                      <div class="col-md-12 col-lg-2">
                                                                           <select style="color: #666666;" class="form-select form-select-sm"
                                                                               aria-label=".form-select-sm example" id="prosloadtermforquestiondisplay">
                                                                               <option value="NULL">Select Term</option>
                                                                           </select>
                                                                          </div>
                                                                       
                                                                       <div class="col-4 col-lg-4">
                                                                           <i class="fa fa-filter btn btn-lg btn-outline-primary" data-bs-toggle="collapse" href="#collapseExample"
                                                                               role="button" aria-expanded="false" aria-controls="collapseExample" style="font-size:12px;"> More
                                                                           filter</i> 
                                                                       </div>

                                                                       <div class="col-lg-2 col-sm-2">
                                                                           <button type="button" style="float: right; font-size:12px;" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#createQuestionDirect"><span class="fa fa-plus"></span> Add Question</button>
                                                                       </div>

                                                           </div>


                                                           <div class="row p-2">
                                                               <div class="collapse" id="collapseExample">
                                                                   <div class="row g-2">
                                                                   
                                                                     
                                                                   
                                                                       <div class="col-md-12 col-lg-2">
                                                                           <select style="color: #666666;" class="form-select form-select-sm"
                                                                               aria-label=".form-select-sm example" id="prosloadquestiontypefromthebank">
                                                                               <option value="NULL">Select Question Type</option>

                                                                               <option value="Objective">Objective</option>
                                                                               <option value="Theory">Theory</option>
                                                                           </select>
                                                                       </div>
                                                                       <div class="col-md-12 col-lg-2">
                                                                           <select style="color: #666666;" class="form-select form-select-sm"
                                                                               aria-label=".form-select-sm example" id="prosloadsectionforquestion">
                                                                               <option value="NULL">Select Section</option>
                                                                           </select>
                                                                       </div>
                                                                       <div class="col-md-12 col-lg-2">
                                                                           <select style="color: #666666;" class="form-select form-select-sm"
                                                                               aria-label=".form-select-sm example" id="prosgetclassid_load_question">
                                                                               <option value="NULL">Select Class</option>
                                                                           </select>
                                                                       </div>
                                                                       
                                                                       
                                                                       
                                                                         <div class="col-md-12 col-lg-2">
                                                                           <select style="color: #666666;" class="form-select form-select-sm"
                                                                               aria-label=".form-select-sm example" id="prosloadsubjectforquestion">
                                                                               <option value="NULL">Select Subject</option>
                                                                           </select>
                                                                        </div>
                                                                       
                                                                       
                                                                       
                                                                       <div class="col-md-12 col-lg-2">
                                                                           <button type="button"
                                                                               style="font-size: 12px;border:1px solid #007bff;background-color:#fff;color:#007bff;"
                                                                               class="btn btn-sm fw-normal" id="prosloadquestionintobank_btn"><i
                                                                               class="fas fa-circle-notch"></i> Load filter
                                                                           </button>
                                                                       </div>
                                                                   </div>
                                                               </div>
                                                           </div>

                                                           <br>
                                                           <div id = "prosloadquestioncontnt_questionprev">
                                                               
                                                                    <div align="center" class="emmaloadbudgettable">
                                                                        
                                                                        <img src="../../assets/images/adminImg/filter.png" style="width: 15%;" alt="">
                                                                        <p></p>
                                                                        <h6>Please filter to proceed.</h6>
                                                                        
                                                                    </div>
                                                               
                                                          </div>
                                                       
                                                           <div align="center" style="margin-top: 30px;" id="pros-questionpaginationcont"> </div>
                                                           
                                                       </div>
                                                       
                                                       
                                                       
                                                       <div class="tab-pane fade" id="pills-cbt-settings" role="tabpanel" aria-labelledby="pills-cbt-settings-tab">
                                                                <!--============SET ASSESMENT CONTENT HERE===============  -->

                                                                <div class="row mt-4 g-2">
                                                                      
                                                                        <div class="col-md-12 col-lg-2">
                                                                            <select style="color: #666666;"
                                                                                class="form-select form-select-sm"
                                                                                aria-label="form-select-sm example"
                                                                                id="pros_load_sessionforcbtsetting">

                                                                                <option value="NULL">Select Session</option>
                                                                                <?php

                                                                                $abba_sql_session = ("SELECT * FROM `session` ORDER BY sessionName DESC");
                                                                                $abba_result_session = mysqli_query($link, $abba_sql_session);
                                                                                $abba_row_session = mysqli_fetch_assoc($abba_result_session);
                                                                                $abba_row_cnt_session = mysqli_num_rows($abba_result_session);

                                                                                if ($abba_row_cnt_session > 0) {
                                                                                    do {
                                                                                        if ($abba_row_session['sessionStatus'] == '1') {
                                                                                            $abba_selected_session = 'selected';
                                                                                        } else {
                                                                                            $abba_selected_session = '';
                                                                                        }
                                                                                        echo '<option value="' . $abba_row_session['sessionName'] . '" ' . $abba_selected_session . '>' . $abba_row_session['sessionName'] . '</option>';

                                                                                    } while ($abba_row_session = mysqli_fetch_assoc($abba_result_session));
                                                                                } else {
                                                                                    echo '<option value="0">No Records Found</option>';
                                                                                }
                                                                                ?>
                                                                            </select>
                                                                        </div>
                                                                        <div class="col-md-12 col-lg-2">
                                                                            <select style="color: #666666;"
                                                                                class="form-select form-select-sm"
                                                                                aria-label="form-select-sm example"
                                                                                id="prosload_termfor_cbtsettings">
                                                                                <option value="NULL">Select Term</option>
                                                                            </select>
                                                                        </div>
                                                                        <div class="col-md-12 col-lg-2">
                                                                            <select style="color: #666666;"
                                                                                class="form-select form-select-sm"
                                                                                aria-label="form-select-sm example"
                                                                                id="prosload_class_forcbtsettings">
                                                                                <option value="NULL">Select Class</option>
                                                                            </select>
                                                                        </div>
                                                                        <div class="col-md-12 col-lg-2">
                                                                            <select style="color: #666666;"
                                                                                class="form-select form-select-sm"
                                                                                aria-label="form-select-sm example"
                                                                                id="prosloadcbt_settingssubject">
                                                                                <option value="NULL">Select Subject</option>
                                                                            </select>
                                                                        </div>
                                                                        <div class="col-md-12 col-lg-2">
                                                                            <a href="javascript:();" type="button"
                                                                                class="btn btn-primary btn-sm"
                                                                                id="prosloadcbtsettings_loadbtn"
                                                                                style="width: 100%;">
                                                                                <span style="font-size: 13px;">Load</span>
                                                                            </a>
                                                                        </div>
                                                                    </div> <br>



                                                                        <div class="row">
                                                                            <div class="col-lg-12">
                                                                                <div class="card">
                                                                                    <div class="card-body">
                                                                                        <div class="row">
                                                                                            <h6 class="card-title">Assesment Settings</h6>
                                                                                            
                                                                                            <div class="col-12 col-lg-12 col-sm-12">
                                                                                                <a href="javascript:();" type="button"
                                                                                                    class="btn btn-primary btn-sm float-end"
                                                                                                    data-bs-toggle="modal" data-bs-target="#tari_settings_modal"
                                                                                                    id="tari_create_assesement">
                                                                                                    <span style="font-size: 12px;">Create Assesement</span>
                                                                                                </a>
                                                                                            </div>
                                                                                        
                                                                                        </div>
                                                                                        
                                                                            
                                                                                    

                                                                                        <div class="row mt-4" id="loadAllSettings">
                                                                                            
                                                                                                        <div align="center" class="emmaloadbudgettable">
                                                                                                            <img src="../../assets/images/adminImg/filter.png" style="width: 15%;" alt="">
                                                                                                            <p></p>
                                                                                                            <h6>Please filter to proceed.</h6>
                                                                                                        </div>
                                                                                            
                                                                                        </div>

                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                <!--============SET ASSESMENT CONTENT HERE===============  -->
                                                        </div>
                                                 </div>
                                                  
                                              
                                                                                                   
                                     </div>
                                    
                                    
                                 <!--====CBT CONTENT HERE=====-->
                                 
                                 
                                 
                                 
                                 
                                  <!--====LESSON CONTENT HERE=====-->
                                 <div class="tab-pane fade " id="config-tabs-6" role="tabpanel"  aria-labelledby="config-tab-6">

                                    <div class="row pt-2 display_abba_rs_list">
                                        <div class="col-md-12 col-lg-12">
                                                <button type="button" style="float: right;font-size: 13px;border:none;font-weight:500;"
                                                    class="btn btn-sm btn-primary text-light" data-bs-toggle="modal"
                                                    data-bs-target="#prossubmitlessonherecontent"> <i class="fas fa-sticky-note"> Plan Lesson</i>
                                                    </button>
                                        </div>
                                    </div>





                                    <div class="row g-2 mt-3">



                                    <div class="col-md-6 col-lg-2">
                                        <select style="color: #666666;" class="form-select form-select-sm"
                                            aria-label="form-select-sm example"
                                            id="prosloadsessioncontentlessonnote">
                                            <option value="NULL">Select Session</option>
                                        </select>
                                    </div>

                                    <div class="col-md-6 col-lg-2">
                                        <select style="color: #666666;" class="form-select form-select-sm"
                                            aria-label="form-select-sm example"
                                            id="prosloadtermforlessonnotecreate">
                                            <option value="NULL">Select Term</option>
                                        </select>
                                    </div>

                                    <div class="col-md-6 col-lg-2">
                                        <select style="color: #666666;" class="form-select form-select-sm"
                                            aria-label="form-select-sm example"
                                            id="proloadlessonnoteclass">
                                            <option value="NULL">Select Class</option>
                                        </select>
                                    </div>

                                    <div class="col-md-6 col-lg-2">

                                    </div>

                                    <div class="col-md-6 col-lg-2">

                                    </div>

                                    <div class="col-md-12 col-lg-2">
                                        <button type="button" style="float: right;font-size: 13px;border:none;font-weight:500;"
                                            class="btn btn-sm btn-primary text-light" id="prosloadlesssonnotecontentbtn" > <i class="fas fa-sync-alt"> Load</i></button>
                                    </div>
                                    </div>

                                    <div class="col-12 mt-3">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="row mt-4">
                                                <div class="col-12 mt-3" id="prosloadlessonnotecontenthree">


                                                    <div align="center">
                                                        <img src="../../assets/images/adminImg/filter.png" style="width:15%;opacity:0.7;" />
                                                        <p class="pt-2 fs-6 text-secondary">Please
                                                            filter to proceed.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    </div>
                                 </div>

                                <!--====LESSON CONTENT HERE=====-->     
                                 
                                 
                                 
                                
                                
                                
                                
                            </div>
                        </div>
                        <!-- <div class="tab-pane fade" id="config-tabs-3" role="tabpanel" aria-labelledby="config-tab-3">
                                    <div class="row pt-2 display_abba_rs_list">
                                        
                                    </div>
                                </div> -->
                    </div>
                </div>
            </div>
        </main>
    </div>

    <!--==== addToSheetModalOpen==== -->
    <div class="modal fade" id="addToSheetModalOpen" tabindex="-1" aria-labelledby="addToSheetModalOpenLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="addToSheetModalLabel">Add To Score Sheet</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="hiddensheetinput">
                    <div id="LoadStudentForAddToScoreSheet"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal"><i class="fa fa-times"> Close</i></button>
                    <button type="button" class="btn btn-primary btn-sm" id="addToScoreSheetBtn"><i class="fa fa-plus"> Add <span class="abba_sheet_student_total_selected"></span> Student(s)</i></button>
                </div>
            </div>
        </div>
    </div>

    <!--==== clearScoreSheetModalOpen==== -->
    <div class="modal fade" id="clearScoreSheetModalOpen" tabindex="-1" aria-labelledby="clearScoreSheetModalOpenLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Clear Records</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div align="center"><h6>Are you sure?</h6><p><div><i class="fa fa-times fa-lg text-danger" style="font-size:56px"></i></div><p>Do you want to clear this sheet? This process cannot be reversed.</p></div>
                    <input type="hidden" id="get_btn_clicked">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal"><i
                            class="fa fa-times">
                            Close</i></button>
                    <button type="button" class="btn btn-danger btn-sm" id="clearScoreSheetBtn"><i class="fa fa-trash">
                            Clear
                            List</i></button>
                </div>
            </div>
        </div>
    </div>

    <!-- Delet Single-->
    <div class="modal fade" id="delScoreModal" tabindex="-1" aria-labelledby="delScoreModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Clear Record</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div id="displayScoreDelMsg"> </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal"><i
                            class="fa fa-times"> Close</i></button>
                    <button type="button" class="btn btn-danger btn-sm ProcToDelSelScore"><i class="fa fa-trash"> Yes!
                            Delete</i></button>
                </div>
            </div>
        </div>
    </div>

    <!-- abba_show_result_bulk_upload_modal-->
    <div class="modal fade" id="abba_show_result_bulk_upload_modal" tabindex="-1"
        aria-labelledby="abba_show_result_bulk_upload_modalLabel" aria-hidden="true">
        <div class="modal-dialog modal-md modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Bulk Upload</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12" style="border-right:1px solid lightgrey;">
                            <div class="row">
                                <div class="col-lg-12" align="center">
                                    <div class="alert alert-info errormsg" role="alert">
                                        <small> Firstly you will need to download a list of student offering this
                                            subject in your class. Click on the <b>"<i class="fas fa-download"
                                                    style="font-size:12px;"> Click to download class list</i>"</b> to
                                            get list</small>
                                    </div>
                                    <button type="button" class="btn btn-sm mt-2 rounded-3 btn-outline-primary downloadbtn-student-list" style="width:80%;"><i class="fas fa-download" style="font-size:12px;"> Click to download class list</i></button>
                                </div>
                            </div>

                            <!-- <div class="row mt-3">
                                <div class="col-lg-12">
                                    <div class="alert alert-primary" role="alert">
                                        <small> After the download, open the file that was downloaded, you'll see the list of your students and a column for each C.A offered in your school. Enter the score for each student respectively and save the file.</small>
                                    </div>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-lg-12">
                                    <div class="alert alert-success" role="alert">
                                        <small> After it has been saved, click on the <b>"Click on me to choose a file"</b> and select the file you saved and then click on <b>"<i class="fas fa-cloud-upload-alt" style="font-size:12px;"> Upload</i>"</b>.</small>
                                    </div>
                                    
                                </div>
                            </div> -->
                        </div>

                        <div class="col-12">
                            <div class="row mt-3 p-3" style="">
                                <div class="col-lg-12 shadow" align="center"
                                    style="height:25vh;display: flex; justify-content: center; align-items: center; margin: 0;background-color:#cfe6fc;border-radius:10px;">
                                    <input type="file" name="file-5[]" id="file-5"
                                        class="abba-inputfile abba-inputfile-4" style="display:none;" />
                                    <label for="file-5">
                                        <i class="fas fa-upload fa-2x icon-color"></i><br>
                                        <span style="font-size:12px;">Click on me to choose a file</span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-md" data-bs-dismiss="modal"><i
                            class="fa fa-times" style="font-size:14px;"> Close</i></button>
                    <button type="button" class="btn btn-primary btn-md abba_proceed_to_upload_score"><i
                            class="fas fa-cloud-upload-alt" style="font-size:14px;"> Upload</i></button>
                </div>
            </div>
        </div>
    </div>

    
    <!-- create student -->
    <div class="modal fade modalshow modalfade" id="abba_create_student_Modal" tabindex="-1"
        aria-labelledby="abba_create_student_ModalLabel" aria-hidden="true">
        <div class="modal-dialog dialogcontent modal-dialog-scrollable" style="border-top-left-radius: 20px; width: 100%;">
            <div class="modal-content modalcontent" style="background-color:#ffffff; ">
    
                <div class="modal-header">
                    <h5 class="modal-title text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                            viewBox="0 0 24 24">
                            <path fill="currentColor"
                                d="M19 17v2H7v-2s0-4 6-4s6 4 6 4m-3-9a3 3 0 1 0-3 3a3 3 0 0 0 3-3m3.2 5.06A5.6 5.6 0 0 1 21 17v2h3v-2s0-3.45-4.8-3.94M18 5a2.91 2.91 0 0 0-.89.14a5 5 0 0 1 0 5.72A2.91 2.91 0 0 0 18 11a3 3 0 0 0 0-6M8 10H5V7H3v3H0v2h3v3h2v-3h3Z" />
                        </svg> Create
                        Student
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div style="position: fixed; margin-left: -10px; margin-top: -30px;">
                        
                    </div>
                    <!-- Navbar pills -->
                    <div class="row">
                        <div class="col-sm-12">
                            <!-- Nav tabs -->
                            <div class="col-sm-12">
                                <ul class="nav nav-tabs mb-3 customtab" id="abba_ex1" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <a href="Javascript:;"
                                        class="nav-link active"
                                        id="abba_ex1-tab-10"
                                        data-bs-toggle="tab"
                                        href="#abba_ex1-tabs-10"
                                        role="tab"
                                        aria-controls="abba_ex1-tabs-10"
                                        aria-selected="true">Create Student</a>
                                    </li>
                                    <!-- <li class="nav-item" role="presentation">
                                        <a
                                        class="nav-link"
                                        id="abba_ex1-tab-20"
                                        data-bs-toggle="tab"
                                        href="#abba_ex1-tabs-20"
                                        role="tab"
                                        aria-controls="abba_ex1-tabs-20"
                                        aria-selected="false">Upload Student List</a
                                        >
                                    </li> -->
                                </ul>
                            
                                
                                <div class="tab-content" id="ex1-content">
    
                                    <div class="tab-pane fade show active" id="abba_ex1-tabs-10" role="tabpanel" aria-labelledby="abba_ex1-tab-10">
                                        <div>
                                            <span style="font-size:12px; font-weight:500;">Personal Info.</span>
                                            <div class="card">
                                                <form class="ps-3 pe-3 pt-3 pb-0">
                                                    <div class="row">
                                                        <div class="col-12 col-sm-4">
                                                            <div class="form-group abba_local-forms">
                                                                <label>First Name<span style="color:orangered;">*</span> </label>
                                                                <input class="form-control" type="text" placeholder="Enter First Name" id="abba_get_student_first_name">
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-4">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Middle Name </label>
                                                                <input class="form-control" type="text" placeholder="Enter Middle Name" id="abba_get_student_middle_name">
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-4">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Last Name<span style="color:orangered;">*</span> </label>
                                                                <input class="form-control" type="text" placeholder="Enter Last Name" id="abba_get_student_last_name">
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-6">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Phone Number </label>
                                                                <input class="form-control" type="text" name="studentphone[main]" id="abba_get_student_phone">
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-6">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Email Address </label>
                                                                <input class="form-control" type="text" placeholder="Enter Email Address" id="abba_get_student_email">
                                                            </div>
                                                        </div>
    
                                                        <div class="col-12 col-sm-4">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Disability(ies) </label>
                                                                <input class="form-control" type="text" placeholder="Enter Disability(ies)" id="abba_get_student_disability">
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-4">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Alergy(ies) </label>
                                                                <input class="form-control" type="text" placeholder="Enter Alergy(ies)" id="abba_get_student_alergy">
                                                            </div>
                                                        </div>
    
                                                        <div class="col-12 col-sm-4">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Gender<span style="color:orangered;">*</span> </label>
                                                                <select class="form-control" id="abba_get_student_gender">
                                                                    <option value='0'>Select Gender</option>
                                                                    <option>Male</option>
                                                                    <option>Female</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-4">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Date of Birth </label>
                                                                <input class="form-control" type="date" placeholder="Date of Birth" id="abba_get_student_dob">
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-4">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Blood Group </label>
                                                                <select class="form-control" id="abba_get_student_blood_group">
                                                                    <option value="0">Select Blood Group</option>
                                                                    <option value="A+">A+</option>
                                                                    <option value="A-">A-</option>
                                                                    <option value="B+">B+</option>
                                                                    <option value="B-">B-</option>
                                                                    <option value="AB+">AB+</option>
                                                                    <option value="AB-">AB-</option>
                                                                    <option value="O+">O+</option>
                                                                    <option value="O-">O-</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-4">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Religion<span style="color:orangered;">*</span> </label>
                                                                <select class="form-control" id="abba_get_student_religion">
                                                                    <option value="0">Select Religion</option>
                                                                    <option value="Christianity">Christianity</option>
                                                                    <option value="Islam">Islam</option>
                                                                    <option value="Hinduism">Hinduism</option>
                                                                    <option value="African Traditional &amp; Diasporic">African Traditional &amp; Diasporic</option>
                                                                    <option value="Agnostic">Agnostic</option>
                                                                    <option value="Atheist">Atheist</option>
                                                                    <option value="Baha'i">Baha'i</option>
                                                                    <option value="Buddhism">Buddhism</option>
                                                                    <option value="Cao Dai">Cao Dai</option>
                                                                    <option value="Chinese traditional religion">Chinese traditional religion</option>
                                                                    <option value="Jainism">Jainism</option>
                                                                    <option value="Juche">Juche</option>
                                                                    <option value="Judaism">Judaism</option>
                                                                    <option value="Neo-Paganism">Neo-Paganism</option>
                                                                    <option value="Nonreligious">Nonreligious</option>
                                                                    <option value="Rastafarianism">Rastafarianism</option>
                                                                    <option value="Secular">Secular</option>
                                                                    <option value="Shinto">Shinto</option>
                                                                    <option value="Sikhism">Sikhism</option>
                                                                    <option value="Spiritism">Spiritism</option>
                                                                    <option value="Tenrikyo">Tenrikyo</option>
                                                                    <option value="Unitarian-Universalism">Unitarian-Universalism</option>
                                                                    <option value="Zoroastrianism">Zoroastrianism</option>
                                                                    <option value="primal-indigenous">primal-indigenous</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-4">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Country<span style="color:orangered;">*</span> </label>
                                                                <select class="form-control" id="abba_display_student_country">
                                                                    <option value='0'>Choose Country</option>
                    
                                                                    <?php
    
                                                                    $sqltogetcountries = mysqli_query($link, "SELECT * FROM `countries` ORDER BY CountryName ASC");
                                                                    $rowtogetcountries = mysqli_fetch_assoc($sqltogetcountries);
                                                                    $cnttogetcountries = mysqli_num_rows($sqltogetcountries);
    
                                                                    if ($cnttogetcountries > 0) {
                                                                        do {
                                                                            $CountryName = $rowtogetcountries['CountryName'];
                                                                            $countryID = $rowtogetcountries['countryID'];
    
                                                                            if ($countryID == '161') {
                                                                                $selected = 'selected';
                                                                            } else {
                                                                                $selected = '';
                                                                            }
    
                                                                            echo '<option value="' . $countryID . '" ' . $selected . '>' . $CountryName . '</option>';
    
                                                                        } while ($rowtogetcountries = mysqli_fetch_assoc($sqltogetcountries));
    
                                                                    }
    
                                                                    ?>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-4">
                                                            <div class="form-group abba_local-forms">
                                                                <label>State<span style="color:orangered;">*</span> </label>
                                                                <select class="form-control" id="abba_display_student_state">
                                                                    <option value='0'>Select State</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-4">
                                                            <div class="form-group abba_local-forms">
                                                                <label>L.G.A<span style="color:orangered;">*</span> </label>
                                                                <select class="form-control" id="abba_display_student_lga">
                                                                    <option value='0'>Select L.G.A</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-6">
                                                            <div class="form-group abba_local-forms">
                                                                <label>City </label>
                                                                <textarea class="form-control" type="date" placeholder="Enter City" id="abba_get_student_city"></textarea>
                                                            </div>
                                                        </div>
    
                                                        <div class="col-12 col-sm-6">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Address </label>
                                                                <textarea class="form-control" type="date" placeholder="Enter Address" id="abba_get_student_address"></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-12">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Select Parent </label>
                                                                <select class="form-select abba_get_student_parent" name="select_box" id="select_box">
                                                                    <option value="0" selected>Select Parent</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                        
                                        <div class="mt-4">
                                            <span style="font-size:12px; font-weight:500;">School Info.</span>
                                            <div class="card">
                                                <form class="ps-3 pe-3 pt-4 pb-0">
                                                    <div class="row">
                                                        <div class="col-12 col-sm-6">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Allocate Class<span style="color:orangered;">*</span> </label>
                                                                <select class="form-control" id="abba_display_create_student_class">
                                                                    <option value='0'>Select Class</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-6">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Select Session<span style="color:orangered;">*</span> </label>
                                                                <select class="form-control" id="abba_get_student_session">
                                                                    <option value="0">Select Session</option>
                                                                    <?php
    
                                                                    $abba_sql_session = ("SELECT * FROM `session` ORDER BY sessionName DESC");
                                                                    $abba_result_session = mysqli_query($link, $abba_sql_session);
                                                                    $abba_row_session = mysqli_fetch_assoc($abba_result_session);
                                                                    $abba_row_cnt_session = mysqli_num_rows($abba_result_session);
    
                                                                    if ($abba_row_cnt_session > 0) {
                                                                        do {
                                                                            if ($abba_row_session['sessionStatus'] == '1') {
                                                                                $abba_selected_session = 'selected';
                                                                            } else {
                                                                                $abba_selected_session = '';
                                                                            }
                                                                            echo '<option value="' . $abba_row_session['sessionName'] . '" ' . $abba_selected_session . '>' . $abba_row_session['sessionName'] . '</option>';
    
                                                                        } while ($abba_row_session = mysqli_fetch_assoc($abba_result_session));
                                                                    } else {
                                                                        echo '<option value="0">No Records Found</option>';
                                                                    }
                                                                    ?>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-6">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Date of Admission<span style="color:orangered;">*</span> </label>
                                                                <input class="form-control" type="date" placeholder="Date of Admission" id="abba_get_student_doa">
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-6">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Student Type<span style="color:orangered;">*</span> </label>
                                                                <select class="form-control" id="abba_get_student_type">
                                                                    <option value='0'>Select Student Type</option>
                                                                    <option>Day</option>
                                                                    <option>Boarding</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-12 col-sm-6">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Username/Admission no.<span style="color:orangered;">*</span> </label>
                                                                <input class="form-control" type="text" placeholder="UserName" id="abba_get_student_reg_number">
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-6">
                                                            <div class="form-group abba_local-forms">
                                                                <label>Password<span style="color:orangered;">*</span> </label>
                                                                <input class="form-control" type="password" placeholder="******" id="abba_get_student_password" value="1234">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    
                                    </div>
                                    
                                    <div class="tab-pane fade" id="abba_ex1-tabs-20" role="tabpanel" aria-labelledby="abba_ex1-tab-20">
                                        Tab 2 content
                                    </div>
                                </div>
                                <!-- Tab panes -->
                            </div>
                        </div>
                    </div>
                    <!-- Navbar pills -->
                </div>
                <div class="modal-footer" id="change_create_btn">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal"><i class="fas fa-times"> Close</i></button>
                    <button type="button" class="btn btn-primary btn-sm" id="abba_proceed_to_create_student"> 
                        <i class="fa fa-plus"> Create</i>
                    </button>
                </div>
            </div>
        </div>
    </div>
    
    <!-- change student status modal -->
    <div class="modal fade" id="abba_change_stud_stat_staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="abba_change_stud_stat_staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-primary" id="abba_change_stud_stat_staticBackdropLabel"><i class="fas fa-edit-alt"> Change Student Status</i></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body" align="center">
                    <span class="btn btn-sm btn-icon" style="background-color:#facaca;border-radius:50%;">
                        <h2><i class="fas fa-trash-alt text-danger" style="padding:10px;"></i></h2>
                    </span><br>
                    <span style="font-size:15px;">Are you sure you want to delete the selected student(s)?</span>
                    <div id="abba_student_delete_success_msg">
    
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal"><i class="fas fa-times"> Close</i></button>
                    <button type="button" class="btn btn-danger btn-sm" id="abba_proceed_to_delete_student"><i class="fas fa-trash-alt"> Yes Delete</i></button>
                </div>
            </div>
        </div>
    </div>
    
    <div class="row justify-content-center">
        <div class="container-fluid mt-3 mb-3">
            <div class="picture-container">
                <div class="image-error"></div>
                <!-- student Image upload Modal -->
                <div id="abba_update_student_image_modal" class="modal" role="dialog">
                    <div class="modal-dialog modal-md">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">Upload Student Image</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
    
                            </div>
                            <div class="modal-body">
                                <div class="row justify-content-center">
                                    <div class="col-sm-12 col-md-12 col-lg-12 p-2">
                                        <input type="hidden" id="abba_store_student_id_for_image">
                                        
                                        <input type="hidden" id="abba_store_campus_id_for_image">
    
                                        <input type="hidden" id="abba_get_student_image_class_input">
                                        <div id="abba_student_demo_image"></div>
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary " data-bs-dismiss="modal" aria-label="Close">Cancel</button>
                                <button class="btn btn-success abba_crop_student_image"> Submit </button>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  -->
            </div>
        </div>
    </div>
    
    <!-- delete student modal -->
    <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-danger" id="staticBackdropLabel"><i class="fas fa-trash-alt"> Delete
                            Student(s)</i></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body" align="center">
                    <span class="btn btn-sm btn-icon" style="background-color:#facaca;border-radius:50%;">
                        <h2><i class="fas fa-trash-alt text-danger" style="padding:10px;"></i></h2>
                    </span><br>
                    <span style="font-size:15px;">Are you sure you want to delete the selected student(s)?</span>
                    <div id="abba_student_delete_success_msg">
    
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal"><i class="fas fa-times"> Close</i></button>
                    <button type="button" class="btn btn-danger btn-sm" id="abba_proceed_to_delete_student"><i class="fas fa-trash-alt"> Yes Delete</i></button>
                </div>
            </div>
        </div>
    </div>
    
    <!-- delete student modal -->
    <div class="modal fade" id="regnumberset" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-primary" id="staticBackdropLabel"><i class="fas fa-user-graduate"> Set Admission Number Count</i></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body" align="center">
                    <div class="alert alert-info" role="alert">
                        The system will auto-increment all student's Reg. number during registration from whatever number you set below
                    </div>
                    <div class="row">
                        <div class="col-12 col-sm-12">
                            <div class="form-group abba_local-forms">
                                <label>Start Number<span style="color:orangered;">*</span> </label>
                                <input class="form-control" type="number" placeholder="1" id="display_number_count">
                            </div>
                        </div>
                        
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal"><i class="fas fa-times"> Close</i></button>
                    <button type="button" class="btn btn-primary btn-sm" id="abba_proceed_to_add_number_count"><i class="fas fa-save"> Submit</i></button>
                </div>
            </div>
        </div>
    </div>
    
    
    
    
    
    <!---====Edit Profile Side Modal Start Here====-->
<div class="modal fade modalshow modalfade" id="edit_assignmenttitle" tabindex="-1"
    aria-labelledby="edit_assignmenttitle" aria-hidden="true" sty>
    <div class="modal-dialog modal-dialog-scrollable dialogcontent" style="border-top-left-radius: 30px; width: 25%;">
        <div class="modal-content modalcontent" style="background-color:#ffffff;">
            <div class="modal-body modalbodycontent">
                <div class="modal-header">
                    <h5 class="modal-title text-primary" style="font-weight: bold;"> Edit Assignment <svg xmlns="http://www.w3.org/2000/svg"
                            width="16" height="16" fill="currentColor" class="bi bi-pen" viewBox="0 0 16 16">
                            <path
                                d="m13.498.795.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001zm-.644.766a.5.5 0 0 0-.707 0L1.95 11.756l-.764 3.057 3.057-.764L14.44 3.854a.5.5 0 0 0 0-.708l-1.585-1.585z" />
                        </svg>
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div style="position: fixed; margin-left: -10px; margin-top: -30px; display: flex;">
                    <img src="../../assets/images/favicon11.png" style="width: 150px; z-index: -1; opacity: 0.1;"
                        data-dismiss="modal" aria-label="Close">
                </div>
                <div width="300px" class="sc-UpCWa ezuGy flexi-sheet-body" open="">
                    <div width="100%" height="100%" style="padding: 20px; margin-top:40px;" class="sc-pyfCe gtGxgb">
                        <div id="ekeneedit_content"></div>
                            <input type="hidden" id="eke_hiddeninput">


                    </div>
                </div>

            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">
                    <i class="fa fa-times"> Close</i>
                </button>
                <button type="button" class="btn btn-primary btn-sm" id="eken_edit_assignmenttitle">
                    <i class="fa fa-edit"> Edit</i>
                </button>
            </div>

        </div>
    </div>
</div>
<!---====End Edit Profile Side ModalEndHere====-->




<!-- 
    //set assignment modal =======----- -->
    <div class="modal fade" id="ekene-setassignmentmodal" aria-hidden="true"
        aria-labelledby="ekene-setassignmentmodalLabel" tabindex="-1">
        <div class="modal-dialog modal-xl" style="width:80%;">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalToggleLabel"> Question</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body mt-4">
                    <input id="ekene_hidden" type="hidden" value="0">

                    <div class="row">
                          
                            <div class="col-md-12 col-lg-2">
                                <div class="form-group abba_local-forms ekene_select_class">
                                    <label>class<span style="color:orangered;">*</span> </label>
                                    <select class="form-control" id="ekene_display_section_for_display_class">
                                        <option value="NULL">Select class</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-2">
                                <div class="form-group abba_local-forms ekene_select_class">
                                    <label>Subjects<span style="color:orangered;">*</span> </label>
                                    <select class="form-control" id="ekene_display_subject_class">
                                        <option value="NULL">select Subjects</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-2">
                                <div class="form-group abba_local-forms ekene_select_class">
                                    <label>Title<span style="color:orangered;">*</span> </label>
                                    <input class="form-control" id="ekene_title" placeholder="Enter the Title">
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-2">
                                <div class="form-group abba_local-forms ekene_select_class">
                                    <label>overall score<span style="color:orangered;">*</span> </label>
                                    <input class="form-control" id="overall_score" type="number"placeholder="Enter the overall score">
                                </div>
                            </div>


                            <div class="col-md-12 col-lg-2">
                                
                                <div class="form-group abba_local-forms ekene_select_class">
                                    <label>Cbt base or not<span style="color:orangered;">*</span> </label>
                                    <select class="form-control" id="cbtornot">
                                        <option value="NULL">Select</option>
                                        <option value="yes">Yes</option>
                                        <option value="no">No</option>
                                    </select>
                                </div>
                            

                            </div>


                            <div class="col-md-12 col-lg-2">
                                
                                <div class="form-group abba_local-forms prosloadcbtorexamsettingstype">
                                   
                                    <label>  Category <span style="color:orangered;">*</span> </label>
                                            <select class="form-control prosassementcategory_create" >
                                                <option value="NULL" disabled>Select</option>
                                                <option value="Objective">Objective</option>
                                                <option value="Theory">Theory</option>
                                                <option value="Both">Both</option>
                                            </select>
                                </div>
                            

                            </div>

                            
                        <div class="col-md-12 col-lg-2"></div>  

                          
                    </div>

                        <div class="row" id="ekene_hidecbt">
                            <div class="col-md-12 col-lg-3">
                                <div class="form-group abba_local-forms ekene_select_class">
                                    <label>Date<span style="color:orangered;">*</span> </label>
                                    <input type="date" class="form-control" id="hidden_date">
                                </div>
                            </div>

                            <div class="col-md-12 col-lg-3">
                                <div class="form-group abba_local-forms ekene_select_class">
                                    <label>Start time<span style="color:orangered;">*</span> </label>
                                    <input type="time" class="form-control" id="start_time">
                                </div>
                            </div>

                            <div class="col-md-12 col-lg-3">
                                <div class="form-group abba_local-forms ekene_select_class">
                                    <label>End time<span style="color:orangered;">*</span> </label>
                                    <input type="time" class="form-control" id="end_time">
                                </div>
                            </div>
                         </div>

                                                            
                            <div class="row" id="ekene_hidenotcbt">
                                <div class="col-md-12 col-lg-3">
                                    <div class="form-group abba_local-forms ekene_select_class">
                                        <label> Start Date<span style="color:orangered;">*</span> </label>
                                        <input type="date" class="form-control" id="start_date">
                                    </div>
                                </div>

                                <div class="col-md-12 col-lg-3">
                                    <div class="form-group abba_local-forms ekene_select_class">
                                        <label>Submission Date<span style="color:orangered;">*</span> </label>
                                        <input type="date" class="form-control" id="submission_date">
                                    </div>
                                </div>
                            </div>

                       
                        <div class="row">
                              <div class="col-6">

                               </div>
                            <div class="col-6">
                                <button type="button" style="float: right;font-size: 13px;border:none;font-weight:500;"
                                    class="btn btn-sm btn-primary text-light mb-5" 
                                >
                                    <span class=" float-end  cursor:pointer; font-weight:bold;"
                                        id="ekene_import_question"><i class="fa fa-plus"></i> import Questions</span>
                                </button>

                            </div>
                        </div>

                        <div class="row" id="insrtuction_div" style="padding: 15px;"></div>
                                     
                               <div class="row">
                                    <div class="col-sm-12">
                                     <!-- Nav tabs -->
                                        <div class="col-sm-12">
                                            <ul class="nav nav-tabs mb-3 customtab" id="abba-config" role="tablist">
                                            
                                                <li class="nav-item" role="presentation">
                                                    <a class="nav-link" id="config-tab-12" data-bs-toggle="tab" href="#config-tabs-12"
                                                        role="tab" aria-controls="config-tabs-12" aria-selected="true">Obective</a>
                                                </li>
                                                <li class="nav-item" role="presentation">
                                                    <a class="nav-link" id="config-tab-13" data-bs-toggle="tab" href="#config-tabs-13"
                                                        role="tab" aria-controls="config-tabs-13" aria-selected="false">Theory</a>
                                                </li>
                                              </ul>
                                        </div>
                                    </div>

                                    <div class="tab-content" id="abba-config-content">

                                        <div class="tab-pane fade show active" id="config-tabs-12" role="tabpanel"
                                            aria-labelledby="config-tab-12">
                                            <div class="row" id="ekeneloadappededinputhere">


                                                  <input type="hidden" id="ekeneloadobjectiveappendquestion" value="0">


                                                <div class="col-12">
                                                    <div class="table-Side-Chi topSecCards" style="padding: 50px 50px 50px 50px;">
                                                        <div class="table-responsive emma-load-transaction-auditory">

                                                            <div align="center" id="ekehidehidecontentnorecord">
                                                                <input id="hidd" type="hidden" value="1">
                                                                <?php

                                                                        $pros_select_record_not_found = mysqli_query($link, "SELECT * FROM defaultimages WHERE ImageName='abba-no-record-found-image2'");
                                                                        $pros_select_record_not_found_count = mysqli_num_rows($pros_select_record_not_found);
                                                                        $pros_select_record_not_found_row = mysqli_fetch_assoc($pros_select_record_not_found);

                                                                        if ($pros_select_record_not_found_count > 0) {
                                                                            $pros_general_no_record = $pros_select_record_not_found_row['BaseSixtyFour'];
                                                                            echo '
                                                                        
                                                                            <img class="mb-1" src="'.$pros_general_no_record.'" width="100" alt="">
                                                                            <p style="color: black;">Click below to Add questions.</p>';
                                                                        }
                                                            

                                                                ?>

                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>

                                            </div>

                                                <div class="d-flex justify-content-center">
                                                    <button id="ekene_add_obj" class="circle-icon btn btn-success mx-2" style="font-size: 12px; font-weight: 500;">
                                                        Add objective question <i class="fa fa-plus"></i>
                                                    </button>
                                                </div>



                                        </div>


                                        <div class="tab-pane fade show " id="config-tabs-13" role="tabpanel"
                                            aria-labelledby="config-tab-13">
                                            <div class="row" id="ekeneloadappededinputheretheory">

                                                <input type="hidden" id="ekeneloadtheoryappendquestion" value="0">

                                                <div class="col-12">
                                                    <div class="table-Side-Chi topSecCards" style="padding: 50px 50px 50px 50px;">
                                                        <div class="table-responsive emma-load-transaction-auditory">

                                                            <div align="center" id="ekenetheorynorecordfoundcontent">
                                                            <input id="hidd1" type="hidden" value="1">
                                                                <?php

                                                                    $pros_select_record_not_found = mysqli_query($link, "SELECT * FROM defaultimages WHERE ImageName='abba-no-record-found-image2'");
                                                                    $pros_select_record_not_found_count = mysqli_num_rows($pros_select_record_not_found);
                                                                    $pros_select_record_not_found_row = mysqli_fetch_assoc($pros_select_record_not_found);

                                                                    if ($pros_select_record_not_found_count > 0) {
                                                                        $pros_general_no_record = $pros_select_record_not_found_row['BaseSixtyFour'];
                                                                        echo '
                                                                    
                                                                        <img class="mb-1" src="'.$pros_general_no_record.'" width="100" alt="">
                                                                        <p  style="color: black;">Click below to Add questions.</p>     
                                                                        ';
                                                                    }
                                                        

                                                                ?>

                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>

                                             </div>
                                                   <div class="d-flex justify-content-center">
                                                    <button id="ekene_addtheory" class="circle-icon btn btn-primary mx-2" style="font-weight: 500;">
                                                        Add theory question <i class="fa fa-plus"></i>
                                                    </button>
                                                </div>


                                        </div>
                                    </div>
                             </div>
                         </div>

              
                <div class="modal-footer">
                    <button class="btn btn-primary submitquestion" id="ekene_add_question">Submit</button>

                </div>

          </div>
              
            </div>
        </div>
    </div>
<!-- =====end of set assignment modal======----- -->


    <div class="modal fade" id="ekene-import-questionmodal" aria-hidden="true"
        aria-labelledby="ekene-import-questionmodalLabel" tabindex="-1">
        <div class="modal-dialog modal-fullscreen" style="width:100%;">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalToggleLabel"> Question</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-3">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                id="select_question_category">
                                <option>Question category</option>
                                <option value="Theory">Theory</option>
                                <option value="Objective">Objective </option>
                                <option>Both</option>

                            </select>


                        </div>
                        <div class="col-3">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                id="select_question_type">
                                <option selected value="NULL">Question type</option>
                                <option>Assessment</option>
                                <option>Pratice Question</option>
                                <option>Other Question</option>

                            </select>
                        </div>
                        <div class="col-2">
                            <a href="javascript:();" type="button" class="btn btn-primary btn-sm"
                                id="load_import_question" style="width: 100%;">
                                <span style="font-size: 13px;">Load</span>
                            </a>
                        </div>
                    </div>

                    <div class="row mt-5 g-3" id="display_import">
                        <div class="col-12 mt-5" id="ekene_display_student_behavioural">
                            <div align="center">
                                <img src="../../assets/images/adminImg/filter.png" style="width:15%;opacity:0.7;" />
                                <p class="pt-2 fs-6 text-secondary">Please
                                    filter to proceed.</p>
                            </div>
                        </div>



                    </div>

                </div>
                <div class="modal-footer mt-5">
                    <button class="btn btn-primary" id="add_button">Next</button>

                </div>

            </div>

        </div>
    </div>

        <!-- Button trigger modal -->
     

        <div class="modal fade" id="ekeneloaddeletemodal" tabindex="-1" aria-labelledby="ekeneloaddeletemodalLabel" aria-hidden="true" >
            <div class="modal-dialog">
                <div class="modal-content" style="border-radius: 20px;">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Delete</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="dataid">
                    <input type="hidden" id="datacam">
                    <p style="color: red">Are you sure you want to delete this? This action is irreversible.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-danger" id="eken_delete_all">delete</button>
                </div>
                </div>
            </div>
        </div>



        
        <div class="modal fade" id="ekene_save_change" aria-hidden="true"
             aria-labelledby="ekene-setassignmentmodalLabel" tabindex="-1">

            <div class="modal-dialog modal-xl" style="width:80%;">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalToggleLabel"> Question</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
             
                <div class="modal-body mt-4">
                    <div class="row">
                        <div class="col-sm-12">
                            <!-- Nav tabs -->
                            <div class="col-sm-12">
                                <ul class="nav nav-tabs mb-3 customtab" id="abba-config" role="tablist">
                                
                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link" id="config-tab-16" data-bs-toggle="tab" href="#config-tabs-16"
                                            role="tab" aria-controls="config-tabs-12" aria-selected="true">Obective</a>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link" id="config-tab-15" data-bs-toggle="tab" href="#config-tabs-15"
                                            role="tab" aria-controls="config-tabs-15" aria-selected="false">Theory</a>
                                    </li>
                                </ul>


                            </div>
                        </div>

                        <div class="tab-content" id="ekene-config-content1">

                            <div class="tab-pane fade show active" id="config-tabs-15" role="tabpanel" aria-labelledby="config-tab-15">

                                <div class="row">
                                    <div class="col-6">

                                    </div>
                                    <div class="col-6">
                                        <button type="button"  id="ekene_import_questionthoerysavechangequestion" style="float: right;font-size: 13px;border:none;font-weight:500;"
                                            class="btn btn-sm btn-primary text-light mb-5" 
                                        >
                                            <span class=" float-end  cursor:pointer; font-weight:bold;"
                                               ><i class="fa fa-plus"></i> import Questions</span>
                                        </button>

                                    </div>
                                    
                                    <input type="hidden" id="ekeneloadtheoryappendquestionsjon" value="0">
                                    <div class="row" id="ekeneloadappededinputheresavechangetheory">
                                             
                                        <div class="col-12">
                                            <div class="table-Side-Chi topSecCards" style="padding: 50px 50px 50px 50px;">
                                                <div class="table-responsive emma-load-transaction-auditory">
                                              
                                                     
                                                    <div align="center" id="ekehidehidecontentnorecordtheorysavechange">
                                                    <input id="hidd12" type="hidden" value="1">
                                                        <?php

                                                            $pros_select_record_not_found = mysqli_query($link, "SELECT * FROM defaultimages WHERE ImageName='abba-no-record-found-image2'");
                                                            $pros_select_record_not_found_count = mysqli_num_rows($pros_select_record_not_found);
                                                            $pros_select_record_not_found_row = mysqli_fetch_assoc($pros_select_record_not_found);

                                                            if ($pros_select_record_not_found_count > 0) {
                                                                $pros_general_no_record = $pros_select_record_not_found_row['BaseSixtyFour'];
                                                                echo '
                                                            
                                                                <img class="mb-1" src="'.$pros_general_no_record.'" width="100" alt="">
                                                                <p style="color: black;">Click below to Add questions.</p>';
                                                            }
                                                    

                                                        ?>

                                                    </div>
                                                </div>

                                            </div>
                                        </div>

                                    </div>

                                    <div class="row">
                                            <div class="col-6">

                                             </div>

                                             <div class="col-6">
                                                    <span id="ekene_add_json_theoryquestion" class=" mx-2 float-end" style="font-size: 12px; font-weight: bold; color: blue; cursor: pointer;">
                                                    <i class="fa fa-plus"></i> Add theory question
                                                    </span>
                                             </div>
                                    </div>

                                    <div class="d-flex justify-content-center">
                                        <button id="eke_save_changetheory" class="circle-icon btn btn-primary mx-2" style="font-size: 12px; font-weight: 500;">
                                           Save change
                                        </button>
                                     </div>


                                </div>
                            </div>




                            <div class="tab-pane fade" id="config-tabs-16" role="tabpanel" aria-labelledby="config-tab-16">

                                <div class="row">
                                    <div class="col-6">

                                    </div>
                                    <div class="col-6">
                                        <button type="button"  id="ekene_import_questionobjectivesavechangequestion" style="float: right;font-size: 13px;border:none;font-weight:500;"
                                            class="btn btn-sm btn-primary text-light mb-5" 
                                        >
                                            <span class=" float-end  cursor:pointer; font-weight:bold;"
                                               ><i class="fa fa-plus"></i> import Questions</span>
                                        </button>

                                    </div>
                                    <input type="hidden" id="ekeneloadobjectiveappendquestionsjon" value="0">
                                    <div class="row" id="ekeneloadappededinputheresavechangeobjective">

                                        <div class="col-12">
                                            <div class="table-Side-Chi topSecCards" style="padding: 50px 50px 50px 50px;">
                                                <div class="table-responsive emma-load-transaction-auditory">

                                                    <div align="center" id="ekehidehidecontentnorecordobjectivesavechange">
                                                        <input id="hidd2" type="hidden" value="1">
                                                        <?php

                                                            $pros_select_record_not_found = mysqli_query($link, "SELECT * FROM defaultimages WHERE ImageName='abba-no-record-found-image2'");
                                                            $pros_select_record_not_found_count = mysqli_num_rows($pros_select_record_not_found);
                                                            $pros_select_record_not_found_row = mysqli_fetch_assoc($pros_select_record_not_found);

                                                            if ($pros_select_record_not_found_count > 0) {
                                                                $pros_general_no_record = $pros_select_record_not_found_row['BaseSixtyFour'];
                                                                echo '
                                                            
                                                                <img class="mb-1" src="'.$pros_general_no_record.'" width="100" alt="">
                                                                <p style="color: black;">Click below to Add questions.</p>';
                                                            }
                                                    

                                                        ?>

                                                    </div>
                                                </div>

                                            </div>
                                        </div>

                                    </div>
                                           <div class="row">
                                            <div class="col-6">

                                             </div>

                                             <div class="col-6">
                                                    <span id="ekene_add_jsonobjectivequestion" class=" mx-2 float-end" style="font-size: 12px; font-weight: bold; color: green; cursor: pointer;">
                                                    <i class="fa fa-plus"></i> Add objective question
                                                    </span>
                                             </div>
                                           </div>

                                    <div class="d-flex justify-content-center">
                                        <button id="eke_save_changeobjective" class="circle-icon btn btn-primary mx-2" style="font-size: 12px; font-weight: 500;">
                                           Save change
                                        </button>
                                     </div>


                                </div>
                            </div>
                                      
                            


                        </div>

                    </div>
                </div>

            </div>
            </div>
        </div>     
       

        <div class="modal fade" id="ekeneloaddeletemodaljson" tabindex="-1" aria-labelledby="ekeneloaddeletemodaljsonLabel" aria-hidden="true" >
            <div class="modal-dialog">
                <div class="modal-content" style="border-radius: 20px;">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Delete</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                <input type="hidden" id="kdatacamid">
                <input type="hidden" id="kdataid">
                    <input type="hidden" id="dataassignmentquestionid">
                    <p style="color: red">Are you sure you want to delete this? This action is irreversible.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-danger" id="eken_delete_eachjsonquestion">delete</button>
                </div>
                </div>
            </div>
        </div>


        <div class="modal fade" id="ekeneloaddeletemodaljsontheory" tabindex="-1" aria-labelledby="ekeneloaddeletemodaljsontheoryLabel" aria-hidden="true" >
            <div class="modal-dialog">
                <div class="modal-content" style="border-radius: 20px;">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Delete</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                <input type="hidden" id="kdatacamidtheory">
                <input type="hidden" id="kdataidtheory">
                    <input type="hidden" id="dataassignmentquestionidtheory">
                    <p style="color: red">Are you sure you want to delete this? This action is irreversible.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-danger" id="eken_delete_eachjsonquestiontheory">delete</button>
                </div>
                </div>
            </div>
        </div>



        <div class="modal fade" id="ekene-import-questionmodalobjective" aria-hidden="true"
        aria-labelledby="ekene-import-questionmodalobjectiveLabel" tabindex="-1">
        <div class="modal-dialog modal-fullscreen" style="width:100%;">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalToggleLabel"> Question</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-3">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                id="select_question_categoryobjective">
                                <option >Question category</option>
                              
                                <option selected>Objective </option>
                             

                            </select>


                        </div>
                        <div class="col-3">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                id="select_question_typeobjective">
                                <option selected value="NULL">Question type</option>
                                <option>Assessment</option>
                                <option>Pratice Question</option>
                                <option>Other Question</option>

                            </select>
                        </div>
                        <div class="col-2">
                            <a href="javascript:();" type="button" class="btn btn-primary btn-sm"
                                id="load_import_questionobjective" style="width: 100%;">
                                <span style="font-size: 13px;">Load</span>
                            </a>
                        </div>
                    </div>

                    <div class="row mt-5 g-3" id="display_importobjective">
                        <div class="col-12 mt-5" id="ekene_display_student_behaviouralobjective">
                            <div align="center">
                                <img src="../../assets/images/adminImg/filter.png" style="width:15%;opacity:0.7;" />
                                <p class="pt-2 fs-6 text-secondary">Please
                                    filter to proceed.</p>
                            </div>
                        </div>



                    </div>

                </div>
                <div class="modal-footer mt-5">
                    <button class="btn btn-primary" id="add_buttonobjective">Next</button>

                </div>

            </div>

        </div>
    </div>



    <div class="modal fade" id="ekene-import-questionmodaltheory" aria-hidden="true"
        aria-labelledby="ekene-import-questionmodaltheoryLabel" tabindex="-1">
        <div class="modal-dialog modal-fullscreen" style="width:100%;">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalToggleLabel"> Question</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-3">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                id="select_question_categorytheory">
                                <option >Question category</option>
                              
                                <option selected>Theory </option>
                             

                            </select>


                        </div>
                        <div class="col-3">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                id="select_question_typetheory">
                                <option selected value="NULL">Question type</option>
                                <option>Assessment</option>
                                <option>Pratice Question</option>
                                <option>Other Question</option>

                            </select>
                        </div>
                        <div class="col-2">
                            <a href="javascript:();" type="button" class="btn btn-primary btn-sm"
                                id="load_import_questiontheory" style="width: 100%;">
                                <span style="font-size: 13px;">Load</span>
                            </a>
                        </div>
                    </div>

                    <div class="row mt-5 g-3" id="display_importtheory">
                        <div class="col-12 mt-5" id="ekene_display_student_behaviouraltheory">
                            <div align="center">
                                <img src="../../assets/images/adminImg/filter.png" style="width:15%;opacity:0.7;" />
                                <p class="pt-2 fs-6 text-secondary">Please
                                    filter to proceed.</p>
                            </div>
                        </div>



                    </div>

                </div>
                <div class="modal-footer mt-5">
                    <button class="btn btn-primary" id="add_buttontheory">Next</button>

                </div>

            </div>

        </div>
    </div>
<input type="hidden" id="dataassignmentid">



 
        <div class="modal fade" id="ekene_view_dowloadquestion" aria-hidden="true"
             aria-labelledby="ekene-setassignmentmodalLabel" tabindex="-1">

            <div class="modal-dialog modal-xl" style="width:80%;">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalToggleLabel"> Download</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
             
                    <div class="modal-body mt-1">
                        <div class="row">
                            <div class="col-6 float-start">
                                <!-- <span style="cursor: pointer; color: blue; text-decoration: underline" id="ekene_showanswer"><i class="fa fa-eye"></i>"Show answer </span> -->
                             </div>
                             <div class="col-6 float-end" align="right">
                                <button class="btn btn-primary" id="ekene_print"><i class="fa fa-print"></i>Download</button>
                             </div>
                        </div>
                
                           <div id="downloadassignmentekene"></div>
                           
                                    
                    </div>

                </div>
            </div>
        </div>   
        
        

        <div class="modal fade" id="ekene_mark_question" aria-hidden="true"
             aria-labelledby="ekene-setassignmentmodalLabel" tabindex="-1">

            <div class="modal-dialog modal-xl" style="width:80%;">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalToggleLabel"> Mark Assignment</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
             
                    <div class="modal-body mt-1">
                        <!-- <div class="row">
                            <div class="col-6 float-start">
                                <span style="cursor: pointer; color: blue; text-decoration: underline" id="ekene_showanswer"><i class="fa fa-eye"></i>"Show answer </span>
                             </div>
                             <div class="col-6 float-end" align="right">
                                <button class="btn btn-primary" id="ekene_print"><i class="fa fa-print"></i> Print </button>
                             </div>
                        </div> -->
                
                           <div id="ekenemarkassignmentekene"></div>

                           <!-- reset hidden input field -->
                           <input type="hidden" id="resetassignmentid">
                            <input type="hidden" id="resetstudentid">
                            <!-- pulish hidden input field -->
                            <input type="hidden" id="publishassignmentid">
                            <input type="hidden" id="publishstudentid">
                            <input type="hidden" id="publishdatastatus">
                            
                                 <!-- convert hidden input field.... -->
                            <input type="hidden" id="ekeneconvertdatastatus" name="ekeneconvertdatastatus">
                            
                            <input type="hidden" id="ekeneconvertstudentid" name="ekeneconvertstudentid">
                            <input type="hidden" id="overallhiddeninput" name="overallhiddeninput">

                            <input type="hidden" id="tota_lobjectivequestion" name="tota_lobjectivequestion">


                            <input type="hidden" id="datasession" >
                                     <input type="hidden" id="dataterm">
                         

                         
                                    
                    </div>

                </div>
            </div>
        </div>   




        <div class="modal fade" id="ekene_markmainassignment" aria-hidden="true" aria-labelledby="modalLabel"
    tabindex="-1">

    <div class="modal-dialog modal-xl" style="width:80%;">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalToggleLabel"> Question</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>

            <div class="modal-body mt-4">
                <div class="row">
                    <div class="col-sm-12">
                        <!-- Nav tabs -->
                        <div class="col-sm-12">
                            <ul class="nav nav-tabs mb-3 customtab" id="abba-config" role="tablist">

                                <li class="nav-item" role="presentation">
                                    <a class="nav-link" id="config-tab-20" data-bs-toggle="tab" href="#config-tabs-20"
                                        role="tab" aria-controls="config-tabs-20" aria-selected="false">Obective</a>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a class="nav-link" id="config-tab-21" data-bs-toggle="tab" href="#config-tabs-21"
                                        role="tab" aria-controls="config-tabs-21" aria-selected="false">Theory</a>
                                </li>
                            </ul>


                        </div>
                    </div>

                    <div class="tab-content" id="ekene-config-content1">

                        <div class="tab-pane fade show active" id="config-tabs-21" role="tabpanel"
                            aria-labelledby="config-tab-21">

                            <div id="theoryparttab" style="color: black;"></div>
                            <input type="hidden" id="ekene_studenthiddenidten">
                            <input type="hidden" id="ekene_campushiddenidten">
                            <input type="hidden" id="ekene_sassignmenthiddenidten">


                              
                          
                        </div>




                        <div class="tab-pane fade" id="config-tabs-20" role="tabpanel" aria-labelledby="config-tab-20">
                          <div id="objectiveparttab"  style="color: black;"></div>

                        </div>
                    </div>






                </div>
            </div>
            <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-success" id="submit_markedassignment">Submit</button>
                </div>
        </div>
    </div>
</div>


<div class="modal fade" id="ekene_convert_assignmentmodal" tabindex="-1" aria-labelledby="ekene_convert_assignmentmodalLabel" aria-hidden="true" >
            <div class="modal-dialog">
                <div class="modal-content" style="border-radius: 20px;">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">convert</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                <!-- <input type="hidden" id="kdatacamidtheory">
                <input type="hidden" id="kdataidtheory"> -->
                    <input type="hidden" id="">

                    <div class="col-md-12 col-lg-9">
                            <select style="color: #666666;" class="form-select form-select-sm"
                                aria-label="form-select-sm example" id="ekene_ca_select">
                                <option value="NULL">select CA</option>
                            </select>

                        </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-success" id="ekene_convertbutton">Convert</button>
                </div>
                </div>
            </div>
        </div>


        
   <div class="modal fade" id="ekene_publishandunpublish_assignmentmodal" tabindex="-1" aria-labelledby="ekene_convert_assignmentmodalLabel" aria-hidden="true" >
            <div class="modal-dialog">
                <div class="modal-content" style="border-radius: 20px;">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Assignment</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
           
                    <!-- <input type="hidden" id=""> -->

                     <div id="publishandunpulishassignment"></div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-success" id="ekene_publishandunpuishbutton">Submit</button>
                </div>
                </div>
            </div>
        </div>
        
        
        <div class="modal fade" id="britishModal" tabindex="-1" aria-labelledby="britishModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">British Result</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                <div class="modal-body">
                    <div class="display_british_fields"></div>
                </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary upload_students"><i class="fas fa-save"></i> Save</button>
                    </div>
                </div>
            </div>
        </div>

         <?php include ('prossetmodalcontent-forquestion.php'); ?>
          <?php include 'prosloadlessonnotecontentheremodal.php'; ?>

    <!--Script-->
    <!--jquery knob -->
    <script src="../../assets/plugins/knob/jquery.knob.js"></script>

    <script>
        $(function () {
            $('[data-plugin="knob"]').knob();
        });

        // $(window).on('load', function() {
        //     // When the window finishes loading, hide the preloader
        //     $('.preloader').fadeOut('slow');
        // });



    </script>
    <!--Custom JS--->
    <script src="../../assets/plugins/bootstrap5/js/bootstrap.bundle.min.js"></script>

    <!-- pagination js -->
    <script
        src="https://cdnjs.cloudflare.com/ajax/libs/simplePagination.js/1.6/jquery.simplePagination.min.js"></script>

    <!-- notification js -->
    <script src="../../assets/plugins/notify/wnoty.js"></script>

    <!-- image cropper js -->
    <script src="../../assets/plugins/Croppie/croppie.js"></script>
    <script src="../../assets/plugins/Croppie/croppie.min.js"></script>

    <script src="../../js/admin_js/adminScript.js"></script> 

    <!-- current page js -->
    <?php include('../../js/current_page.php'); ?>

    <!-- academic class js -->
    <script src="../../controller/js/teacher/academic-class.js"></script>
    
    
    <!-- administration js -->
    <script src="../../controller/js/admin/administration-student-parent.js"></script>


  

    <!-- image cropper js -->
    <script src="../../assets/plugins/Croppie/croppie.js"></script>
    <script src="../../assets/plugins/Croppie/croppie.min.js"></script>
    <script>
        'use strict';

        ; (function (document, window, index) {
            var inputs = document.querySelectorAll('.abba-inputfile');
            Array.prototype.forEach.call(inputs, function (input) {
                var label = input.nextElementSibling,
                    labelVal = label.innerHTML;

                input.addEventListener('change', function (e) {
                    var fileName = '';
                    if (this.files && this.files.length > 1)
                        fileName = (this.getAttribute('data-multiple-caption') || '').replace('{count}', this.files.length);
                    else
                        fileName = e.target.value.split('\\').pop();

                    if (fileName)
                        label.querySelector('span').innerHTML = fileName;
                    else
                        label.innerHTML = labelVal;
                });

                // Firefox bug fix
                input.addEventListener('focus', function () { input.classList.add('has-focus'); });
                input.addEventListener('blur', function () { input.classList.remove('has-focus'); });
            });
        }(document, window, 0));
    </script>
    
    <script src='../../controller/js/teacher/assignment.js'></script>
     

    
    
    
      <!-- Question Direst Wizard Script -->
      <?php include('../../controller/js/admin/question_direct.php'); ?>

    <!-- Question Bank Wizard Script -->
    <?php include('../../controller/js/admin/question_bank_wizard.php'); ?>
    
    <?php include('../../controller/js/admin/question_settings.php'); ?>
    <?php include('../../controller/js/admin/prosuploadlessonnote.php'); ?>
    
    
</body>

</html>