<?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">
    <title>EduMESS responsive Dashboard</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="https://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'>

    <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/parents_css/parentStyle.css">

    <!-- style sheet -->
    <link rel="stylesheet" href="../../css/admin_css/appStyle.css">
    
    <!-- notification css-->
    <link href="../../assets/plugins/notify/wnoty.css" rel="stylesheet">
    <!-- 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>
         /* .main-cards .topSecCardsOrange{
            background-image: url('../assets/images/Parent-Images/orange1.jpg') !important;
        } */

        
		/* 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_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;
		}

		.tari-topBanner {
			background-image: url('../../css/user_css/teacher/banners/7.png');
		}

        /* 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;
		}
    
        .countdown {
            display: flex;
            justify-content: center;
            gap: 25px;
            position: relative;
        }
        .box{
            width: 10vmin;
            height: 10vmin;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-evenly;
            position: relative;
            box-shadow: 15px 15px 30px #cacbcc;
            border-radius: 10px 10px 10px 10px;
        }
        .box:after{
            content: "";
            position: absolute;
            background-color: rgba(255,255,255,0.12);
            height: 100%;
            width: 50%;
            left: 0;
            border-radius: 10px 10px 10px 10px;
        }
        span.num{
            background-color: #f5f5f5;
            height: 100%;
            width: 100%;
            display: grid;
            place-items: center;
            font-weight: 600;
            font-size: 20px;
            border-radius: 10px 10px 0 0;
        }
        span.text{
            font-size: 10px;
            background-color: #007ffb;
            display: block;
            width: 100%;
            text-align: center;
            padding: 0.5em 0;
            font-weight: 400;
            color: #fff;
            border-radius: 0px 0px 10px 10px;
        }
    </style>
   

  
</head>
               <!-- ====PROS CURRENT SESSION COLLECTED HERE====== -->
                <?php

                    $currentsessionquery = mysqli_query($link, "SELECT * FROM `session` WHERE `sessionStatus`='1'");
                    $currentsessionquerycnt =  mysqli_num_rows($currentsessionquery);
                    $currentsessionquerycnt_row =  mysqli_fetch_assoc($currentsessionquery);

                    $sessionName =  $currentsessionquerycnt_row['sessionName'];
                ?>
                <!-- ====PROS CURRENT SESSION COLLECTED HERE====== -->
<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'); ?>


        <!--======Floating Button=========-->
        <!-- Buttons-->
        <a href="#" class="dashfloat " style="font-size: 14px; text-decoration: none; font-weight: 500;">
            <i class="fa fa-question-circle-o" aria-hidden="true"></i> Help
        </a>
        <ul class="floatBtn">  
            <li class="floatBtnli">
                <a href="#">
                    <i class="bx bx-user-circle icon"></i> <span>Ai Support</span>
                </a>
            </li>
            <li class="floatBtnli">
                <a href="#" style="background: #4CAF50;">
                    <i class="fa fa-whatsapp icon"></i> <span>Whatsapp</span>
                </a>
            </li>
            <li class="floatBtnli">
                <a href="#" style="background: #FF9800">
                    <i class="fa fa-book icon"></i> <span>Tutorial</span>
                </a>
            </li>
        </ul> 
        <!-- End - Buttons -->
        <!--======Floating Button=========-->



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

            <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>
                            </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>
                                                                
                                                            </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-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>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <!-- End Main -->

    </div>

    <!-- 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  ucfirst(strtolower($ParentFirstName)); ?>
							</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 eng">
									<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-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-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;">      
					<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 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 $ParentWhatsappNumber; ?>" 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 $ParentWhatsappNumber; ?>" 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>
				<!-- ====== 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>


    <!-- Modal -->
        <div class="modal fade" id="profeepaymentmodal" tabindex="-1" aria-labelledby="profeepaymentmodalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content ">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">PAY FEES</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>

                    <div class="modal-body">
                        <div class="container">
                            <div class="row m-0">
                                <div class="col-md-7 col-12">
                                    <div class="row">
                                        <div class="col-12 mb-4">
                                            <div class="row box-right prosloadcontenttypeinstant">
                                            
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-12 ps-md-5 p-0 ">
                                    <div class="h8">

                                    <div class="table-responsive prosloadfeecontent">
                                        
                                    </div>
                                    <div class="form">

                                        <div class="row">
                                            <div class="col-12">
                                                <center>
                                                <h4 class="p-blue h8 fw-bold  " style="font-weight:bold;">PAYMENT TYPE</h4>
                                                <span class="textmuted h8" style="font-weight:bold;">Kindly Select payment method below </span>
                                                </center>
                                                <br>
                                            </div>


                                            <center>
                                                <div  class="my-4" style="margin-left:40px;"> 
                                                        <input  class="prosgeneralpaymenttypecheck"  type="radio" value="wallet" name="chargeTypeshedule" id="walletschedule" checked> <label class="" for="walletschedule"><strong>Wallet</strong></label>
                                                        <input class="ms-3 prosgeneralpaymenttypecheck" value="saved"  type="radio" name="chargeTypeshedule" id="savedschedule"> <label class="" for="savedschedule"><strong>Saved</strong></label>
                                                        <input class="ms-3 prosgeneralpaymenttypecheck" value="blocked"    type="radio" name="chargeTypeshedule" id="blockschedule"> <label class="" for="blockschedule"><strong>Locked</strong></label>
                                                </div>
                                            </center>



                                            <div class="col-12">
                                                    <div class="form-floating mb-3">
                                                        <input type="number"
                                                            style="height: 50px; border: none; border-bottom: #b3b3b3 solid 1px;"
                                                            class="form-control form-control-sm prospepaymentamount" id="floatingInput"
                                                            placeholder="name">
                                                        <label for="floatingInput"
                                                            style="color: #afafaf; margin-top: 2px; font-weight: 500;">Amount</label>
                                                    </div>
                                            </div>
                                    
                                        </div>
                                        <br>
                                    </div>

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

                        <button class="btn btn-danger btn-lg prosmakepaymentbtn" style="width:100%;"> PAY ₦ <span id="displaybtnamount">0</span>
                            <span class="ms-3 fa fa-arrow-right"></span>
                        </button>
                    </div>

            <div class="modal-footer">
                    
            </div>
            </div>
        </div>
        </div>
   





   
    <!--Script-->
    <!--jquery knob -->
    <script src="../../js/user_js/parents_js/knob/jquery.knob.js"></script>
     <script src="../../js/user_js/parents_js/knob/jquery.knob.min.js"></script>
    
    
    <script>
    
      $(document).ready(function(){
        
            $(function() {
                
                $('[data-plugin="knob"]').knob();
            });
      });  
    </script>
    <!--google chart-->
    <!--Apexcharts-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/3.40.0/apexcharts.min.js"></script>
    <!--Custom JS--->
    <script src="../../js/user_js/parents_js/parentScript.js"></script>
    <script src="../../assets/plugins/bootstrap5/js/bootstrap.bundle.min.js"></script>

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

    <!-- Complete Setup JS -->
	<?php include('../../controller/js/parent/get-student-result-sheet.php'); ?>
</body>

</html>