<?php include ("../../controller/session/session-checker-teacher-student-admin-parents.php"); ?>


<?php
@$langold = $_GET['lang'];

if ($langold == '' || $langold == NULL || $langold == 'undefined') {
	$lang = 'english';
} else {
	$lang = $_GET['lang'];
}
include('../../lang/' . $lang . '.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">
    
    <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'>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <!--This - Morris Chart CSS -->
    <link href="../../assets/plugins/morrisjs/morris.css" rel="stylesheet">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- style sheet -->
    <link rel="stylesheet" href="../../css/user_css/students_css/studentsStyle.css">
    <link rel="stylesheet" href="../../css/admin_css/questionbank.css">

     <!-- Phone Number CDN -->
	<link href="../../css/website_css/cdnjs/intlTelInput.min.css" rel="stylesheet" />
    <script src="../../css/website_css/cdnjs/intlTelInput.min.js"></script>

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

    <style>
        /* language container */
		.centerlangues {
			margin: auto;
			width: 90%;
			background-color: white;
			padding-bottom: 10px;
			padding-top: 10px;
			box-shadow: 0 2px 5px 0 #D3D3D3, 0 3px 11px 0 #D3D3D3;
			border-radius: 9px;
			outline: 1px solid #2e5ca2;
			margin-top: 9%;
    	}
		
		/* Modal CSS */
		/* .grid-container, .modal-open > :not(.modal) {
			filter: blur(3px);
		} */

    .tari-topBanner {
        background-image: url('../../assets/images/banners/7.png');
     }
     .tari_modal{
			border-radius: 25px 25px 0px 0px;
		}

        .pros-flexi-input-affix-wrapper-campus  {
			margin: auto;
			width: 100%;
			background-color: white;
			padding-bottom: 6px;
			padding-top: 6px;
			box-shadow: 0 2px 5px 0 #D3D3D3, 0 3px 11px 0 #D3D3D3;
			border-radius:80px;
			outline: 1px solid #007bff;
			/* align-content: center; */
        }

		.pros-flexi-input{
            outline: none;
            border: none;
            font-family: poppins, sans-serif;
            font-size: 11px;
            user-select: none;
            color:#363949;
        }

		.pasteitems:focus{
			outline: none;
			font-size:29px;
			font-weight:bold;
			top: -20px;
		}
		
		.pasteitems {
			font-size:29px;
			font-weight:bold;
			text-align: center;
		}

        /* Header Profile */
		.avatar {
			cursor: pointer;
			height: 2.375rem;
			position: relative;
			width: 2.375rem;
		}
		.avatar img {
			height: 100%;
			width: 100%;
			border-radius: 5px;
		}
		.avatar .avatar-initial {
			-ms-flex-align: center;
			-ms-flex-pack: center;
			align-items: center;
			background-color: #8592a3;
			bottom: 0;
			color: #fff;
			display: -ms-flexbox;
			display: flex;
			font-weight: 700;
			justify-content: center;
			left: 0;
			position: absolute;
			right: 0;
			text-transform: uppercase;
			top: 0;
		}
		.avatar.avatar-away:after,
		.avatar.avatar-busy:after,
		.avatar.avatar-offline:after,
		.avatar.avatar-online:after {
			border-radius: 100%;
			bottom: 0;
			box-shadow: 0 0 0 2px #fff;
			content: "";
			height: 8px;
			position: absolute;
			right: 3px;
			width: 8px;
		}
		.avatar.avatar-online:after {
			background-color: #71dd37;
		}
		.avatar.avatar-offline:after {
			background-color: #8592a3;
		}
		.avatar.avatar-away:after {
			background-color: #ffab00;
		}
		.avatar.avatar-busy:after {
			background-color: #ff3e1d;
		}
		.w-px-400 {
			width: 400px !important;
		}
		.dropdown-toggle-hide-arrow > .dropdown-toggle:after,
		.dropdown-toggle-hide-arrow > .dropdown-toggle:before,
		.dropdown-toggle.hide-arrow:after,
		.dropdown-toggle.hide-arrow:before {
			display: none;
		}

		.badge.badge-notifications {
			display: inline-block;
			margin: 0;
			position: absolute;
			top: auto;
			-webkit-transform: translate(-50%, -30%);
			transform: translate(-50%, -30%);
		}
		
		.badge.badge-notifications:not(.badge-dot) {
			font-size: 0.582rem;
			line-height: 0.75rem;
			padding: 0.05rem 0.2rem;
		}
    </style>
</head>

<body>

    <!-- Loader -->
    <div id="gx-overlay">
    	<div class="gx-ellipsis">
    		<div></div>
    		<div></div>
    		<div></div>
    		<div></div>
    	</div>
    </div>
    
    <div class="grid-container" id="content">
         
        <!-- Header -->
        <?php include('../../includes/app-header.php'); ?>
        <!--End Header -->


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

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

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

                <div class="row g-3">
                    
                    <div class="col-sm-10 col-md-12 col-lg-10">
                        
                        <div class="row g-2">
                            <div class="col-sm-12 col-md-12">
                                
                                <div class="tari-topBanner" style="height:150px;">
                                    <div class="row g-2">
                                        <div class="col-8">
                                            <div style="margin-top: 10px;">
                                                <h5 style="color: #ffffff;">Hi, <?php echo $StudentFirstName;?></h5>
                                                <p style="color: #ffffff;">My Class!</p>
                                                <small style="color: #ffffff; font-size: 11px;">View your result and do your asssignments seemlessly</small>
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <img class="tari_img-card" src="../../assets/images/student.png" alt="" style="width:auto; height:130px;">
                                        </div>
                                    </div>
                                    
                                </div>

                            </div>
                        </div>

                    </div>

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

                </div>

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

                <!-- 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-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>
                            </ul>


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

                                    <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_view-result_display_term">
                                                                <option value="NULL">Select Term</option>
                                                                <?php

                                                                    $abba_sql_term = ("SELECT * FROM `termorsemester` INNER JOIN termalias ON termorsemester.TermOrSemesterID=termalias.TermOrSemesterID WHERE CampusID='$CampusID' ORDER BY termalias.TermOrSemesterID ASC");
                                                                    $abba_result_term = mysqli_query($link, $abba_sql_term);
                                                                    $abba_row_term = mysqli_fetch_assoc($abba_result_term);
                                                                    $abba_row_cnt_term = mysqli_num_rows($abba_result_term);
                                                                    
                                                                    if($abba_row_cnt_term > 0)
                                                                    {
                                                                
                                                                        do{
                                                                            if($abba_row_term['status'] == '1')
                                                                            {
                                                                                $abba_selected_term = 'selected';
                                                                            }
                                                                            else
                                                                            {
                                                                                $abba_selected_term = '';
                                                                            }
                                                                
                                                                            echo '<option value="'.$abba_row_term['TermOrSemesterID'].'" '.$abba_selected_term.'>'.$abba_row_term['TermAliasName'].'</option>';
                                                                
                                                                        }while($abba_row_term = mysqli_fetch_assoc($abba_result_term));
                                                                
                                                                    }
                                                                    else
                                                                    {
                                                                        echo '<option value="NULL">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_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>
                                                                <?php
                                                                
                                                                    $abba_sql_class = ("SELECT * FROM `classordepartment` INNER JOIN classordepartmentstudentallocation ON classordepartment.CampusID =classordepartmentstudentallocation.CampusID AND classordepartment.ClassOrDepartmentID =classordepartmentstudentallocation.ClassOrDepartmentID WHERE classordepartment.CampusID=$CampusID AND classordepartmentstudentallocation.CampusID=$CampusID AND classordepartmentstudentallocation.StudentID=$studentID  ORDER BY ClassOrDepartmentName ASC");
                                                                    $abba_result_class = mysqli_query($link, $abba_sql_class);
                                                                    $abba_row_class = mysqli_fetch_assoc($abba_result_class);
                                                                    $abba_row_cnt_class = mysqli_num_rows($abba_result_class);
                                                                    
                                                                    if($abba_row_cnt_class > 0)
                                                                    {
                                                                        do{
                                                                
                                                                            echo '<option value="'.$abba_row_class['ClassOrDepartmentID'].'">'.$abba_row_class['ClassOrDepartmentName'].'</option>';
                                                                    
                                                                        }while($abba_row_class = mysqli_fetch_assoc($abba_result_class));
                                                                    }
                                                                    else
                                                                    {
                                                                        echo '<option value="NULL">No Records Found</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_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 view your result</p>
                                                            </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>
                                
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <!-- End Main -->


    </div>

    <!---====Side Modal Start Here====-->
    <div class="modal fade modalshow modalfade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog dialogcontent" style="border-top-left-radius: 20px; width: 300px;">
                <div class="modal-content modalcontent" style="background-color:#ffffff; ">   
                
                    <div class="modal-body modalbodycontent">

                        <div style="position: fixed; margin-left: 0.9rem; padding-top: 20px; display: flex;">
                            <img src="../../assets/images/favicon.png" style="width: 80%" data-dismiss="modal" aria-label="Close">
                        </div>
                        
                        
                        <div width="300px" height="30vh" class="sc-UpCWa ezuGy flexi-sheet-body" open="">
                            <button type="button"  data-bs-dismiss="modal" aria-label="Close" style="float: right; margin-right: 20px; background: #ffffff; border: none;">
                                <span style="color: #525252; font-size: 30px; cursor: pointer;">×</span>
                            </button>
                            
                            <p style="margin-left: 0.9rem; padding-top: 60px; margin-left: 40px; font-weight: 700; color: #525252;">Settings</p>

                            <div width="100%" height="100%" style="margin-top: 50px;" class="sc-pyfCe gtGxgb">

                                <ul  class="rightModalItems">
                                    
                                    <li class="chiTag">RESULT</li>
                                    <li class="chiTagLine"> </li>

                                    <li>
                                        <a href="/school-information">
                                            <i class="fa fa-file-text menuicons"></i> CA Setting
                                        </a>
                                    </li>

                                    <li>
                                        <a href="/other-configs">
                                            <i class="fa  fa-certificate menuicons"></i> Grading Structure
                                        </a>
                                    </li>

                                    <li class="chiTag">FEES</li>
                                    <li class="chiTagLine"> </li>

                                    <li>
                                        <a href="/bank-accounts">
                                            <i class="fa fa-bank menuicons"></i>School Bank accounts
                                        </a>
                                    </li>

                                    <li>
                                        <a href="/fees-configuration">
                                            <i class="fa  fa-money menuicons"></i> Fees Configuration
                                        </a>
                                    </li>

                                    <li class="chiTag">ACADEMICS</li>
                                    <li class="chiTagLine"> </li>

                                    <li>
                                        <a href="/subjects">
                                            <i class="fa fa-calendar menuicons"></i> Calendar
                                        </a>
                                    </li>

                                    <li>
                                        <a href="/early-years-grading">
                                            <i class="fa fa-clock-o menuicons"></i>Time Table</a>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="/grading-format">
                                            <i class="fa fa-address-book menuicons"></i> Scheme of work
                                        </a>
                                    </li>

                                    <li>
                                        <a href="/grading-format">
                                            <i class="fa fa-cogs menuicons"></i> Website Setting
                                        </a>
                                    </li>

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

                    </div>
                </div>
        </div>
    </div>
    <!---====Side Modal End Here====-->
   
    
    <!-- Modal container it includes the overlay -->
	<div class="modal fade" id="exampleModal" tabindex="-1" data-bs-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg tari_modal_dialog">
			<div class="modal-content tari_modal">
			<div class="modal-header border-0">
				<!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> -->
				<!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> -->
			</div>
			<div class="modal-body">
				<!-- =======default language start here====== -->
				<div id="changelang"  style="display:none; background-color:white;border-radius:21px; padding-top:20px; padding-bottom:20px;">
					<center>
						<img src="vi.png" style="width:15%;">
					</center>
					<center>
						<h4>
							<b>
							<?php echo $portal_prelanguagequestion; ?>
							</b>
						</h4>
					</center>
					<center>
						<p class="" style="color:#5A5A5A;font-size:15px;margin-left:5%;">
							<?php echo $portal_hi; ?>
							<b>
								<?php echo  ucwords($StudentFirstName); ?>
							</b>,
							<?php echo $portal_sellang_info; ?>
							<br>
							<?php echo $portal_sellang_des; ?>
						</p>
					</center>
					<div class="card-body">
						<div class="row" align="center">
							<div class="col-sm-4">
								<div class="centerlangues">
									<input type="radio" class="defaultlang english with-gap englishclick"  value="english" id="radio-btn" name="radio-btn">
									<label style="margin-left:15px;font-size:13px;" for="radio-btn">English</label>
									<!-- <span style="float:right;margin-right:5%;"><i
											class="flag-icon flag-icon-us"></i></span> -->
								</div>
							</div>
							<div class="col-sm-4">
								<div class="centerlangues">
									<input type="radio" class="defaultlang french with-gap frenchclick" value="french" id="radio-btnone" name="radio-btn" style="cursor:pointer;">
									<label style="margin-left:15px;font-size:13px;" for="radio-btnone">français</label>
										
									<!-- <span style="float:right;margin-right:5%;"><i
											class="flag-icon flag-icon-fr"></i></span> -->
								</div>
							</div>
							<div class="col-sm-4">
								<div class="centerlangues">
									<input type="radio" class="defaultlang spanish with-gap spanishclick"  value="spanish" id="spanish" name="radio-btn" style="cursor:pointer;">
									<label style="margin-left:15px;font-size:13px;" for="spanish">español</label>	
									<!-- <span style="float:right;margin-right:5%;"><i
											class="flag-icon flag-icon-es"></i></span> -->
								</div>
							</div>
							<div class="col-sm-4">

								<div class="centerlangues">

									<input type="radio" class="defaultlang chinese with-gap chineseclick"  value="chinese" id="chinese" name="radio-btn" style="cursor:pointer;">
									<label style="margin-left:15px;font-size:13px;" for="chinese">中文</label>
									<!-- <span style="float:right;margin-right:5%;"><i
											class="flag-icon flag-icon-ch"></i></span> -->
								</div>

							</div>
							<div class="col-sm-4">
								<div class="centerlangues">
									<input type="radio" class="defaultlang arabic with-gap arabicclick"  value="arabic" id="arabic" name="radio-btn" style="cursor:pointer;">
									<label style="margin-left:15px;font-size:13px;" for="arabic">العربية</label>
									<!-- <span style="float:right;margin-right:5%;"><i
											class="flag-icon flag-icon-eh"></i></span> -->
								</div>
							</div>
							<div class="col-sm-4 col-lg-4">
								<div class="centerlangues">
									<input type="radio" class="defaultlang hindi with-gap hindicclick"  value="hindi" id="hindi" name="radio-btn" style="cursor:pointer;">
									<label style="margin-left:15px;font-size:13px;" for="hindi">हिंदी</label>
									<!-- <span style="float:right;margin-right:5%;"><i
											class="flag-icon flag-icon-ci"></i></span> -->
								</div>
							</div>
							<div class="col-sm-4">
								<div class="centerlangues">
									<input type="radio" class="defaultlang yoruba with-gap yorubaclick"  value="yoruba" id="yoruba" name="radio-btn" style="cursor:pointer;">
									<label style="margin-left:15px;font-size:13px;" for="yoruba">Yoruba</label>
									<!-- <span style="float:right;margin-right:5%;"><i
											class="flag-icon flag-icon-ch"></i></span> -->
								</div>
							</div>
							<div class="col-sm-4">
								<div class="centerlangues">
									<input type="radio" class="defaultlang hausa with-gap hausaclick"  value="hausa" id="hausa" name="radio-btn" style="cursor:pointer;">
									<label style="margin-left:15px;font-size:13px;" for="hausa">Hausa</label>
									<!-- <span style="float:right;margin-right:5%;"><i
											class="flag-icon flag-icon-eh"></i></span> -->
								</div>
							</div>
							<div class="col-sm-4 col-lg-4">
								<div class="centerlangues">
									<input type="radio" class="defaultlang igbo with-gap igboclick"  value="igbo" id="igbo" name="radio-btn" style="cursor:pointer;">
									<label style="margin-left:15px;font-size:13px;" for="igbo">Igbo</label>
									<!-- <span style="float:right;margin-right:5%;"><i
											class="flag-icon flag-icon-ci"></i></span> -->
								</div>
							</div>
							<br>
							<button type="button" id="defaultlangbtn" data-id="11" style="background-color:#007bff;cursor:pointer;margin-top:2%;margin-left:2%;width:96%;" class="btn btn-block btn-lg text-light">
								<?php echo $portal_proceed; ?> 
								<i class="fa fa-long-arrow-right" style="font-size: 13px;"></i>
							</button>
						</div>
					</div>

				</div>
				<!-- =======default language end here====== -->

				 <!-- =======ai welcoming  start here====== -->
				 <div id="displayaiwelcome" style="background-color:white;padding:8px;padding-bottom:15px;margin-top:5%;border-radius:10px;display:none;"> 
					<div class="row">
						<div class="col-sm-12">
						<u style="cursor:pointer;float:right;margin-right:3%;" class="" id="previoutAI">
								<i class="fa fa-long-arrow-left" style="font-size:11px;"></i>
								<?php echo $portal_back; ?>
						</u>
						</div>
					</div>    
					<div class="row">
						<div class="col-sm-7" align="left" style="margin-top:8%;">
							<p> <strong><?php echo $portal_welcometo; ?>
									<div style="font-size:14px;">
										<?php echo $portal_AI_onboarding_introduction; ?>
									</div>
								</strong>
							</p>
							<button type="button" id="ai-btn" data-id="10"
								style="background-color:#007bff;cursor:pointer;margin-top:5%;width:93%;font-size:15px;"
								class="btn btn-block btn-lg text-light"><?php echo $portal_proceed; ?>
								<i  class="fa fa-long-arrow-right" style="font-size: 13px;float:right;"></i>
							</button>
						</div>
						<div class="col-sm-5 d-none d-sm-block  d-xm-block text-right" id="aimessageimagediv">
							<img src="../../assets/images/users/aiimage.jpg" id="aiimage">
						</div>
					</div>
				</div>
				<!-- =======ai welcoming  end here====== -->

				<!-- ======Verify Phone Number===== -->
				<div class="row" id="verifyphone" style="display:none;padding-left:5px; padding-right:5px;">
					<div class="col-sm-12" align="center">
						<u style="cursor:pointer;float:right;margin-right:3%;" class="" id="previousdisplay">
							<i class="fa fa-long-arrow-left" style="font-size:11px;"></i>
							<?php echo $portal_back; ?>
						</u>
						<div class="row">
							<h4 class="schoolheading"  style="line-height: 35px; color:black;" >Verify Phone Number</h4><br>
							<span class="">How do you wish yo be verified, Kindly select an option below</span><br>
							<span class=""></span><br>
						</div>
					</div>
					<div class="col-sm-12">
						<a href="" id="pros-watchtutorial" style="color:blue;font-size:13px;cursor:pointer;float:right;"><i class=" fa fa-play-circle" style="font-size:20px;"></i> Watch tutorial</a> 
					</div>
					<div class="col-md-6 mb-3">
                    	<div class="card stafflink-card bringformlink" data-id="1" style="cursor:pointer;">
						<!-- Card content for box 1 -->
                            <div class="card-body" style="border:none;border:1px solid #007bff;border-radius:5px;height:100px;">
							<div class="radio-group">
									<input type="radio" style="cursor:pointer;float:right;" class="with-gap inviteuser-create  bringformlink" id="invitelink" value="Invite Staff" name="inviteuser-link">
									<label class="ml-1 mb-2" for="invitelink" style="font-weight:600;cursor:pointer;">
										<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="green" class="bi bi-whatsapp" viewBox="0 0 16 16">
										<path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/>
										</svg> WhatsApp 
									</label>
								</div>
								<p style="font-size: 12px;">You will recieve an OTP Code on your Whatsapp.</p>
							</div>
						</div>
					</div>  
					<div class="col-md-6 mb-3">
						<div class="card stafflink-card bringformlink" data-id="2" style="cursor:pointer;">
							<div class="card-body" style="border:none;border:1px solid #007bff;border-radius:5px;;height:100px;">
								<div class="radio-group">
									<input type="radio" style="cursor:pointer;float:right;" class="with-gap inviteuser-create bringformlink" id="createstaff" value="Create staff" name="inviteuser-link">
									<label class="ml-1 mb-2" for="createstaff" style="font-weight:600;cursor:pointer;">
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="blue" class="bi bi-envelope" viewBox="0 0 16 16">
										<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
										</svg> SMS
									</label>
								</div>
								<p style="font-size: 12px;">You will recieve an OTP Code on your Phone</p>
							</div>
						</div><br>
					</div>
					<div class="row">
						<div class="col-sm-12"  id="displaystaffemail" style="display:none; margin-left:10px;">
							<div class="row">
								<div class="col-sm-12 mb-3">
									<div class="pros-geneclass-label"  style="width: 100%; text-transform: uppercase;position: relative; font-weight: 700; display: block; font-size: 11px; font-family: poppins, sans-serif;"><label for="schoolName"></label></div>
										<div class="pros-flexi-input-affix-wrapper-campus">
											<input name="WhatsappNumber[main]" class="pros-flexi-input WhatsappNumber" placeholder="e.g XXXX-XXX-XXXX" id="WhatsappNumber" type="text" spacebottom="10px" required="" value ="<?php echo $StudentPhone; ?>" style="width: 95%;margin-left:4%;">
										</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-12">
									<div class="form-group">
										<button type="button" id="whatsapp_send" class="btn btn-primary form-control" style="font-size:14px; border-radius: 20px;">Send OTP</button>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-12" id="displaystaffemail2" style="display:none;">
						<div class="row">
								<div class="col-sm-12 mb-3">
									<div class="pros-geneclass-label"  style="width: 100%; text-transform: uppercase;position: relative; font-weight: 700; display: block; font-size: 11px; font-family: poppins, sans-serif;"><label for="schoolName"></label></div>
										<div class="pros-flexi-input-affix-wrapper-campus">
											<input name="WhatsappNumber2[main]" class="pros-flexi-input WhatsappNumber2" placeholder="e.g XXXX-XXX-XXXX" id="WhatsappNumber2" type="text" spacebottom="10px" required="" value ="<?php echo $StudentPhone; ?>" style="width: 95%;margin-left:4%;">
										</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-12">
									<div class="form-group">
										<button type="button" id="sms_send" class="btn btn-primary form-control" style="font-size:14px; border-radius: 20px;">Send OTP</button>
									</div>
								</div>
							</div>
						</div>           
					</div>
                    <div class="col-sm-12">
						<a id="skip_btn" class="btn" href="" style="cursor:pointer;float:right;">Skip</a>
				    </div>
				</div>
				<!-- ====== End Verify Phone Number===== -->

				<!-- Verification Code -->
				<div class="row" align="center" id="verifysms" style="display:none;">
					<div class="col-md-12">
						<img id="edumessblue" width="150" class="img-fluid" src="../../assets/images/website_images/edumes-blue.png" style="margin-top:2.5%;">
						<div  id="" class="" style="box-shadow:0 0px 0px 0 #D3D3D3; border-radius:10px; margin-top:2%;">
							<h3 style="padding-top:40px; padding:20px;" id="verificatitle"><?php echo $website_signup_verication_title; ?></h3>
							<!-- <p style="color:#92929D;font-size:15px;font-family: Arial, Helvetica, sans-serif;padding-top:40px;"><?php echo $website_signup_verication_title_des;?> <?php echo $email;?></p>
							<p style="color:#92929D;font-size:15px;padding-top:40px;padding-bottom:40px;" ><?php echo $website_signup_verication_title_dessub;?></p>
								<span id="pwmatcherr"></span> -->
								<div class="centerverification pin">
									<input type="text"  id="areaCode" value="" size = "1" maxlength="1"  autocomplete="off" required pattern="\d{1}" autofocus class="pasteitems" style="width:40px;border:none;background-color:#F1F5F9;border-bottom:2px solid #00008B;">&nbsp&nbsp
									<input type="text" id="firstNum" value=""  size = "1" maxlength="1" autocomplete="off" required pattern="\d{1}" class="pasteitems"  style="width:40px;border:none;background-color:#F1F5F9;border-bottom:2px solid #00008B;">&nbsp&nbsp
									<input type="text" id="secondNum" value=""  size = "1" maxlength="1" autocomplete="off" required pattern="\d{1}" class="pasteitems"  style="width:40px;border:none;background-color:#F1F5F9;border-bottom:2px solid #00008B;">&nbsp&nbsp
									<input type="text" id="thirdNum" value=""  size = "1" maxlength="1" autocomplete="off" required pattern="\d{1}" class="pasteitems" style="width:40px;border:none;background-color:#F1F5F9;border-bottom:2px solid #00008B;">&nbsp&nbsp
									<input type="text" id="fourthNum" value=""  size = "1" maxlength="1" autocomplete="off" required pattern="\d{1}" class="pasteitems" style="width:40px;border:none;background-color:#F1F5F9;border-bottom:2px solid #00008B;">&nbsp&nbsp
									<input type="text" id="fifthNum" value=""  size = "1" maxlength="1" autocomplete="off" required pattern="\d{1}" class="pasteitems" style="width:40px;border:none;background-color:#F1F5F9;border-bottom:2px solid #00008B;">&nbsp&nbsp
								</div> 
								<br>

								<!-- Timer display -->
								<span id="timer">00:00</span>
								<br>

								<span id="timer2"></span>

								<span id="timer3"></span>
								
								
								<!--w-10 h-[100px] border-b-2 border-[#35977F] !bg-[#F1F5F9] undefined focus:outline-none focus:border-[#35977F] focus:border-b-4 text-center text-2xl font-semibold -->
								<div class="row" id="hide_resend">
									<span style="margin-top:50px;color:#92929D;font-size:17px;">
										<?php echo $website_signup_verication_title_didrecicecode; ?>
									</span><br>
									<span class="button" id="sms_send" style="color: #0066ff;cursor: pointer; font-size:17px;">
										<?php echo $website_signup_verication_title_resendcode; ?>
									</span>
									<br>
								</div>

								<div class="row col-6 mt-2">
									<button type="button" id="verifyotp" class="btn waves-effect waves-light text-light"  style="background-color:#0047AB;"><?php echo $website_signup_verication_title_btntitle;?></button><br><br>
								</div>
					</div>    
						<!-- <p style="padding-top:40px;color:#92929D;" id="signin"><?php echo $website_signup_verication_title_alreadyhavacc;?> <a href="../sign-in?lang=<?php echo $lang; ?>"><?php echo $website_signup_verication_title_havacclink;?></a></p> -->
						</div> 
				</div>
				<!-- End of Verification Code -->
		</div>
			<!-- <div class="modal-footer border-0">
				<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary">Save changes</button>
			</div> -->
			</div>
		</div>
	</div>
    <!--Script-->
    
    
    
    <!-- 
    //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>  

                          
                    </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="false">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="studentsubmitwarning" tabindex="-1" aria-labelledby="studentsubmitwarningmodalLabel" 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">Submit</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="studentcampussubmit">
                    <input type="hidden" id="studentassignmentidsubmit">
                    <p style="color: red">Warning!!! Once you submit your answers, you won't be able to make any changes.</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-success" id="studentyesbutton">Yes</button>
                </div>
                </div>
            </div>
        </div>
      




        
        <div class="modal fade" id="student_answermodal" 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-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">
                                  
                                    <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;">No Assignment.</p>';
                                                            }
                                                    

                                                        ?>

                                                    </div>
                                                </div>

                                            </div>
                                        </div>

                                    </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">
                                        
                                    </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;">No Assignment.</p>';
                                                            }
                                                    

                                                        ?>

                                                    </div>
                                                </div>

                                            </div>
                                        </div>

                                    </div>
                                          


                                </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="studentsubmitassignment">Submit</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="Label" 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">
                             
                             </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="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_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>
   
    <!--Script-->
      <!--jquery knob -->
      <script src="../../assets/plugins/knob/jquery.knob.js"></script>
      <script>
          
      $(function() {
          $('[data-plugin="knob"]').knob();
      });
      </script>
    <!--Custom JS--->
    <script src="../../js/user_js/students_js/studentsScript.js"></script>
    <script src="../../assets/plugins/bootstrap5/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/3.40.0/apexcharts.min.js"></script>
    
    
    
    
   
  
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"
        integrity="sha512-GsLlZN/3F2ErC5ifS5QtgpiJtWd43JWSuIgh7mbzZ8zBps+dvLusV+eNQATqgA/HdeKFVgA5v3S/cIrLF7QnIg=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>

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

    <!-- Complete Setup JS -->
	<?php include('../../controller/js/student/get-student-result-sheet.php'); ?>
	
     <!-- Language Translate -->
	<script>
		$('body').on('change', '#changelanguage', function () {

			var lang = $(this).val();

			localStorage.setItem('lang', lang);

			location.href = '<?php echo $defaultUrl; ?>/home/?lang=' + lang;
		});

		$(document).ready(function () {
			$('#changelanguage').val('<?php echo $lang; ?>');

		});
	</script>
<script src='../../controller/js/student/assignment.js'></script>
</body>

</html>