<?php
    @include('../../controller/config/config.php');

    @include('../../../controller/config/config.php');
    
    // Get the encrypted data from the URL parameter
    $encrypted_message = $_GET['const']; // Replace 'encrypted_data' with the actual parameter name

    
    // Encryption algorithm and mode (must be the same algorithm used for encryption)
    $encryption_algo = "AES-256-CBC"; // Replace with the correct encryption algorithm used


    // Decode the encrypted message from base64
    $decoded_message = base64_decode($encrypted_message);

    // Extract the IV and ciphertext from the decoded message
    $iv_size = openssl_cipher_iv_length($encryption_algo); // Ensure $encryption_algo matches the encryption algorithm used in the encryption process
    $iv = substr($decoded_message, 0, $iv_size);
    $cipher_text = substr($decoded_message, $iv_size);

    // Secret key (must be the same key used for encryption)
    $secret_key = "16-character-secret"; // Replace with your secure secret key

    // Perform decryption
    $decrypted_data = openssl_decrypt($cipher_text, $encryption_algo, $secret_key, OPENSSL_RAW_DATA, $iv);

    // Parse the string as a URL-encoded query string
    parse_str($decrypted_data, $parsedData);

    // Get the values of class, term, session, camp, and studentid
    $studentID = isset($parsedData['id']) ? $parsedData['id'] : null;
    $camp = isset($parsedData['camp']) ? $parsedData['camp'] : null;
    $usertype = isset($parsedData['usertype']) ? $parsedData['usertype'] : null;
    $whoid = isset($parsedData['whoid']) ? $parsedData['whoid'] : null;
    $whotype = isset($parsedData['whotype']) ? $parsedData['whotype'] : null;
    
    if($whoid === '3')
    {
        $edit_btn = 'display:none;';
    }
    else
    {
        $edit_btn = '';
    }

    $sqlfromsession = ("SELECT * FROM `student` WHERE StudentID ='$studentID' AND CampusID = '$camp'");
    $resultfromsession = mysqli_query($link, $sqlfromsession);
    $rowfromsession = mysqli_fetch_assoc($resultfromsession);
    $row_cntfromsession = mysqli_num_rows($resultfromsession);
    
    if($row_cntfromsession > 0)
    {
        
        $ParentID = $rowfromsession['ParentID'];
        $CampusID = $rowfromsession['CampusID'];
        
        
        $sqlfromsession_campus = ("SELECT * FROM `campus` WHERE CampusID ='$CampusID'");
        $resultfromsession_campus = mysqli_query($link, $sqlfromsession_campus);
        $rowfromsession_campus = mysqli_fetch_assoc($resultfromsession_campus);
        $row_cntfromsession_campus = mysqli_num_rows($resultfromsession_campus);
        
        $abba_sql_session_fst = ("SELECT * FROM `session` WHERE sessionStatus = '1' ORDER BY sessionName DESC");
        $abba_result_session_fst = mysqli_query($link, $abba_sql_session_fst);
        $abba_row_session_fst = mysqli_fetch_assoc($abba_result_session_fst);
        $abba_row_cnt_session_fst = mysqli_num_rows($abba_result_session_fst);

        if ($abba_row_cnt_session_fst > 0) {
            
            $abba_selected_session_fst = $abba_row_session_fst['sessionName'];
            
        } 
        else {
            
            $abba_selected_session_fst = 'NIL';
            
        }
        
        
        $sqlfroms_classordepartmentstudentallocation = ("SELECT * FROM `classordepartmentstudentallocation` INNER JOIN classordepartment ON classordepartmentstudentallocation.ClassOrDepartmentID = classordepartment.ClassOrDepartmentID AND classordepartmentstudentallocation.CampusID = classordepartment.CampusID WHERE classordepartment.CampusID ='$CampusID' AND classordepartmentstudentallocation.CampusID ='$CampusID' AND StudentID = '$studentID' AND Session = '$abba_selected_session_fst'");
        $resultfroms_classordepartmentstudentallocation = mysqli_query($link, $sqlfroms_classordepartmentstudentallocation);
        $rowfroms_classordepartmentstudentallocation = mysqli_fetch_assoc($resultfroms_classordepartmentstudentallocation);
        $row_cntfroms_classordepartmentstudentallocation = mysqli_num_rows($resultfroms_classordepartmentstudentallocation);
        
        $InstitutionID = $rowfromsession_campus['InstitutionID'];
        
        $class_ID = $rowfroms_classordepartmentstudentallocation['ClassOrDepartmentID'];
        
        $class_name = $rowfroms_classordepartmentstudentallocation['ClassOrDepartmentName'];
        
        $session_name = $rowfroms_classordepartmentstudentallocation['Session'];
        
        $StudentTypeBoardingOrDay = $rowfromsession['StudentTypeBoardingOrDay'];
        $StudentFirstName = $rowfromsession['StudentFirstName'];
        $StudentMiddleName = $rowfromsession['StudentMiddleName'];
        $StudentLastName = $rowfromsession['StudentLastName'];
        $StudentDOB = $rowfromsession['StudentDOB'];
        $StudentGender = $rowfromsession['StudentGender'];
        $StudentPhone = $rowfromsession['StudentPhone'];
        $StudentEmail = $rowfromsession['StudentEmail'];
        $StudentCountry = $rowfromsession['StudentCountry'];
        $StudentCountryAddress = $rowfromsession['StudentCountryAddress'];
        
        $StudentState = $rowfromsession['StudentState'];
        $StudentLga = $rowfromsession['StudentLga'];
        $StudentCity = $rowfromsession['StudentCity'];
        $StudentAddress = $rowfromsession['StudentAddress'];
        $StudentDOA = $rowfromsession['StudentDOA'];
        $StudentBloodGroup = $rowfromsession['StudentBloodGroup'];
        $StudentReligion = $rowfromsession['StudentReligion'];
        $StudentPhoto = $rowfromsession['StudentPhoto'];
        
        $StudentDisability = $rowfromsession['StudentDisability'];
        $StudentAllergies = $rowfromsession['StudentAllergies'];
        
        $StudentTrashStatus = $rowfromsession['StudentTrashStatus'];
        $AlumniStatus = $rowfromsession['AlumniStatus'];
        $StudentTagID = $rowfromsession['tagID'];
        $StudentLang = $rowfromsession['Lang_Val'];
        $StudentOTP = $rowfromsession['OTP'];
        
        $St = mysqli_query($link, "SELECT * FROM `userlogin` WHERE UserID = '$studentID' AND InstitutionIDOrCampusID = '$camp' AND Usertype = 'student'");
        $ft = mysqli_fetch_assoc($St);
        
        $AdmissionNumber = $ft['UserRegNumberOrUsername'];

    }
    else
    {
        
        $ParentID = 'NA';
        $CampusID = 'NA';
        
        $InstitutionID = 'NA';
        
        $StudentTypeBoardingOrDay = 'NA';
        $StudentFirstName = 'NA';
        $StudentMiddleName = 'NA';
        $StudentLastName = 'NA';
        $StudentDOB = 'NA';
        $StudentGender = 'NA';
        $StudentPhone = 'NA';
        $StudentEmail = 'NA';
        $StudentCountry = 'NA';
        $StudentCountryAddress = 'NA';
        
        $StudentState = 'NA';
        $StudentLga = 'NA';
        $StudentCity = 'NA';
        $StudentAddress = 'NA';
        $StudentDOA = 'NA';
        $StudentBloodGroup = 'NA';
        $StudentReligion = 'NA';
        $StudentPhoto = 'NA';
        
        $StudentDisability = 'NA';
        $StudentAllergies = 'NA';
        
        $StudentTrashStatus = 'NA';
        $AlumniStatus = 'NA';
        $StudentTagID = 'NA';
        $StudentLang = 'NA';
        $StudentOTP = 'NA';
        
        $AdmissionNumber = 'NA';

    }
    
?>
<!DOCTYPE html>
<html lang="en">

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

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

    <link href='https://cdn.datatables.net/1.13.7/css/jquery.dataTables.min.css' rel='stylesheet'>
    <!-- fontawesome cdn -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />

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

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

    <!-- style sheet -->
    <link rel="stylesheet" href="../../css/user_css/students_css/studentsStyle.css">

	<!-- Profile CSS -->
	<link rel="stylesheet" href="../../css/user_css/teacher_css/page-profile.css">
	<link rel="stylesheet" href="../../css/user_css/teacher_css/profile.css">

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

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

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

     <!-- Bootstrap Tagsinput JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.min.js"></script>

    <style>
        .coming_soon {
            position: relative;
        }
        
        .coming_soon::after {
            content: "Coming Soon...";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.7); /* White with transparency */
            backdrop-filter: blur(1px); /* Apply blur effect */
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            font-size: 15px;
            font-weight: 600;
        }
        
		/* 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%;
    	}
		

		.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;
        }
		.tari_pasteitems:focus{
			outline: none;
			font-size:29px;
			font-weight:bold;
			top: -20px;
		}
		
		.tari_pasteitems {
			font-size:29px;
			font-weight:bold;
			text-align: center;
		}

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

		
        /* Header Profile */
		.tari_avatar {
			cursor: pointer;
			height: 2.375rem;
			position: relative;
			width: 2.375rem;
		}
		.tari_avatar img {
			height: 100%;
			width: 100%;
			border-radius: 5px;
		}
		.tari_avatar .tari_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;
		}
		.tari_avatar.tari_avatar-away:after,
		.tari_avatar.tari_avatar-busy:after,
		.tari_avatar.tari_avatar-offline:after,
		.tari_avatar.tari_avatar-online:after {
			border-radius: 100%;
			bottom: 0;
			box-shadow: 0 0 0 2px #fff;
			content: "";
			height: 8px;
			position: absolute;
			right: 3px;
			width: 8px;
		}
		.tari_avatar.tari_avatar-online:after {
			background-color: #71dd37;
		}
		.tari_avatar.tari_avatar-offline:after {
			background-color: #8592a3;
		}
		.tari_avatar.tari_avatar-away:after {
			background-color: #ffab00;
		}
		.tari_avatar.tari_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;
		}

		/* my Kids Cards */
		.main-cards .topSecCards {
			background: #f7fff7;
			border-radius: 8px;
			box-shadow: #97979733 0px 8px 24px;
		}

		.main-cards .topSecCardsPrimary {
			background: #0066FF;
			border-radius: 8px;
			box-shadow: #c8d1da33 0px 8px 24px;
		}
		.chiActive {
			border: 1px solid #01df77;
			color: #009751;
			font-weight: 500;
			text-align: center;
			font-size: 12px;
			margin-right: 0px;
			border-radius: 7px;
			background-color: #bdffe0;
			padding: 10px;
		}


		.chiBlock {
			width: 60px;
			border: 1px solid #f74141;
			color: #ff0000;
			float: right;
			text-align: center;
			font-weight: 500;
			font-size: 12px;
			margin-right: 0px;
			margin-top: -15px;
			border-radius: 7px;
			background-color: #ffbdbd;
			padding: 2px;
		}

		.chiInActive {
			width: 60px;
			border: 1px solid #585858;
			color: #585858;
			float: right;
			text-align: center;
			font-weight: 500;
			font-size: 12px;
			margin-right: 0px;
			margin-top: -15px;
			border-radius: 7px;
			background-color: #dedcdc;
			padding: 2px;

		}

		/* Edit Form CSS */

		.form-group.local-forms {
   			 margin-bottom: 40px;
		}
		.local-forms {
    		position: relative;
		}
		.local-forms label {
			font-size: 13px;
			color: #ababab;
			font-weight: 100;
			position: absolute;
			top: -10px;
			left: 10px;
			background: #fff;
			margin-bottom: 0;
			padding: 0 2px;
			z-index: 99;
		}
		.local-forms .form-control {
			border: 1px solid #ddd;
			box-shadow: none;
			color: #333;
			font-size: 12px;
			height: 40px;
			padding: 0.375rem 0.75rem;
			border-radius: 3px;
		}

		.local-forms .form-control:focus {
    		border: 1px solid #007ffb;
		}
    </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" >
        
        <!-- Sidebar -->
		<aside id="sidebar">
			<div class="sidebar-title">
				<div class="sidebar-brand">
					<img src="../home/favicon.png" style="width: 15%;" alt=""> <span>EduMESS </span>
				</div>
				<div class="close-icon" style="cursor: pointer;" onclick="closeSidebar()">
					<span class="material-icons-sharp">close</span>
				</div>
			</div>
			
			<ul class="sidebar-List">

				<li class="sidebar-list-item">
					<a href="#" onclick="history.back()" style="font-weight:600;">
						<i class='bx bx-arrow-back' style="margin-right: 10px;"></i>
						<span >Go Back</span>
					</a>
				</li>
				
			</ul>
		</aside>
		<!-- End Sidebar -->


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

            <div class="main-cards" style="margin-top: 20px;">
                <!-- Profile Header -->
    			<div class="row">
    				<div class="col-12">
    					<div class="card mb-4">
    					<div class="user-profile-header-banner">
    						<img src="3.png" alt="Banner image" class="rounded-top">
    					</div>
    					<div class="user-profile-header d-flex flex-column flex-sm-row text-sm-start text-center mb-4">
    						<div class="flex-shrink-0 mt-n2 mx-sm-0 mx-auto" id="profileHeaderPic">
    							<?php
    								if($StudentPhoto === '' || $StudentPhoto === '0'){
                                        
                                        $StudentPhoto_main = '../../assets/images/Staff-Profile-Images/dummy.png';
    									
    								}else{
    									$StudentPhoto_main = $StudentPhoto;
    								}
    							?>
    								
    							<img data-studimgclass="student<?php echo $studentID; ?>" id="abba_get_student_image" data-id="<?php echo $studentID; ?>" data-campusid="<?php echo $camp; ?>" src="<?php echo $StudentPhoto_main; ?>"  class="d-block h-auto ms-0 ms-sm-4 rounded user-profile-img student<?php echo $studentID; ?>">
    							
    							<div class="form-group students-up-files profile-edit-icon mb-0" style="<?php echo $edit_btn;?>">
    								<div class="uplod d-flex">
    									<label class="file-upload profile-upbtn mb-0">
        									<i class="bx bx-pencil"></i>
        									<input type="file" style="display:none;" class="abba_update_student_image" name="abba_insert_student_image" id="abba_insert_student_image" accept="image/*">
    
    									</label>
    								</div>
    							</div>
    						</div>
    						<div class="flex-grow-1 mt-3 mt-sm-5">
    							<div class="d-flex align-items-md-end align-items-sm-start align-items-center justify-content-md-between justify-content-start mx-4 flex-md-row flex-column gap-4">
    								<div class="user-profile-info profileHeader">
    									<ul class="list-inline mb-2 d-flex align-items-center flex-wrap justify-content-sm-start justify-content-center gap-2">
    										<span class="fs-4" id="surN">
    											<?php echo ucfirst(strtolower($StudentLastName)); ?> 
    										</span>
    										<span  class="fs-4" id="firstN">
    											<?php echo ucfirst(strtolower($StudentMiddleName)); ?> 
    										</span>
    										<span  class="fs-4" id="middleN">
    											<?php echo ucfirst(strtolower($StudentFirstName)); ?>
    										</span>
    									</ul>
    									<ul class="list-inline mb-0 d-flex align-items-center flex-wrap justify-content-sm-start justify-content-center gap-2">
    										<li class="list-inline-item fw-semibold">
    										<i class='bx bx-user'></i> <?php echo ucfirst(strtolower($AdmissionNumber)); ?>
    										</li>
    										<li class="list-inline-item fw-semibold">
    											<i class='bx bx-map'></i> 
    												<span id="ctry">
    												    <?php 
    														
    														if ($StudentCountry === '' || $StudentCountry === 0)
    														{
    															echo 'N/A';
    														}
    														else{
    
    															$country_query = mysqli_query($link, "SELECT `CountryName` FROM `countries` WHERE countryID = '$StudentCountry'");
    															$fetch_Country = mysqli_fetch_assoc($country_query);
    															$countryName = $fetch_Country['CountryName'];
    
    															echo ucfirst(strtolower($countryName));
    														}
    													?>
    												</span>
    										</li>
    										<li class="list-inline-item fw-semibold">
        										<i class='bx bx-calendar-alt'></i> Joined 
        										<?php 
            										$date = new DateTime($dateString);
    
                                                    // Format the date as words
                                                    $dateInWords = $date->format('l, F j, Y');
                                                    
                                                    echo $dateInWords;
                                                ?>
    										</li>
    									</ul>
    								</div>
    								<!--<a href="javascript:void(0)" class="btn btn-primary text-nowrap">-->
    								<!--	<i class='bx bx-share-alt'></i> Share Profile-->
    								<!--</a>-->
    							</div>
    						</div>
    					</div>
    					</div>
    				</div>
    			</div>
    			<!--/ Profile Header -->
    
    			<!-- 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="ex1" role="tablist">
    							<li class="nav-item" role="presentation">
    								<a
    								class="nav-link active"
    								id="ex1-tab-1"
    								data-bs-toggle="tab"
    								href="#ex1-tabs-1"
    								role="tab"
    								aria-controls="ex1-tabs-1"
    								aria-selected="true">Profile</a>
    							</li>
    							<li class="nav-item" role="presentation">
    								<a
    								class="nav-link"
    								id="ex1-tab-2"
    								data-bs-toggle="tab"
    								href="#ex1-tabs-2"
    								role="tab"
    								aria-controls="ex1-tabs-2"
    								aria-selected="false">My Subjects</a
    								>
    							</li>
    						</ul>
    
    						<div class="tab-content" id="ex1-content">
    							<div
    								class="tab-pane fade show active" id="ex1-tabs-1" role="tabpanel" aria-labelledby="ex1-tab-1">
    
    								<!-- User Profile Content -->
    								<div class="row p-3">
    
    									<div class="col-sm-4 col-xs-4 col-xl-4 col-lg-5 col-md-5">
    										<!-- About User -->
    										<div class="card mb-2">
    											<div class="card-body">
    												<div class="row flex-row d-flex">
    													<div class="col-8">
    														<p class="text-muted fs-6 fw-bolder">Personal Details</p>
    													</div>
    													<div class="col-4">
    														<i class="btn btn-sm bx bx-pencil bx-sm edit_button pull-right" style="<?php echo $edit_btn;?>" data-bs-toggle="modal" data-bs-target="#edit-profile"></i>
    													</div>
    												</div>
    												<ul class="list-unstyled mb-4 mt-3" id="PersonalDetails">
    													<li class="d-flex align-items-center mb-3"><i class="bx bx-user"></i><span class="fw-semibold mx-2">Full Name:</span> <span>
    														<?php echo ucfirst(strtolower($StudentLastName)); ?> 
    														<?php echo ucfirst(strtolower( $StudentMiddleName)); ?> 
    														<?php echo ucfirst(strtolower($StudentFirstName));?>
    													</span></li>
    													<li class="d-flex align-items-center mb-3"><i class="bx bx-star"></i><span class="fw-semibold mx-2">Sex:</span> <span>
    														<?php 
    															if ($StudentGender === '' ||  $StudentGender === 0){
    																echo 'N/A';
    															}
    															else{
    																echo ucfirst(strtolower($StudentGender));
    															}
    														?></span></li>
    													<li class="d-flex align-items-center mb-3"><i class="bx bx-check"></i><span class="fw-semibold mx-2">Status:</span> <span style="color:#01df77;">Active</span></li>
    													<li class="d-flex align-items-center mb-3"><i class="bx bx-star"></i><span class="fw-semibold mx-2">School Prefect:</span> <span>NIL</span></li> 
    													<li class="d-flex align-items-center mb-3"><i class="bx bx-flag"></i><span class="fw-semibold mx-2">Current Class:</span> <span><?php echo $class_name; ?></span></li>
    													<li class="d-flex align-items-center mb-3"><i class="bx bx-detail"></i><span class="fw-semibold mx-2">Session/Term:</span> <span><?php echo $session_name; ?></span></li>
    												</ul>
    												<hr/>
    												<div class="row">
    													<div class="col-sm-12">
    														<div class="row flex-row d-flex">
    															<div class="col-8">
    																<p class="text-muted fs-6 fw-bolder">Contacts</p>
    															</div>
    															<div class="col-4">
    																<!--<i class="btn btn-sm bx bx-pencil bx-sm edit_button pull-right" style="<?php //echo $edit_btn;?>" data-bs-toggle="modal" data-bs-target="#edit-contact"></i>-->
    															</div>
    														</div>
    													</div>
    												</div>
    												<ul class="list-unstyled mb-4 mt-3" id="PersonalContacts">
    													<li class="d-flex align-items-center mb-3"><i class="bx bx-phone"></i><span class="fw-semibold mx-2">Contact:</span> <span>
    														<?php 
    															if ($StudentPhone === '' || $StudentPhone === 0){
    																echo 'N/A';
    															}
    															else{
    																echo ($StudentPhone);
    															}
    														?></span></li>
    													<!-- <li class="d-flex align-items-center mb-3"><i class="bx bx-chat"></i><span class="fw-semibold mx-2">Skype:</span> <span>
    														john.doe</span></li> -->
    													<li class="d-flex align-items-center mb-3"><i class="bx bx-envelope"></i><span class="fw-semibold mx-2">Email:</span> <span>
    														<?php 
    															if ($StudentEmail === '' || $StudentEmail === 0){
    																echo 'N/A';
    															}
    															else{
    																echo ($StudentEmail);
    															}
    														?></span></li>
    
    													<li class="d-flex align-items-center mb-3"><i class="bx bx-map"></i><span class="fw-semibold mx-2">Address:</span> <span>
    														<?php 
    															if ($StudentAddress === '' || $StudentAddress === 0){
    																echo 'N/A';
    															}
    															else{
    																echo ucfirst(strtolower($StudentAddress));
    															}
    														?></span></li>
    														<li class="d-flex align-items-center mb-3"><i class="bx bx-map"></i><span class="fw-semibold mx-2">City:</span> <span>
    														<?php 
    															if ($StudentCity === '' || $StudentCity === 0){
    																echo 'N/A';
    															}
    															else{
    																echo ucfirst(strtolower($StudentCity));
    															}
    														?>
    														</span></li> 
    														<li class="d-flex align-items-center mb-3"><i class="bx bx-map"></i><span class="fw-semibold mx-2">Country:</span> <span>
        														<?php 
        														
            														if ($StudentCountry === '' || $StudentCountry === 0)
            														{
            															echo 'N/A';
            														}
            														else{
            
            															$country_query = mysqli_query($link, "SELECT `CountryName` FROM `countries` WHERE countryID = '$StudentCountry'");
            															$fetch_Country = mysqli_fetch_assoc($country_query);
            															$countryName = $fetch_Country['CountryName'];
            
            															echo ucfirst(strtolower($countryName));
            														}
            													?>
    														</span></li> 
    												</ul>
    											</div>
    										</div>
    										<!--/ About User -->
    
    										<!-- Skills Overview -->
    										<div class="card mb-2 coming_soon">
    											<div class="card-body">
    												<div class="row flex-row d-flex">
    													<div class="col-10">
    														<p class="text-muted fs-6 fw-bolder">Skills</p>
    													</div>
    													<div class="col-2">
    														<i class="bx bx-pencil bx-sm edit_button pull-right" style="<?php echo $edit_btn;?>"></i>
    													</div>
    												</div>
    												<!-- <ul class="list-unstyled mt-3 mb-0">
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-check"></i><span class="fw-semibold mx-2">Task Compiled:</span> <span>13.5k</span></li>
    												<li class="d-flex align-items-center mb-3"><i class='bx bx-customize'></i><span class="fw-semibold mx-2">Projects Compiled:</span> <span>146</span></li>
    												<li class="d-flex align-items-center"><i class="bx bx-user"></i><span class="fw-semibold mx-2">Connections:</span> <span>897</span></li>
    												</ul> -->
    
    												<div class="skill-blk mt-3">
    													<div class="skill-statistics">
    														<div class="skills-head">
    															<span>Excel</span>
    															<span>90%</span>
    														</div>
    														<div class="progress mb-0">
    															<div class="progress-bar bg-photoshop" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
    														</div>
    													</div>
    													<div class="skill-statistics">
    														<div class="skills-head">
    															<span>Microsoft Word</span>
    															<span>75%</span>
    														</div>
    														<div class="progress mb-0">
    															<div class="progress-bar bg-editor" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
    														</div>
    													</div>
    													<div class="skill-statistics mb-0">
    														<div class="skills-head">
    															<span>Graphic Design</span>
    															<span>95%</span>
    														</div>
    														<div class="progress mb-0">
    															<div class="progress-bar bg-illustrator" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
    														</div>
    													</div>
    												</div>
    											</div>
    										</div>
    										<!--/ Skills Overview -->
    									</div>
    
    									<div class="col-sm-8 col-xs-8 col-xl-8 col-lg-7 col-md-7 coming_soon">
    										<!-- Activity Log -->
    										<div class="card card-action mb-4">
    											<div class="card-header align-items-center">
    											<h5 class="card-action-title mb-0"><i class="bx bx-list-ul me-2"></i>Activity Timeline</h5>
    											<div class="card-action-element">
    												<div class="dropdown">
    												<button type="button" id = "timelineWapper" class="btn dropdown-toggle hide-arrow p-0" data-bs-toggle="dropdown" aria-expanded="false"><i class="bx bx-dots-vertical-rounded"></i></button>
    												<div class="dropdown-menu dropdown-menu" aria-labelledby="timelineWapper" style="position: absolute;inset: 0px 0px auto auto;margin: 0px;transform: translate3d(0.380952px, 24.7619px, 0px);">
    													<a class="dropdown-item" href="javascript:void(0);">Select All</a>
    													<a class="dropdown-item" href="javascript:void(0);">Refresh</a>
    													<a class="dropdown-item" href="javascript:void(0);">Share</a>
    												</div>
    												</div>
    											</div>
    											</div>
    											<div class="card-body">
    											<ul class="timeline ms-2">
    												<li class="timeline-item timeline-item-transparent">
    												<span class="timeline-point timeline-point-warning"></span>
    												<div class="timeline-event">
    													<div class="timeline-header mb-1">
    													<h6 class="mb-0">Client Meeting</h6>
    													<small class="text-muted">Today</small>
    													</div>
    													<p class="mb-2">Project meeting with john @10:15am</p>
    													<div class="d-flex flex-wrap">
    													<div class="tari_avatar me-3">
    														<?php 
    															if ($StudentPhoto === '' ||  $StudentPhoto === 0){
    																echo '<img src="../../assets/images/Staff-Profile-Images/dummy.png" alt="tari_avatar" class="rounded-circle">';
    															}
    															else{
    																echo '<img src="../../assets/images/Staff-Profile-Images/dummy.png" alt="tari_avatar" class="rounded-circle">';
    															}
    														?>
    													</div>
    													<div>
    														<h6 class="mb-0">Lester McCarthy (Client)</h6>
    														<span>CEO of Infibeam</span>
    													</div>
    													</div>
    												</div>
    												</li>
    												<li class="timeline-item timeline-item-transparent">
    												<span class="timeline-point timeline-point-info"></span>
    												<div class="timeline-event">
    													<div class="timeline-header mb-1">
    													<h6 class="mb-0">Create a new project for client</h6>
    													<small class="text-muted">2 Day Ago</small>
    													</div>
    													<p class="mb-0">Add files to new design folder</p>
    												</div>
    												</li>
    												<li class="timeline-item timeline-item-transparent">
    												<span class="timeline-point timeline-point-primary"></span>
    												<div class="timeline-event">
    													<div class="timeline-header mb-1">
    													<h6 class="mb-0">Shared 2 New Project Files</h6>
    													<small class="text-muted">6 Day Ago</small>
    													</div>
    													<p class="mb-2">Sent by Mollie Dixon 
    													<?php 
    															if ($StudentPhoto === '' ||  $StudentPhoto === 0){
    																echo '<img src="../../assets/images/Staff-Profile-Images/dummy.png" class="rounded-circle ms-3" alt="tari_avatar" height="20" width="20">';
    															}
    															else{
    																echo '<img src="../../assets/images/Staff-Profile-Images/dummy.png" class="rounded-circle ms-3" alt="tari_avatar" height="20" width="20">';
    															}
    														?>
    													<div class="d-flex flex-wrap gap-2">
    													<a href="javascript:void(0)" class="me-3">
    														<img src="assets/img/icons/misc/pdf.png" alt="Document image" width="20" class="me-2">
    														<span class="h6">App Guidelines</span>
    													</a>
    													<a href="javascript:void(0)">
    														<img src="assets/img/icons/misc/xls.png" alt="Excel image" width="20" class="me-2">
    														<span class="h6">Testing Results</span>
    													</a>
    													</div>
    												</div>
    												</li>
    												<li class="timeline-item timeline-item-transparent">
    												<span class="timeline-point timeline-point-success"></span>
    												<div class="timeline-event pb-0">
    													<div class="timeline-header mb-1">
    													<h6 class="mb-0">Project status updated</h6>
    													<small class="text-muted">10 Day Ago</small>
    													</div>
    													<p class="mb-0">Woocommerce iOS App Completed</p>
    												</div>
    												</li>
    												<li class="timeline-end-indicator">
    												<i class="bx bx-check-circle"></i>
    												</li>
    											</ul>
    											</div>
    										</div>
    										<!-- End of Activity Log -->
    
    										<!-- Awards -->
    										<div class="card card-action">
    											<div class="card-body subjects">
    												<div class="col-sm-12">
    													<div class="row">
    														<div class="col-8">
    															<span style="font-size: 18px;">
    																<strong>Awards</strong>
    															</span>
    														</div>
    														<div class="col-4">
    															<i class="btn btn-sm bx bx-plus bx-sm edit_button pull-right" data-bs-toggle="modal" data-bs-target="#exampleModalT"></i>
    														</div>
    													</div>
    												</div>
    												<div class="row">
    													<div class="col-sm-12 p-1">
    														<div>
    															<div class="card shadow-sm" style="border: 1px solid #e8ebf0; color: #101114;">
    																<div class="row p-3">
    																	<div class="col-sm-2">
    																		<div class="awardspic">
    																			<?php 
    																				if ($StudentPhoto === '' ||  $StudentPhoto === 0){
    																				    
    																					echo '<img class="tari_award_img" src="../../assets/images/Staff-Profile-Images/dummy.png" width="60">';
    																					
    																				}
    																				else{
    																				    
    																					echo '<img class="tari_award_img" src="'.$StudentPhoto.'" width="60" id="awardpic">';
    																					
    																				}
    																			?>
    																		</div>
    																	</div>
    																	<div class="col-sm-8">
    																		<span><strong>Title: </strong></span><span style="font-size: 12px;"> Best English Teacher</span> <br>
    																		<span style="font-size: 12px;">Institution: Goodtidings Academy Jikwoyi</span><br>
    																		<span style="font-size: 10px;">Date: 14th June 2021</span>
    																	</div>
    																	<div class="col-sm-2">
    																		<div class="tariaward">
    																			<i class="bx bx-trophy bx-md"></i>
    																		</div>
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    												</div>
    											</div>
    											<div class="card-body subjects">
    												<div class="row">
    													<div class="col-sm-12 p-1">
    														<div>
    															<div class="card shadow-sm" style="border: 1px solid #e8ebf0; color: #101114;">
    																<div class="row p-3">
    																	<div class="col-sm-2">
    																		<div class="awardspic">
    																		<?php 
    																			if ($StudentPhoto === '' ||  $StudentPhoto === 0){
    																				echo '<img class="tari_award_img" src="../../assets/images/Staff-Profile-Images/dummy.png" width="60">';
    																			}
    																			else{
    																				echo '<img class="tari_award_img" src="'.$StudentPhoto.'" width="60" id="awardpic2">';
    																			}
    																			?>
    																		</div>
    																	</div>
    																	<div class="col-sm-8">
    																		<span><strong>Title: </strong></span><span style="font-size: 12px;"> Best English Teacher</span> <br>
    																		<span style="font-size: 12px;">Institution: Goodtidings Academy Jikwoyi</span><br>
    																		<span style="font-size: 10px;">Date: 14th June 2021</span>
    																	</div>
    																	<div class="col-sm-2">
    																		<div class="tariaward">
    																			<i class="bx bx-trophy bx-md"></i>
    																		</div>
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    												</div>
    											</div>
    										</div>
    										<!-- End Awards -->
    										
    									</div>
    
    
    								</div>
    								<!--/ User Profile Content -->
    							</div>
    							<div class="tab-pane fade" id="ex1-tabs-2" role="tabpanel" aria-labelledby="ex1-tab-2">
    								<!-- Subjects Content -->
									<div class="row">
									    
										<div class="card mb-2">
											<div class="card-body">
        										<div class="p-2">
        										    
        										    <?php
        										    
        										        $sqlfroms_courseorsubjectallocation = ("SELECT * FROM `courseorsubjectallocation` INNER JOIN subjectorcourse ON courseorsubjectallocation.SubjectOrCourseID=subjectorcourse.SubjectOrCourseID WHERE CampusID = '$camp' AND ClassOrDepartmentID = '$class_ID' ORDER BY SubjectOrCourseTitle ASC");
                                                        $resultfroms_courseorsubjectallocation = mysqli_query($link, $sqlfroms_courseorsubjectallocation);
                                                        $rowfroms_courseorsubjectallocation = mysqli_fetch_assoc($resultfroms_courseorsubjectallocation);
                                                        $row_cntfroms_courseorsubjectallocation = mysqli_num_rows($resultfroms_courseorsubjectallocation);
        										       
        										        $colors = array("#009751", "#002397", "#979400", "#970026", "#970076");
        										        $border_colors = array("#2ddf01", "#014fdf", "#dbdf01", "#df010c", "#df019c");
        										        $background_colors = array("#bdffe0", "#c7bdff", "#fffebd", "#ffbdcd", "#ffbdf9");
                                                        $colorIndex = 0;
                                                        
                                                        if ($row_cntfroms_courseorsubjectallocation > 0) {
                                                            do {
                                                                $currentColor = $colors[$colorIndex % count($colors)];
                                                                $current_border_Color = $border_colors[$colorIndex % count($border_colors)];
                                                                $current_background_Color = $background_colors[$colorIndex % count($background_colors)];
                                                        
                                                                echo '<button type="button" style="border: 1px solid ' . $current_border_Color . ';
                                                                            color: ' . $currentColor . '; background-color: ' . $current_background_Color . '; width:auto;" class="btn btn-sm m-2">
                                                                                    ' . $rowfroms_courseorsubjectallocation['SubjectOrCourseTitle'] . '
                                                                                </button>';
                                                        
                                                                $colorIndex++;
                                                            } while ($rowfroms_courseorsubjectallocation = mysqli_fetch_assoc($resultfroms_courseorsubjectallocation));
                                                        } else {
                                                            
                                                        }
        										       
        										    ?>
        								
        										</div>
        								    </div>
        								</div>
									</div>
    							</div>
    							<div class="tab-pane fade" id="ex1-tabs-3" role="tabpanel" aria-labelledby="ex1-tab-3">
    								<!-- Salary -->
    								<div class="row p-3">
    									<div class="col-xl-4 col-lg-5 col-md-5">
    										<div class="card_tari card-1">
    											<div class="row mt-3 p-3">
    												<div class="col-sm-12 col-xs-12 col-md-12 col-lg-12 col--12">
    													<div class="row d-flex flex-row">
    														<div class="col-6">
    															<h5 class="card-title text-white fw-lighter"> Monthly Earnings </h5>
    															<div class="mt-5">
    																<span class=" text-info">Next 2nd April, 2022</span>
    															</div>
    															<!-- <span class="fw-semibold fs-6 text-white mx-2"> Salary Ammount</span> -->
    														</div>
    														<div class="col-4 p-1">
    															<img src="../../assets/images/Staff-Profile-Images/coin.png" width="140"/>
    														</div>
    													</div>
    												</div>
    											</div>
    											<div class="row">
    												<div class="col-sm-12 p-3" style="margin-top: 100px;">
    													<span class="fw-semibold fs-1 text-white mx-2">₦45, 000</span>
    												</div>
    											</div>
    										</div>
    										<!--Account Details -->
    										<div class="card mb-2">
    											<div class="card-body">
    												<div class="row flex-row d-flex">
    													<div class="col-10">
    														<p class="text-muted fs-6 fw-bolder">Bank Details</p>
    													</div>
    													<div class="col-2">
    														<i class="bx bx-pencil bx-sm edit_button" style="<?php echo $edit_btn;?>"></i>
    													</div>
    												</div>
    												<ul class="list-unstyled mb-4 mt-3">
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-user"></i><span class="fw-semibold mx-2">Account Name:</span> <span>
    													<?php echo ucfirst(strtolower($StudentFirstName)); ?> 
    													<?php echo ucfirst(strtolower($StudentLastName)); ?> 
    													<?php echo ucfirst(strtolower($StudentMiddleName));?>
    												</span></li>
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-star"></i><span class="fw-semibold mx-2">Bank Name:</span> <span>
    													<?php 
    														if ($StudentGender === '' ||  $StudentGender === 0){
    															echo 'N/A';
    														}
    														else{
    															echo ucfirst(strtolower($StudentGender));
    														}
    													?></span></li>
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-check"></i><span class="fw-semibold mx-2">Account Number:</span> <span>Active</span></li>
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-flag"></i><span class="fw-semibold mx-2">Country:</span> <span>
    													<?php 
    														if ($StudentCountry === '' || $StudentCountry === 0){
    															echo 'N/A';
    														}
    														else{
    															echo ucfirst(strtolower($StudentCountry));
    														}
    													?></span></li>
    												</ul>
    											</div>
    										</div>
    										<!--/ Aount Details -->
    									</div>
    
    									<div class="col-xl-8 col-lg-7 col-md-7">
    										<!-- Transaction History -->
    										<div class="row">
    											<div class="col-sm-12 d-flex align-items-stretch">
    											<div class="card w-100">
    												<div class="card-body p-5">
    												<div class="mb-4">
    													<h5 class="card-title fw-semibold">Recent Transactions</h5>
    												</div>
    												<ul class="nav nav-tabs mb-3 customtab" id="exs" role="tablist">
    													<li class="nav-item" role="presentation">
    														<a
    														class="nav-link active"
    														id="exs-tab-1"
    														data-bs-toggle="tab"
    														href="#exs-tabs-1"
    														role="tab"
    														aria-controls="exs-tabs-1"
    														aria-selected="true">Salary</a>
    													</li>
    													<li class="nav-item" role="presentation">
    														<a
    														class="nav-link"
    														id="ext-tab-2"
    														data-bs-toggle="tab"
    														href="#ext-tabs-2"
    														role="tab"
    														aria-controls="ext-tabs-2"
    														aria-selected="false">Transaction</a
    														>
    													</li>
    												</ul>
    												<div class="tab-content" id="exs-content">
    													<div class="tab-pane fade show active" id="exs-tabs-1" role="tabpanel" aria-labelledby="exs-tab-1">
    														<!-- Salary Content -->
    														<div class="row p-1">
    															<ul class="timeline-widget mb-0 position-relative mb-n5">
    																<li class="timeline-item d-flex position-relative overflow-hidden">
    																	<div class="timeline-time text-dark flex-shrink-0 text-end">09:30</div>
    																	<div class="timeline-badge-wrap d-flex flex-column align-items-center">
    																	<span class="timeline-badge border-2 border border-primary flex-shrink-0 my-8"></span>
    																	<span class="timeline-badge-border d-block flex-shrink-0"></span>
    																	</div>
    																	<div class="timeline-desc fs-3 text-dark mt-n1">Payment received from John Doe of $385.90</div>
    																</li>
    																<li class="timeline-item d-flex position-relative overflow-hidden">
    																	<div class="timeline-time text-dark flex-shrink-0 text-end">10:00 am</div>
    																	<div class="timeline-badge-wrap d-flex flex-column align-items-center">
    																	<span class="timeline-badge border-2 border border-info flex-shrink-0 my-8"></span>
    																	<span class="timeline-badge-border d-block flex-shrink-0"></span>
    																	</div>
    																	<div class="timeline-desc fs-3 text-dark mt-n1 fw-semibold">New sale recorded <a
    																		href="javascript:void(0)" class="text-primary d-block fw-normal">#ML-3467</a>
    																	</div>
    																</li>
    																<li class="timeline-item d-flex position-relative overflow-hidden">
    																	<div class="timeline-time text-dark flex-shrink-0 text-end">12:00 am</div>
    																	<div class="timeline-badge-wrap d-flex flex-column align-items-center">
    																	<span class="timeline-badge border-2 border border-success flex-shrink-0 my-8"></span>
    																	<span class="timeline-badge-border d-block flex-shrink-0"></span>
    																	</div>
    																	<div class="timeline-desc fs-3 text-dark mt-n1">Payment was made of $64.95 to Michael</div>
    																</li>
    																<li class="timeline-item d-flex position-relative overflow-hidden">
    																	<div class="timeline-time text-dark flex-shrink-0 text-end">09:30 am</div>
    																	<div class="timeline-badge-wrap d-flex flex-column align-items-center">
    																	<span class="timeline-badge border-2 border border-warning flex-shrink-0 my-8"></span>
    																	<span class="timeline-badge-border d-block flex-shrink-0"></span>
    																	</div>
    																	<div class="timeline-desc fs-3 text-dark mt-n1 fw-semibold">New sale recorded <a
    																		href="javascript:void(0)" class="text-primary d-block fw-normal">#ML-3467</a>
    																	</div>
    																</li>
    																<li class="timeline-item d-flex position-relative overflow-hidden">
    																	<div class="timeline-time text-dark flex-shrink-0 text-end">09:30 am</div>
    																	<div class="timeline-badge-wrap d-flex flex-column align-items-center">
    																	<span class="timeline-badge border-2 border border-danger flex-shrink-0 my-8"></span>
    																	<span class="timeline-badge-border d-block flex-shrink-0"></span>
    																	</div>
    																	<div class="timeline-desc fs-3 text-dark mt-n1 fw-semibold">New arrival recorded 
    																	</div>
    																</li>
    																<li class="timeline-item d-flex position-relative overflow-hidden">
    																	<div class="timeline-time text-dark flex-shrink-0 text-end">12:00 am</div>
    																	<div class="timeline-badge-wrap d-flex flex-column align-items-center">
    																	<span class="timeline-badge border-2 border border-success flex-shrink-0 my-8"></span>
    																	</div>
    																	<div class="timeline-desc fs-3 text-dark mt-n1">Payment Done</div>
    																</li>
    															</ul>
    														</div>
    														<!--/Salary Content -->
    												</div>
    												<div class="tab-pane fade" id="ext-tabs-2" role="tabpanel" aria-labelledby="ext-tab-2">
    													<!-- Transaction Content -->
    													<div class="row p-1">
    														<ul class="timeline-widget mb-0 position-relative mb-n5">
    															<li class="timeline-item d-flex position-relative overflow-hidden">
    																<div class="timeline-time text-dark flex-shrink-0 text-end">09:30</div>
    																<div class="timeline-badge-wrap d-flex flex-column align-items-center">
    																<span class="timeline-badge border-2 border border-primary flex-shrink-0 my-8"></span>
    																<span class="timeline-badge-border d-block flex-shrink-0"></span>
    																</div>
    																<div class="timeline-desc fs-3 text-dark mt-n1">Payment received from John Doe of $385.90</div>
    															</li>
    															<li class="timeline-item d-flex position-relative overflow-hidden">
    																<div class="timeline-time text-dark flex-shrink-0 text-end">10:00 am</div>
    																<div class="timeline-badge-wrap d-flex flex-column align-items-center">
    																<span class="timeline-badge border-2 border border-info flex-shrink-0 my-8"></span>
    																<span class="timeline-badge-border d-block flex-shrink-0"></span>
    																</div>
    																<div class="timeline-desc fs-3 text-dark mt-n1 fw-semibold">New sale recorded <a
    																	href="javascript:void(0)" class="text-primary d-block fw-normal">#ML-3467</a>
    																</div>
    															</li>
    															<li class="timeline-item d-flex position-relative overflow-hidden">
    																<div class="timeline-time text-dark flex-shrink-0 text-end">12:00 am</div>
    																<div class="timeline-badge-wrap d-flex flex-column align-items-center">
    																<span class="timeline-badge border-2 border border-success flex-shrink-0 my-8"></span>
    																<span class="timeline-badge-border d-block flex-shrink-0"></span>
    																</div>
    																<div class="timeline-desc fs-3 text-dark mt-n1">Payment was made of $64.95 to Michael</div>
    															</li>
    															<li class="timeline-item d-flex position-relative overflow-hidden">
    																<div class="timeline-time text-dark flex-shrink-0 text-end">09:30 am</div>
    																<div class="timeline-badge-wrap d-flex flex-column align-items-center">
    																<span class="timeline-badge border-2 border border-warning flex-shrink-0 my-8"></span>
    																<span class="timeline-badge-border d-block flex-shrink-0"></span>
    																</div>
    																<div class="timeline-desc fs-3 text-dark mt-n1 fw-semibold">New sale recorded <a
    																	href="javascript:void(0)" class="text-primary d-block fw-normal">#ML-3467</a>
    																</div>
    															</li>
    															<li class="timeline-item d-flex position-relative overflow-hidden">
    																<div class="timeline-time text-dark flex-shrink-0 text-end">09:30 am</div>
    																<div class="timeline-badge-wrap d-flex flex-column align-items-center">
    																<span class="timeline-badge border-2 border border-danger flex-shrink-0 my-8"></span>
    																<span class="timeline-badge-border d-block flex-shrink-0"></span>
    																</div>
    																<div class="timeline-desc fs-3 text-dark mt-n1 fw-semibold">New arrival recorded 
    																</div>
    															</li>
    															<li class="timeline-item d-flex position-relative overflow-hidden">
    																<div class="timeline-time text-dark flex-shrink-0 text-end">12:00 am</div>
    																<div class="timeline-badge-wrap d-flex flex-column align-items-center">
    																<span class="timeline-badge border-2 border border-success flex-shrink-0 my-8"></span>
    																</div>
    																<div class="timeline-desc fs-3 text-dark mt-n1">Payment Done</div>
    															</li>
    															</ul>
    													</div>
    													<!--/Transaction Content -->
    												</div>
    												</div>
    												</div>
    											</div>
    											</div>
    										</div>
    										<!-- End Transaction History -->
    									</div>
    								</div>
    								<!--/ Salary -->
    							</div>
    							<div class="tab-pane fade" id="ex1-tabs-4" role="tabpanel" aria-labelledby="ex1-tab-4">
    								<div class="row p-5">
    									<div class="col-xl-5 col-lg-5 col-md-5">
    										<!-- Documents -->
    										<div class="card mb-2">
    											<div class="card-body">
    												<div class="row flex-row d-flex">
    													<div class="col-10">
    														<p class="text-muted fs-6 fw-bolder">Documents</p>
    													</div>
    												</div>
    												<ul class="list-unstyled mb-4">
    												<li class="d-flex align-items-center mb-3">
    												</span> <span>
    												</span></li>
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-file"></i><span class="fw-semibold mx-2">First School Leaving Certificate</span> <i class="bx bx-pencil bx-xs edit_button ms-1" style="<?php echo $edit_btn;?>"></i>
    												<button type="button" 
    												style ="padding: .25rem .4rem;
    													font-size: .55rem;
    													line-height: .5;
    													margin-left: 5px;
    													border-radius: .2rem;" class="btn btn-xs btn-outline-primary">Upload</button><span></span>
    													<span><i class="bx bx-show-alt edit_button ms-1"></i></span>
    												</li>
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-file"></i><span class="fw-semibold mx-2">WAEC</span> <i class="bx bx-pencil bx-xs edit_button ms-1" style="<?php echo $edit_btn;?>"></i>
    													<button type="button" 
    													style ="padding: .25rem .4rem;
    														font-size: .55rem;
    														line-height: .5;
    														margin-left: 5px;
    														border-radius: .2rem;" class="btn btn-xs btn-outline-primary">Upload</button><span></span>
    													</span></li>
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-file"></i><span class="fw-semibold mx-2">Curicullum Vitea(CV)</span> <i class="bx bx-pencil bx-xs edit_button ms-1" style="<?php echo $edit_btn;?>"></i>
    													<button type="button" 
    													style ="padding: .25rem .4rem;
    														font-size: .55rem;
    														line-height: .5;
    														margin-left: 5px;
    														border-radius: .2rem;" class="btn btn-xs btn-outline-primary">Upload</button><span></span>
    													</span></li>
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-file"></i><span class="fw-semibold mx-2">Birth Certificate</span> <i class="bx bx-pencil bx-xs edit_button ms-1" style="<?php echo $edit_btn;?>"></i>
    													<button type="button" 
    													style ="padding: .25rem .4rem;
    														font-size: .55rem;
    														line-height: .5;
    														margin-left: 5px;
    														border-radius: .2rem;" class="btn btn-xs btn-outline-primary">Upload</button><span></span>
    													</span></li>
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-file"></i><span class="fw-semibold mx-2">Nysc Discharge Letter</span> <i class="bx bx-pencil bx-xs edit_button ms-1" style="<?php echo $edit_btn;?>"></i>
    													<button type="button" 
    													style ="padding: .25rem .4rem;
    														font-size: .55rem;
    														line-height: .5;
    														margin-left: 5px;
    														border-radius: .2rem;" class="btn btn-xs btn-outline-primary">Upload</button><span></span>
    													</span></li>
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-file"></i><span class="fw-semibold mx-2">Driver's Licence</span> <i class="bx bx-pencil bx-xs edit_button ms-1" style="<?php echo $edit_btn;?>"></i>
    													<button type="button" 
    													style ="padding: .25rem .4rem;
    														font-size: .55rem;
    														line-height: .5;
    														margin-left: 5px;
    														border-radius: .2rem;" class="btn btn-xs btn-outline-primary">Upload</button><span></span>
    													</span></li>
    												</ul>
    											</div>
    										</div>
    										<!--/ End Documents -->
    									</div>
    									<div class="col-xl-7 col-lg-7 col-md-7">
    										<!-- Document Upload -->
    										<div class="card card-action mb-4">
    											<!-- <span class="heading">Geeks For Geeks</span>
    											<form>
    												<div class="holder">
    													<img id="imgPreview" src="#" alt="pic" />
    												</div>
    												<input type="file" name="photograph"
    													id="photo" required="true" />
    											</form> -->
    											<div class="row d-flex flex-row">
    												<div class="col-sm-12">
    													<div class="center ms-4 me-4">
    														<div class="title">
    															<h1>First School Leaving Certificate</h1>
    														</div>
    														<div class="dropzone">
    															<img src="http://100dayscss.com/codepen/upload.svg" class="upload-icon" />
    															<input type="file" id="photo" class="upload-input" />
    														</div>
    														<h6>Click here to Select File</h6>
    														<button type="button" class="btn_upload" name="uploadbutton">Upload file</button>
    													</div>
    												</div>
    											</div>
    										</div>
    										<!-- End of Document Upload -->
    									</div>
    
    								</div>
    							</div>
    							<div class="tab-pane fade" id="ex1-tabs-5" role="tabpanel" aria-labelledby="ex1-tab-5">
    								<div class="row p-3">
    									<div class="col-xl-12 col-lg-12 col-md-12">
    										<!-- Experience -->
    										<div class="card card-action mb-2 mt-3">
    											<div class="card-body">
    												<div class="col-sm-12">
    													<div class="row flex-row d-flex">
    														<div class="col-8">
    															<p class="text-muted fs-6 fw-bolder">Experience</p>
    														</div>
    														<div class="col-4">
    															<div class="row pull-right">
    																<div class="col-6">
    																	<i class="bx bx-pencil bx-sm edit_button" style="<?php echo $edit_btn;?>"></i>
    																</div>
    																<div class="col-6">
    																	<i class="bx bx-plus bx-sm edit_button" ></i>
    																</div>
    															</div>
    														</div>
    													</div>
    													<div class="d-flex flex-wrap info">
    														<div class="tari_avatar m-1 me-2">
    															<img src="assets/img/avatars/3.png" alt="tari_avatar" />
    														</div>
    														<div class="hello-park ms-2">
    															<span> Command Secondary School Kaduna</span>
    															<br>
    															<span>West African Examination Council</span>
    															<p class="fw-lighter">Sep 2008 - Aug 2009</p>
    														</div>
    													</div>
    													<ul class="activity-feed ms-4">
    														<li class="feed-item d-flex align-items-center">
    															<div class="dolor-activity ms-1 mb-3">
    																<div class="ms-2">
    																	<span>Command Secondary School Kaduna</span>
    																	<br>
    																	<span>West African Examination Council </span>
    																	<p class="fw-lighter">Sep 2008 - Aug 2009</p>
    																</div>		
    															</div>
    														</li>
    														<li class="feed-item d-flex align-items-center">
    															<div class="dolor-activity ms-1 mb-3">
    																<div class="ms-2">
    																	<span> Command Secondary School Kaduna</span>
    																	<br>
    																	<span>West African Examination Council</span>
    																	<p class="fw-lighter">Sep 2008 - Aug 2009</p>
    																</div>		
    															</div>
    														</li>
    														<li class="feed-item d-flex align-items-center">
    															<div class="dolor-activity ms-1 mb-3">
    																<div class="ms-2">
    																	<span> Command Secondary School Kaduna</span>
    																	<br>
    																	<span>West African Examination Council</span>
    																	<p class="fw-lighter">Sep 2008 - Aug 2009</p>
    																</div>		
    															</div>
    														</li>
    													</ul>
    													
    													<hr class="mt-0"/>
    
    													<div class="d-flex flex-wrap">
    														<div class="tari_avatar m-1 me-2">
    															<img src="assets/img/avatars/3.png" alt="tari_avatar" />
    														</div>
    														<div class="ms-2">
    															<span> Command Secondary School Kaduna</span>
    															<br>
    															<span>West African Examination Council</span>
    															<p class="fw-lighter">Sep 2008 - Aug 2009</p>
    														</div>
    													</div>
    													<ul class="activity-feed ms-4">
    														<li class="feed-item d-flex align-items-center">
    															<div class="dolor-activity ms-1 mb-3">
    																<div class="ms-2">
    																	<span> Command Secondary School Kaduna</span>
    																	<br>
    																	<span>West African Examination Council</span>
    																	<p class="fw-lighter">Sep 2008 - Aug 2009</p>
    																</div>		
    															</div>
    														</li>
    														<li class="feed-item d-flex align-items-center">
    															<div class="dolor-activity ms-1 mb-3">
    																<div class="ms-2">
    																	<span> Command Secondary School Kaduna</span>
    																	<br>
    																	<span>West African Examination Council</span>
    																	<p class="fw-lighter">Sep 2008 - Aug 2009</p>
    																</div>		
    															</div>
    														</li>
    														<li class="feed-item d-flex align-items-center">
    															<div class="dolor-activity ms-1 mb-3">
    																<div class="ms-2">
    																	<span> Command Secondary School Kaduna</span>
    																	<br>
    																	<span>West African Examination Council</span>
    																	<p class="fw-lighter">Sep 2008 - Aug 2009</p>
    																</div>		
    															</div>
    														</li>
    													</ul>
    												</div>
    											</div>
    										</div>
    										<!--/ Experience -->
    									</div>
    								</div>
    							</div>
    							<div class="tab-pane fade" id="ex1-tabs-6" role="tabpanel" aria-labelledby="ex1-tab-6">
    								<div class="row">
    									<div class="col-sm-12 col-xl-12 col-lg-12 col-md-12 p-5">
    										<div class="card mb-2">
    											<div class="card-body subjects">
    												<div class="row">
    													<div class="col-sm-3 p-1">
    														<div>
    															<div class="card" style="border: 1px solid #015adf; color: #001797;">
    																<div class="row p-2">
    																	<div class="col-3">
    																		<div class="">
    																			<i class="bx bx-user-voice bx-md"></i>
    																		</div>
    																	</div>
    																	<div class="col-7">
    																		<span style="font-size: 12px;"> Total Disciplinary</span><br>
    																		<span style="font-size: 12px;"> 10</span> 
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    													<div class="col-sm-3 p-1">
    														<div>
    															<div class="card" style="border: 1px solid #2ddf01; color: #009751;">
    																<div class="row p-2">
    																	<div class="col-3">
    																		<div class="">
    																			<i class="bx bx-smile bx-md"></i>
    																		</div>
    																	</div>
    																	<div class="col-7">
    																		<span style="font-size: 12px;"> Completed</span><br>
    																		<span style="font-size: 12px;"> 7</span> 
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    													<div class="col-sm-3 p-1">
    														<div>
    															<div class="card" style="border: 1px solid #df010c; color: #970026;">
    																<div class="row p-2">
    																	<div class="col-3">
    																		<div class="">
    																			<i class="bx bx-angry bx-md"></i>
    																		</div>
    																	</div>
    																	<div class="col-7">
    																		<span style="font-size: 12px;"> Pending</span><br>
    																		<span style="font-size: 12px;"> 2</span> 
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    													<div class="col-sm-3 p-1">
    														<div>
    															<div class="card" style="border: 1px solid #dbdf01; color: #979400;">
    																<div class="row p-2">
    																	<div class="col-3">
    																		<div class="">
    																			<i class="bx bx-wink-smile bx-md"></i>
    																		</div>
    																	</div>
    																	<div class="col-7">
    																		<span style="font-size: 12px;"> Pardoned</span><br>
    																		<span style="font-size: 12px;"> 1</span> 
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    												</div>
    												<div class="row mt-5 mb-1">
    													<div class="col-sm-12">
    														<div class="row">
    															<div class="col-9">
    																<div style="border-left: #8a8a8a solid 4px; margin-top: 10px; height: 30px; padding: 0px 5px 0px 10px;">
    																	<h5>Disciplinary History</h5>
    																</div>
    															</div>
    															<div class="col-3">
    																<ul class="nav nav-tabs mb-3 customtab pull-right" style="border-bottom: none;"  id="exD" role="tablist">
    																	<li class="nav-item border m-1" style="border-radius: 5px;" role="presentation">
    																		<a
    																		class="nav-link active"
    																		id="exD-tab-1"
    																		data-bs-toggle="tab"
    																		href="#exD-tabs-1"
    																		role="tab"
    																		aria-controls="exD-tabs-1"
    																		aria-selected="true"><i class="bx bx-grid-alt bx-sm"></i></a>
    																	</li>
    																	<li class="nav-item border m-1" style="border-radius: 5px;" role="presentation">
    																		<a
    																		class="nav-link"
    																		id="exD-tab-2"
    																		data-bs-toggle="tab"
    																		href="#exD-tabs-2"
    																		role="tab"
    																		aria-controls="exD-tabs-2"
    																		aria-selected="false"><i class="bx bx-table bx-sm"></i></a
    																		>
    																	</li>
    																</ul>
    															</div>
    														</div>
    														<div class="tab-content" id="exD-content">
    															<div
    																class="tab-pane fade show active"
    																id="exD-tabs-1"
    																role="tabpanel"
    																aria-labelledby="exD-tab-1">
    																
    																<!-- Grid Table -->
    																<div class="col-sm-12">
    																	<div class="row">
    																		<div class="col-sm-4 p-2">
    																			<div>
    																				<div class="card" style="background-color: #f3f0f5; border: 1px solid  #2ddf01;">
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-1">
    																									<i class="bx bx-sm bx-user-voice"></i>
    																								</div>
    																								<div class="col-7">
    																									<span style="font-size: 12px; color: rgb(206, 86, 86);"> LATE COMING</span>
    																								</div>
    																								<div class="col-4">	
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #2ddf01; color: #009751;  background-color: #bdffe0;"> Completed</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-3">
    																									<img src="profile-1.jpg"style="border-radius: 15px;" width="40" alt="">
    																								</div>
    																								<div class="col-8">
    																									<span style="font-size: 10px;"> Mr. Micheal John S.</span><br>
    																									<span style="font-size: 10px;"> (Goodtidings Admin)</span>
    																									<!-- <span style="font-size: 12px;"> Mr. Micheal John S.</span> -->
    																								</div>
    																								<!-- <div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #2ddf01; color: #009751;  background-color: #bdffe0;"> On-time</span>
    																								</div> -->
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-3">
    																									<span style="font-size: 12px;"> Penalty:</span>
    																								</div>
    																								<div class="col-9">
    																									<span style="font-size: 12px;"> Salary Reduction by 5,000</span><br>
    																									<span class="p-2" style="font-size: 10px; float: right;">5th April, 2023 by 5:00pm</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																			</div>
    																		</div>
    																		<div class="col-sm-4 p-2">
    																			<div>
    																				<div class="card" style="background-color: #f3f0f5; border: 1px solid #dbdf01;">
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-1">
    																									<i class="bx bx-sm bx-user-voice"></i>
    																								</div>
    																								<div class="col-7">
    																									<span style="font-size: 12px; color: rgb(206, 86, 86);"> Skipping School</span>
    																								</div>
    																								<div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #dbdf01; color: #769700;  background-color: #f8ffbd;"> 
    																										Pardoned</span><i class="bx bx-eye"></i>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-3">
    																									<img src="profile-1.jpg"style="border-radius: 15px;" width="40" alt="">
    																								</div>
    																								<div class="col-8">
    																									<span style="font-size: 10px;"> Mr. Micheal John S.</span><br>
    																									<span style="font-size: 10px;"> (Goodtidings Admin)</span>
    																									<!-- <span style="font-size: 12px;"> Mr. Micheal John S.</span> -->
    																								</div>
    																								<!-- <div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #2ddf01; color: #009751;  background-color: #bdffe0;"> On-time</span>
    																								</div> -->
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-3">
    																									<span style="font-size: 12px;"> Penalty:</span>
    																								</div>
    																								<div class="col-9">
    																									<span style="font-size: 12px;"> Salary Reduction by 5,000</span><br>
    																									<span class="p-2" style="font-size: 10px; float: right;">5th April, 2023 by 5:00pm</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																			</div>
    																		</div>
    																		<div class="col-sm-4 p-2">
    																			<div>
    																				<div class="card" style="background-color: #f3f0f5;border: 1px solid #df0101;">
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-1">
    																									<i class="bx bx-sm bx-user-voice"></i>
    																								</div>
    																								<div class="col-7">
    																									<span style="font-size: 12px; color: rgb(206, 86, 86);"> Beating a Child</span>
    																								</div>
    																								<div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 4px 0px 4px; border-radius: 10px; border: 1px solid #df0101; color: #970000;  background-color: #ffbdbd;"> Pending</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-3">
    																									<img src="profile-1.jpg"style="border-radius: 15px;" width="40" alt="">
    																								</div>
    																								<div class="col-8">
    																									<span style="font-size: 10px;"> Mr. Micheal John S.</span><br>
    																									<span style="font-size: 10px;"> (Goodtidings Admin)</span>
    																									<!-- <span style="font-size: 12px;"> Mr. Micheal John S.</span> -->
    																								</div>
    																								<!-- <div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #2ddf01; color: #009751;  background-color: #bdffe0;"> On-time</span>
    																								</div> -->
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-3">
    																									<span style="font-size: 12px;"> Penalty:</span>
    																								</div>
    																								<div class="col-9">
    																									<span style="font-size: 12px;"> Apology Letter to the Parents</span><br>
    																									<span class="p-2" style="font-size: 10px; float: right;">5th April, 2023 by 5:00pm</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																			</div>
    																		</div>
    																		<div class="col-sm-4 p-2">
    																			<div>
    																				<div class="card" style="background-color: #f3f0f5; border: 1px solid #2ddf01;">
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-1">
    																									<i class="bx bx-sm bx-user-voice"></i>
    																								</div>
    																								<div class="col-7">
    																									<span style="font-size: 12px; color: rgb(206, 86, 86);"> LATE COMING</span>
    																								</div>
    																								<div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #2ddf01; color: #009751;  background-color: #bdffe0;"> Completed</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-3">
    																									<img src="profile-1.jpg"style="border-radius: 15px;" width="40" alt="">
    																								</div>
    																								<div class="col-8">
    																									<span style="font-size: 10px;"> Mr. Micheal John S.</span><br>
    																									<span style="font-size: 10px;"> (Goodtidings Admin)</span>
    																									<!-- <span style="font-size: 12px;"> Mr. Micheal John S.</span> -->
    																								</div>
    																								<!-- <div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #2ddf01; color: #009751;  background-color: #bdffe0;"> On-time</span>
    																								</div> -->
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-3">
    																									<span style="font-size: 12px;"> Penalty:</span>
    																								</div>
    																								<div class="col-9">
    																									<span style="font-size: 12px;"> Salary Reduction by 5,000</span><br>
    																									<span class="p-2" style="font-size: 10px; float: right;">5th April, 2023 by 5:00pm</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																			</div>
    																		</div>
    																		<div class="col-sm-4 p-2">
    																			<div>
    																				<div class="card" style="background-color: #f3f0f5; border: 1px solid #dbdf01;">
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-1">
    																									<i class="bx bx-sm bx-user-voice"></i>
    																								</div>
    																								<div class="col-7">
    																									<span style="font-size: 12px; color: rgb(206, 86, 86);"> Skipping School</span>
    																								</div>
    																								<div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #dbdf01; color: #769700;  background-color: #f8ffbd;"> Pardoned</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-3">
    																									<img src="profile-1.jpg"style="border-radius: 15px;" width="40" alt="">
    																								</div>
    																								<div class="col-8">
    																									<span style="font-size: 10px;"> Mr. Micheal John S.</span><br>
    																									<span style="font-size: 10px;"> (Goodtidings Admin)</span>
    																									<!-- <span style="font-size: 12px;"> Mr. Micheal John S.</span> -->
    																								</div>
    																								<!-- <div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #2ddf01; color: #009751;  background-color: #bdffe0;"> On-time</span>
    																								</div> -->
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-3">
    																									<span style="font-size: 12px;"> Penalty:</span>
    																								</div>
    																								<div class="col-9">
    																									<span style="font-size: 12px;"> Salary Reduction by 5,000</span><br>
    																									<span class="p-2" style="font-size: 10px; float: right;">5th April, 2023 by 5:00pm</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																			</div>
    																		</div>
    																		<div class="col-sm-4 p-2">
    																			<div>
    																				<div class="card" style="background-color: #f3f0f5; border: 1px solid #df0101;">
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-1">
    																									<i class="bx bx-sm bx-user-voice"></i>
    																								</div>
    																								<div class="col-7">
    																									<span style="font-size: 12px; color: rgb(206, 86, 86);"> Beating a Child</span>
    																								</div>
    																								<div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 4px 0px 4px; border-radius: 10px; border: 1px solid #df0101; color: #970000;  background-color: #ffbdbd;"> Pending</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-3">
    																									<img src="profile-1.jpg"style="border-radius: 15px;" width="40" alt="">
    																								</div>
    																								<div class="col-8">
    																									<span style="font-size: 10px;"> Mr. Micheal John S.</span><br>
    																									<span style="font-size: 10px;"> (Goodtidings Admin)</span>
    																									<!-- <span style="font-size: 12px;"> Mr. Micheal John S.</span> -->
    																								</div>
    																								<!-- <div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #2ddf01; color: #009751;  background-color: #bdffe0;"> On-time</span>
    																								</div> -->
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-1">
    																						<div class="col-sm-12">
    																							<div class="row">
    																								<div class="col-3">
    																									<span style="font-size: 12px;"> Penalty:</span>
    																								</div>
    																								<div class="col-9">
    																									<span style="font-size: 12px;"> Apology Letter to the Parents</span><br>
    																									<span class="p-2" style="font-size: 10px; float: right;">5th April, 2023 by 5:00pm</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																			</div>
    																		</div>
    																	</div>
    																</div>
    																<!--/ Table -->
    															</div>
    															<div class="tab-pane fade" id="exD-tabs-2" role="tabpanel" aria-labelledby="exD-tab-2">
    																<div class="col-sm-12">
    																	<div class="table-responsive">
    																		<table class="table text-nowrap mb-0 align-items-center">
    																		<thead class="text-dark fs-6">
    																			<tr>
    																			<th class="border-bottom-0">
    																				<h6 class="fw-semibold mb-0">Date</h6>
    																			</th>
    																			<th class="border-bottom-0">
    																				<h6 class="fw-semibold mb-0">Offence</h6>
    																			</th>
    																			<th class="border-bottom-0">
    																				<h6 class="fw-semibold mb-0">Disciplinarian</h6>
    																			</th>
    																			<th class="border-bottom-0">
    																				<h6 class="fw-semibold mb-0">Penalty</h6>
    																			</th>
    																			<th class="border-bottom-0">
    																				<h6 class="fw-semibold mb-0">Status</h6>
    																			</th>
    																			</tr>
    																		</thead>
    																		<tbody>
    																			<tr>
    																				<td class="border-bottom-0"><p class="fw-normal mb-0">10th April, 2023 by 8:00am</p></td>
    																				<td class="border-bottom-0">
    																					<span class="fw-normal">Late Coming</span>                          
    																				</td>
    																				<td class="border-bottom-0">
    																					<span class="fw-normal">Mr. Mike jones (Admin)</span>                          
    																				</td>
    																				<td class="border-bottom-0">
    																					<p class="mb-0 fw-normal">Salary Reduction by 5,000</p>
    																				</td>
    																				<td class="border-bottom-0">
    																					<div class="d-flex align-items-center gap-2">
    																					<span class="text-success fw-semibold">Completed</span>
    																					</div>
    																				</td>
    																			</tr> 
    																			<tr>
    																				<td class="border-bottom-0"><p class="fw-normal mb-0">10th April, 2023 by 8:00am</p></td>
    																				<td class="border-bottom-0">
    																					<span class="fw-normal">Beating up a Child</span>                          
    																				</td>
    																				<td class="border-bottom-0">
    																					<span class="fw-normal">Mr. Mike jones (Admin)</span>                          
    																				</td>
    																				<td class="border-bottom-0">
    																					<p class="mb-0 fw-normal">Apology Letter</p>
    																				</td>
    																				<td class="border-bottom-0">
    																					<div class="d-flex align-items-center gap-2">
    																					<span class="text-warning fw-semibold">Pardoned</span>
    																					</div>
    																				</td>
    																			</tr>
    																			<tr>
    																				<td class="border-bottom-0"><p class="fw-normal mb-0">10th April, 2023 by 8:00am</p></td>
    																				<td class="border-bottom-0">
    																					<span class="fw-normal">Late Coming</span>                          
    																				</td>
    																				<td class="border-bottom-0">
    																					<span class="fw-normal">Mr. Mike jones (Admin)</span>                          
    																				</td>
    																				<td class="border-bottom-0">
    																					<p class="mb-0 fw-normal">Salary Reduction by 5,000</p>
    																				</td>
    																				<td class="border-bottom-0">
    																					<div class="d-flex align-items-center gap-2">
    																					<span class="text-success fw-semibold">Completed</span>
    																					</div>
    																				</td>
    																			</tr> 
    																			<tr>
    																				<td class="border-bottom-0"><p class="fw-normal mb-0">10th April, 2023 by 8:00am</p></td>
    																				<td class="border-bottom-0">
    																					<span class="fw-normal">Beating up a Child</span>                          
    																				</td>
    																				<td class="border-bottom-0">
    																					<span class="fw-normal">Mr. Mike jones (Admin)</span>                          
    																				</td>
    																				<td class="border-bottom-0">
    																					<p class="mb-0 fw-normal">Apology Letter</p>
    																				</td>
    																				<td class="border-bottom-0">
    																					<div class="d-flex align-items-center gap-2">
    																					<span class="text-danger fw-semibold">Pending</span>
    																					</div>
    																				</td>
    																			</tr>
    																			<tr>
    																				<td class="border-bottom-0"><p class="fw-normal mb-0">10th April, 2023 by 8:00am</p></td>
    																				<td class="border-bottom-0">
    																					<span class="fw-normal">Beating up a Child</span>                          
    																				</td>
    																				<td class="border-bottom-0">
    																					<span class="fw-normal">Mr. Mike jones (Admin)</span>                          
    																				</td>
    																				<td class="border-bottom-0">
    																					<p class="mb-0 fw-normal">Apology Letter</p>
    																				</td>
    																				<td class="border-bottom-0">
    																					<div class="d-flex align-items-center gap-2">
    																					<span class="text-warning fw-semibold">Pardoned</span>
    																					</div>
    																				</td>
    																			</tr>                       
    																		</tbody>
    																		</table>
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    												</div>
    											</div>
    										</div>
    									</div>
    								</div>
    							</div>
    							<div class="tab-pane fade" id="ex1-tabs-7" role="tabpanel" aria-labelledby="ex1-tab-7">
    								<div class="row p-3">
    									<div class="col-xl-4 col-lg-5 col-md-5">
    										<!-- Leaves Tab -->
    										<div class="card mb-2 mt-3">
    											<div class="card-body">
    												<div class="row flex-row d-flex">
    													<div class="col-10">
    														<p class="text-muted fs-6 fw-bolder">Leave</p>
    													</div>
    													<div class="col-2">
    														<!-- <i class="bx bx-pencil bx-sm edit_button" style="<?php //echo $edit_btn;?>"></i> -->
    													</div>
    												</div>
    												<ul class="list-unstyled mb-4 mt-3">
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-user"></i><span class="fw-semibold mx-2">Leaves Available</span> <span>
    													<div class="card  ms-1" style="padding: 4px; color: #009700;  border-radius: 30px 30px 30px 30px; background-color: #bdffd8;"> 20</div>
    												</span></li>
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-check"></i><span class="fw-semibold mx-2">Leaves Taken</span> <span>
    													<div class="card ms-1" style="padding: 5px; border-radius: 30px 30px 30px 30px; color: #009751;  background-color: #bdffe0;"> 10</div>
    												</span></li>
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-stopwatch"></i><span class="fw-semibold mx-2">Leaves Pending</span> <span>
    													<div class="card ms-1" style="padding: 5px; border-radius: 30px 30px 30px 30px; color: #8d9700;  background-color: #f3ffbd;"> 2</div>
    												</span></li>
    												<li class="d-flex align-items-center mb-3"><i class="bx bx-check"></i><span class="fw-semibold mx-2">Leaves Rejected</span> <span>
    													<div class="card ms-1" style="padding: 5px; color: #970000; border-radius: 30px 30px 30px 30px; background-color: #ffc1bd;"> 8</div>
    												</span></li>
    												</ul>
    											</div>
    										</div>
    										<!--/ Leaves Tab -->
    									</div>
    
    									<div class="col-xl-8 col-lg-7 col-md-7">
    										<!-- Leaves Table-->
    										<div class="card card-action mb-2 mt-3">
    											<div class="card-body">
    												<div class="hello-park">
    													<div class="row flex-row d-flex">
    														<div class="col-8">
    															<p class="text-muted fs-6 fw-bolder">Leave Status</p>
    														</div>
    														<div class="col-4 pull-right">
    															<button type="button" class="btn btn-sm fw-normal fs-7 btn-primary pull-right align-content-center" 
    															style="width: 75px;
    															height: 22px;
    															border: 0 none transparent;
    															padding:0;
    															margin:0;
    															border-radius: 15px;"><i class="bx bx-plus" ></i> Apply</button>
    														</div>
    													</div>
    												</div>
    												<div class="table-responsive">
    													<table class="table text-nowrap mb-0 align-items-center">
    													<thead class="text-dark fs-6">
    														<tr>
    														<th class="border-bottom-0">
    															<h6 class="fw-semibold mb-0">Leave Type</h6>
    														</th>
    														<th class="border-bottom-0">
    															<h6 class="fw-semibold mb-0">From</h6>
    														</th>
    														<th class="border-bottom-0">
    															<h6 class="fw-semibold mb-0">To</h6>
    														</th>
    														<th class="border-bottom-0">
    															<h6 class="fw-semibold mb-0">Days</h6>
    														</th>
    														<th class="border-bottom-0">
    															<h6 class="fw-semibold mb-0">Permission</h6>
    														</th>
    														</tr>
    													</thead>
    													<tbody>
    														<tr>
    														<td class="border-bottom-0"><p class="fw-normal mb-0">Sick</p></td>
    														<td class="border-bottom-0">
    															<span class="fw-normal">10.11.2023</span>                          
    														</td>
    														<td class="border-bottom-0">
    															<p class="mb-0 fw-normal">11.10.2013</p>
    														</td>
    														<td class="border-bottom-0">
    															<h6 class="fw-normal mb-0">2</h6>
    														</td>
    														<td class="border-bottom-0">
    															<div class="d-flex align-items-center gap-2">
    															<span class="text-warning fw-semibold">Pending</span>
    															</div>
    														</td>
    														</tr> 
    														<tr>
    															<td class="border-bottom-0"><p class="fw-normal mb-0">Casual</h6></p>
    															<td class="border-bottom-0">
    																<span class="fw-normal">10.11.2023</span>                          
    															</td>
    															<td class="border-bottom-0">
    																<p class="mb-0 fw-normal">11.10.2013</p>
    															</td>
    															<td class="border-bottom-0">
    																<h6 class="fw-normal mb-0">5</h6>
    															</td>
    															<td class="border-bottom-0">
    																<div class="d-flex align-items-center gap-2">
    																<span class="text-success fw-semibold">Approved</span>
    																</div>
    															</td>
    														</tr>
    														<tr>
    															<td class="border-bottom-0"><p class="fw-normal mb-0">Sick</p></td>
    															<td class="border-bottom-0">
    																<span class="fw-normal">10.11.2023</span>                          
    															</td>
    															<td class="border-bottom-0">
    															<p class="mb-0 fw-normal">11.10.2013</p>
    															</td>
    															<td class="border-bottom-0">
    															<h6 class="fw-normal mb-0">3</h6>
    															</td>
    															<td class="border-bottom-0">
    															<div class="d-flex align-items-center gap-2">
    																<span class="text-danger fw-semibold">Rejected</span>
    															</div>
    															</td>
    														</tr>
    														<tr>
    															<td class="border-bottom-0"><p class="fw-normal mb-0">Casual</p></td>
    															<td class="border-bottom-0">
    																<span class="fw-normal">10.11.2023</span>                          
    															</td>
    															<td class="border-bottom-0">
    															<p class="mb-0 fw-normal">11.10.2013</p>
    															</td>
    															<td class="border-bottom-0">
    															<h6 class="fw-normal mb-0">7</h6>
    															</td>
    															<td class="border-bottom-0">
    															<div class="d-flex align-items-center gap-2">
    																<span class="text-warning fw-semibold">Pending</span>
    															</div>
    															</td>
    														</tr> 
    														<tr>
    															<td class="border-bottom-0"><p class="fw-normal mb-0">Child Birth</p></td>
    															<td class="border-bottom-0">
    																<span class="fw-normal">10.11.2023</span>                          
    															</td>
    															<td class="border-bottom-0">
    															<p class="mb-0 fw-normal">11.10.2013</p>
    															</td>
    															<td class="border-bottom-0">
    															<h6 class="fw-normal mb-0">60</h6>
    															</td>
    															<td class="border-bottom-0">
    															<div class="d-flex align-items-center gap-2">
    																<span class="text-warning fw-semibold">Pending</span>
    															</div>
    															</td>
    														</tr>                        
    													</tbody>
    													</table>
    												</div>
    											</div>
    										</div>
    										<!-- Leaves Table -->
    									</div>
    
    								</div>
    							</div>
    							<div class="tab-pane fade" id="ex1-tabs-8" role="tabpanel" aria-labelledby="ex1-tab-8">
    								<div class="row">
    									<div class="col-sm-12 col-xl-12 col-lg-12 col-md-12 p-5">
    										<div class="card mb-2">
    											<div class="card-body subjects">
    												<div class="row">
    													<div class="col-sm-3 p-1">
    														<div>
    															<div class="card" style="border: 1px solid #015adf; color: #001797;  background-color: #bdbeff;">
    																<div class="row p-2">
    																	<div class="col-3">
    																		<div class="taribadge">
    																			<i class="bx bx-time bx-sm"></i>
    																		</div>
    																	</div>
    																	<div class="col-7">
    																		<span style="font-size: 12px;"> 309</span> <br>
    																		<span style="font-size: 12px;"> Total Attendance</span>
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    													<div class="col-sm-3 p-1">
    														<div>
    															<div class="card" style="border: 1px solid #2ddf01; color: #009751;  background-color: #bdffe0;">
    																<div class="row p-2">
    																	<div class="col-3">
    																		<div class="taribadge">
    																			<i class="bx bx-time bx-sm"></i>
    																		</div>
    																	</div>
    																	<div class="col-7">
    																		<span style="font-size: 12px;"> 100</span> <br>
    																		<span style="font-size: 12px;"> Total Present</span>
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    													<div class="col-sm-3 p-1">
    														<div>
    															<div class="card" style="border: 1px solid #df010c; color: #970026; background-color: #ffbdcd;">
    																<div class="row p-2">
    																	<div class="col-3">
    																		<div class="taribadge">
    																			<i class="bx bx-time bx-sm"></i>
    																		</div>
    																	</div>
    																	<div class="col-7">
    																		<span style="font-size: 12px;"> 15</span> <br>
    																		<span style="font-size: 12px;"> Total Absent</span>
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    													<div class="col-sm-3 p-1">
    														<div>
    															<div class="card" style="border: 1px solid #dbdf01; color: #979400; background-color: #fffebd;">
    																<div class="row p-2">
    																	<div class="col-3">
    																		<div class="taribadge">
    																			<i class="bx bx-time bx-sm"></i>
    																		</div>
    																	</div>
    																	<div class="col-7">
    																		<span style="font-size: 12px;"> 15</span> <br>
    																		<span style="font-size: 12px;"> Total Excused</span>
    																	</div>
    																</div>
    																<!-- <div class="row mx-1">
    																	<div class="col-12 mb-2 ">
    																		<button  type="button" style="border: 1px solid #2ddf01;
    																		color: #009751;  background-color: #bdffe0;" class="btn btn-lg chiActive mt-1">
    																			Mathematics
    																		</button >
    																		<button  type="button" style="border: 1px solid #014fdf;
    																		color: #002397;  background-color: #c7bdff;" class="btn btn-lg chiActive mt-1">
    																			English Language
    																		</button >
    																		<button  type="button" style="border: 1px solid #dbdf01;
    																		color: #979400; background-color: #fffebd;" class="btn btn-lg chiActive mt-1">
    																			Basic Science
    																		</button >
    																		<button  type="button" style="border: 1px solid #df010c;
    																		color: #970026; background-color: #ffbdcd;" class="btn btn-lg chiActive mt-1">
    																			Health Education
    																		</button >
    																		<button  type="button" style="border: 1px solid #df019c;
    																		color: #970076; background-color: #ffbdf9;" class="btn btn-lg chiActive mt-1">
    																			Computer Studies
    																		</button >
    																	</div>
    																</div> -->
    															</div>
    														</div>
    													</div>
    												</div>
    												<div class="row mt-5 mb-1">
    													<div class="col-sm-12">
    														<div class="row">
    															<div class="col-9">
    																<div style="border-left: #8a8a8a solid 4px; margin-top: 10px; height: 30px; padding: 0px 5px 0px 10px;">
    																	<h5>Attendance History</h5>
    																</div>
    															</div>
    															<div class="col-3">
    																<ul class="nav nav-tabs mb-3 customtab pull-right" style="border-bottom: none;"  id="exA" role="tablist">
    																	<li class="nav-item border m-1" style="border-radius: 5px;" role="presentation">
    																		<a
    																		class="nav-link active"
    																		id="exA-tab-1"
    																		data-bs-toggle="tab"
    																		href="#exA-tabs-1"
    																		role="tab"
    																		aria-controls="exA-tabs-1"
    																		aria-selected="true"><i class="bx bx-grid-alt bx-sm"></i></a>
    																	</li>
    																	<li class="nav-item border m-1" style="border-radius: 5px;" role="presentation">
    																		<a
    																		class="nav-link"
    																		id="exA-tab-2"
    																		data-bs-toggle="tab"
    																		href="#exA-tabs-2"
    																		role="tab"
    																		aria-controls="exA-tabs-2"
    																		aria-selected="false"><i class="bx bx-table bx-sm"></i></a
    																		>
    																	</li>
    																</ul>
    															</div>
    														</div>
    														<div class="tab-content" id="exA-content">
    															<div
    																class="tab-pane fade show active"
    																id="exA-tabs-1"
    																role="tabpanel"
    																aria-labelledby="exA-tab-1">
    																
    																<!-- Grid Table -->
    																<div class="col-sm-12">
    																	<div class="row">
    																		<div class="col-sm-3 p-1">
    																			<div>
    																				<div class="card" style="background-color: #f3f0f5;">
    																					<div class="row p-2">
    																						<div class="col-12">
    																							<div class="row">
    																								<div class="col-1">
    																									<i class="bx bx-time"></i>
    																								</div>
    																								<div class="col-6">
    																									<span style="font-size: 12px;"> Mar. 27, 2023</span>
    																								</div>
    																								<div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #2ddf01; color: #009751;  background-color: #bdffe0;"> On-time</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-2 mt-3">
    																						<div class="col-12">
    																							<div class="row">
    																								<div class="col-6">
    																									<span style="font-size: 10px;">Check In Time</span><br>
    																									<span style="font-size: 10px;"><strong>7:00 am</strong></span>
    																								</div>
    																								<div class="col-6 ">
    																									<span style="font-size: 10px;" class="">Check Out Time</span><br>
    																									<span style="font-size: 10px;"><strong>5:00 pm</strong></span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																			</div>
    																		</div>
    																		<div class="col-sm-3 p-1">
    																			<div>
    																				<div class="card" style="background-color: #f3f0f5;">
    																					<div class="row p-2">
    																						<div class="col-12">
    																							<div class="row">
    																								<div class="col-1">
    																									<i class="bx bx-time"></i>
    																								</div>
    																								<div class="col-6">
    																									<span style="font-size: 12px;"> Mar. 27, 2023</span>
    																								</div>
    																								<div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #dbdf01; color: #769700;  background-color: #f8ffbd;"> Absent</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-2 mt-3">
    																						<div class="col-12">
    																							<div class="row">
    																								<div class="col-6">
    																									<span style="font-size: 10px;">Check In Time</span><br>
    																									<span style="font-size: 10px;"><strong>--:--</strong></span>
    																								</div>
    																								<div class="col-6 ">
    																									<span style="font-size: 10px;" class="">Check Out Time</span><br>
    																									<span style="font-size: 10px;"><strong>--:--</strong></span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																			</div>
    																		</div>
    																		<div class="col-sm-3 p-1">
    																			<div>
    																				<div class="card" style="background-color: #f3f0f5;">
    																					<div class="row p-2">
    																						<div class="col-12">
    																							<div class="row">
    																								<div class="col-1">
    																									<i class="bx bx-time"></i>
    																								</div>
    																								<div class="col-6">
    																									<span style="font-size: 12px;"> Mar. 27, 2023</span>
    																								</div>
    																								<div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 4px 0px 4px; border-radius: 10px; border: 1px solid #df0101; color: #970000;  background-color: #ffbdbd;"> Late</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-2 mt-3">
    																						<div class="col-12">
    																							<div class="row">
    																								<div class="col-6">
    																									<span style="font-size: 10px;">Check In Time</span><br>
    																									<span style="font-size: 10px;"><strong>7:00 am</strong></span>
    																								</div>
    																								<div class="col-6 ">
    																									<span style="font-size: 10px;" class="">Check Out Time</span><br>
    																									<span style="font-size: 10px;"><strong>5:00 pm</strong></span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																			</div>
    																		</div>
    																		<div class="col-sm-3 p-1">
    																			<div>
    																				<div class="card" style="background-color: #f3f0f5;">
    																					<div class="row p-2">
    																						<div class="col-12">
    																							<div class="row">
    																								<div class="col-1">
    																									<i class="bx bx-time"></i>
    																								</div>
    																								<div class="col-6">
    																									<span style="font-size: 12px;"> Mar. 27, 2023</span>
    																								</div>
    																								<div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #2ddf01; color: #009751;  background-color: #bdffe0;"> On-time</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-2 mt-3">
    																						<div class="col-12">
    																							<div class="row">
    																								<div class="col-6">
    																									<span style="font-size: 10px;">Check In Time</span><br>
    																									<span style="font-size: 10px;"><strong>7:00 am</strong></span>
    																								</div>
    																								<div class="col-6 ">
    																									<span style="font-size: 10px;" class="">Check Out Time</span><br>
    																									<span style="font-size: 10px;"><strong>5:00 pm</strong></span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																			</div>
    																		</div>
    																		<div class="col-sm-3 p-1">
    																			<div>
    																				<div class="card" style="background-color: #f3f0f5;">
    																					<div class="row p-2">
    																						<div class="col-12">
    																							<div class="row">
    																								<div class="col-1">
    																									<i class="bx bx-time"></i>
    																								</div>
    																								<div class="col-6">
    																									<span style="font-size: 12px;"> Mar. 27, 2023</span>
    																								</div>
    																								<div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #2ddf01; color: #009751;  background-color: #bdffe0;"> On-time</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-2 mt-3">
    																						<div class="col-12">
    																							<div class="row">
    																								<div class="col-6">
    																									<span style="font-size: 10px;">Check In Time</span><br>
    																									<span style="font-size: 10px;"><strong>7:00 am</strong></span>
    																								</div>
    																								<div class="col-6 ">
    																									<span style="font-size: 10px;" class="">Check Out Time</span><br>
    																									<span style="font-size: 10px;"><strong>5:00 pm</strong></span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																			</div>
    																		</div>
    																		<div class="col-sm-3 p-1">
    																			<div>
    																				<div class="card" style="background-color: #f3f0f5;">
    																					<div class="row p-2">
    																						<div class="col-12">
    																							<div class="row">
    																								<div class="col-1">
    																									<i class="bx bx-time"></i>
    																								</div>
    																								<div class="col-6">
    																									<span style="font-size: 12px;"> Mar. 27, 2023</span>
    																								</div>
    																								<div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #dbdf01; color: #769700;  background-color: #f8ffbd;"> Absent</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-2 mt-3">
    																						<div class="col-12">
    																							<div class="row">
    																								<div class="col-6">
    																									<span style="font-size: 10px;">Check In Time</span><br>
    																									<span style="font-size: 10px;"><strong>--:--</strong></span>
    																								</div>
    																								<div class="col-6 ">
    																									<span style="font-size: 10px;" class="">Check Out Time</span><br>
    																									<span style="font-size: 10px;"><strong>--:--</strong></span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																			</div>
    																		</div>
    																		<div class="col-sm-3 p-1">
    																			<div>
    																				<div class="card" style="background-color: #f3f0f5;">
    																					<div class="row p-2">
    																						<div class="col-12">
    																							<div class="row">
    																								<div class="col-1">
    																									<i class="bx bx-time"></i>
    																								</div>
    																								<div class="col-6">
    																									<span style="font-size: 12px;"> Mar. 27, 2023</span>
    																								</div>
    																								<div class="col-4">
    																									<span class="pull-right" style="font-size: 11px; padding:0px 2px 0px 2px; border-radius: 10px; border: 1px solid #2ddf01; color: #009751;  background-color: #bdffe0;"> On-time</span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																					<div class="row p-2 mt-3">
    																						<div class="col-12">
    																							<div class="row">
    																								<div class="col-6">
    																									<span style="font-size: 10px;">Check In Time</span><br>
    																									<span style="font-size: 10px;"><strong>7:00 am</strong></span>
    																								</div>
    																								<div class="col-6 ">
    																									<span style="font-size: 10px;" class="">Check Out Time</span><br>
    																									<span style="font-size: 10px;"><strong>5:00 pm</strong></span>
    																								</div>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																			</div>
    																		</div>
    																		
    																	</div>
    																</div>
    																<!--/ Table -->
    															</div>
    															<div class="tab-pane fade" id="exA-tabs-2" role="tabpanel" aria-labelledby="exA-tab-2">
    																<div class="col-sm-12">
    																	<div class="table-responsive">
    																		<table class="table text-nowrap mb-0 align-items-center">
    																		<thead class="text-dark fs-6">
    																			<tr>
    																			<th class="border-bottom-0">
    																				<h6 class="fw-semibold mb-0">Date</h6>
    																			</th>
    																			<th class="border-bottom-0">
    																				<h6 class="fw-semibold mb-0">Check In</h6>
    																			</th>
    																			<th class="border-bottom-0">
    																				<h6 class="fw-semibold mb-0">Check Out</h6>
    																			</th>
    																			<th class="border-bottom-0">
    																				<h6 class="fw-semibold mb-0">Status</h6>
    																			</th>
    																			</tr>
    																		</thead>
    																		<tbody>
    																			<tr>
    																			<td class="border-bottom-0"><p class="fw-normal mb-0">10th April, 2023</p></td>
    																			<td class="border-bottom-0">
    																				<span class="fw-normal">--:--</span>                          
    																			</td>
    																			<td class="border-bottom-0">
    																				<p class="mb-0 fw-normal">--:--</p>
    																			</td>
    																			<td class="border-bottom-0">
    																				<div class="d-flex align-items-center gap-2">
    																				<span class="text-success fw-semibold">Present</span>
    																				</div>
    																			</td>
    																			</tr> 
    																			<tr>
    																				<td class="border-bottom-0"><p class="fw-normal mb-0">15th March, 2023</h6></p>
    																				<td class="border-bottom-0">
    																					<span class="fw-normal">7:00 am</span>                          
    																				</td>
    																				<td class="border-bottom-0">
    																					<p class="mb-0 fw-normal">4:00 pm</p>
    																				</td>
    																				<td class="border-bottom-0">
    																					<div class="d-flex align-items-center gap-2">
    																					<span class="text-success fw-semibold">Present</span>
    																					</div>
    																				</td>
    																			</tr>
    																			<tr>
    																				<td class="border-bottom-0"><p class="fw-normal mb-0">18th October, 2023</p></td>
    																				<td class="border-bottom-0">
    																					<span class="fw-normal">--:--</span>                          
    																				</td>
    																				<td class="border-bottom-0">
    																				<p class="mb-0 fw-normal">--:--</p>
    																				</td>
    																				<td class="border-bottom-0">
    																				<div class="d-flex align-items-center gap-2">
    																					<span class="text-danger fw-semibold">Absent</span>
    																				</div>
    																				</td>
    																			</tr>
    																			<tr>
    																				<td class="border-bottom-0"><p class="fw-normal mb-0">11th Febuary, 2023</p></td>
    																				<td class="border-bottom-0">
    																					<span class="fw-normal">6:00 am</span>                          
    																				</td>
    																				<td class="border-bottom-0">
    																				<p class="mb-0 fw-normal">6:00 pm</p>
    																				</td>
    																				<td class="border-bottom-0">
    																				<div class="d-flex align-items-center gap-2">
    																					<span class="text-warning fw-semibold">Excused</span>
    																				</div>
    																				</td>
    																			</tr> 
    																			<tr>
    																				<td class="border-bottom-0"><p class="fw-normal mb-0">19th June, 2023</p></td>
    																				<td class="border-bottom-0">
    																					<span class="fw-normal">--:--</span>                          
    																				</td>
    																				<td class="border-bottom-0">
    																				<p class="mb-0 fw-normal">--:--</p>
    																				</td>
    																				<td class="border-bottom-0">
    																				<div class="d-flex align-items-center gap-2">
    																					<span class="text-warning fw-semibold">Excused</span>
    																				</div>
    																				</td>
    																			</tr>                        
    																		</tbody>
    																		</table>
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    												</div>
    											</div>
    										</div>
    									</div>
    								</div>
    							</div>
    							<div class="tab-pane fade" id="ex1-tabs-9" role="tabpanel" aria-labelledby="ex1-tab-9">
    								<div class="row">
    									<div class="col-sm-12 col-xl-12 col-lg-12 col-md-12 p-5">
    										<!-- Education -->
    										<div class="card card- mb-2">
    											<div class="card-body">
    												<div class="row flex-row d-flex">
    													<div class="col-8">
    														<p class="text-muted fs-5 fw-bolder">Education</p>
    													</div>
    													<div class="col-4">
    														<div class="row pull-right">
    															<div class="col-6">
    																<i class="bx bx-pencil bx-sm edit_button" style="<?php echo $edit_btn;?>"></i>
    															</div>
    															<div class="col-6">
    																<i class="bx bx-plus bx-sm edit_button"></i>
    															</div>
    														</div>
    													</div>
    												</div>
    												<div class="d-flex flex-wrap">
    													<div class="chiBadgeCardOrange">
    														<span class="chiBadgeCardTextOrange fw-bolder">C</span>
    													</div>
    													<div class="ms-2">
    														<span> Command Secondary School Kaduna</span>
    														<br>
    														<span>West African Examination Council</span>
    														<p class="fw-lighter">Sep 2008 - Aug 2009</p>
    													</div>
    												</div>
    												<hr class="mt-0"/>
    												<div class="d-flex flex-wrap">
    													<div class="chiBadgeCardOrange">
    														<span class="chiBadgeCardTextOrange fw-bolder">C</span>
    													</div>
    													<div class="ms-2">
    														<span> Command Secondary School Kaduna</span>
    														<br>
    														<span>West African Examination Council</span>
    														<p class="fw-lighter">Sep 2008 - Aug 2009</p>
    													</div>
    												</div>
    											</div>
    										</div>
    										<!--/ Education -->
    
    										<!-- Certification -->
    										<div class="card mb-2">
    											<div class="card-body subjects">
    												<div class="row flex-row d-flex">
    													<div class="col-8">
    														<p class="text-muted fs-5 fw-bolder">Certification</p>
    													</div>
    													<div class="col-4">
    														<div class="row pull-right">
    															<div class="col-6">
    																<i class="bx bx-pencil bx-sm edit_button" style="<?php echo $edit_btn;?>"></i>
    															</div>
    															<div class="col-6">
    																<i class="bx bx-plus bx-sm edit_button" ></i>
    															</div>
    														</div>
    													</div>
    												</div>
    												<div class="row">
    
    													<div class="col-sm-6 p-1">
    														<div>
    															<div class="card shadow-sm" style="border: 1px solid #e8ebf0; color: #101114;">
    																<div class="row p-3">
    																	<div class="col-2">
    																		<div class="">
    																			<!-- <img class="tari_award_img" src="profile-1.jpg" width="60"> -->
    																			<?php
    																				echo '<img class="tari_award_img" src="../../assets/images/Staff-Profile-Images/'.$StaffPhoto.'" width="60">';
    																			?>
    																		</div>
    																	</div>
    																	<div class="col-8">
    																		<span><strong>Title: </strong></span><span style="font-size: 12px;"> Best English Teacher</span> <br>
    																		<span style="font-size: 12px;">Institution: Goodtidings Academy Jikwoyi</span><br>
    																		<span style="font-size: 10px;">Date: 14th June 2021</span>
    																	</div>
    																	<div class="col-2">
    																		<div class="tariaward">
    																			<i class="bx bx-certification bx-md"></i>
    																		</div>
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    
    													<div class="col-sm-6 p-1">
    														<div>
    															<div class="card shadow-sm" style="border: 1px solid #e8ebf0; color: #101114;">
    																<div class="row p-3">
    																	<div class="col-2">
    																		<div class="">
    																			<img class="tari_award_img" src="profile-1.jpg" width="60">
    																		</div>
    																	</div>
    																	<div class="col-8">
    																		<span><strong>Title: </strong></span><span style="font-size: 12px;"> Best English Teacher</span> <br>
    																		<span style="font-size: 12px;">Institution: Goodtidings Academy Jikwoyi</span><br>
    																		<span style="font-size: 10px;">Date: 14th June 2021</span>
    																	</div>
    																	<div class="col-2">
    																		<div class="tariaward">
    																			<i class="bx bx-certification bx-md"></i>
    																		</div>
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    												</div>
    												<div class="row">
    													<div class="col-sm-6 p-1">
    														<div>
    															<div class="card shadow-sm" style="border: 1px solid #e8ebf0; color: #101114;">
    																<div class="row p-3">
    																	<div class="col-2">
    																		<div class="">
    																			<img class="tari_award_img" src="profile-1.jpg" width="60">
    																		</div>
    																	</div>
    																	<div class="col-8">
    																		<span><strong>Title: </strong></span><span style="font-size: 12px;"> Best English Teacher</span> <br>
    																		<span style="font-size: 12px;">Institution: Goodtidings Academy Jikwoyi</span><br>
    																		<span style="font-size: 10px;">Date: 14th June 2021</span>
    																	</div>
    																	<div class="col-2">
    																		<div class="tariaward">
    																			<i class="bx bx-certification bx-md"></i>
    																		</div>
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    													<div class="col-sm-6 p-1">
    														<div>
    															<div class="card shadow-sm" style="border: 1px solid #e8ebf0; color: #101114;">
    																<div class="row p-3">
    																	<div class="col-2">
    																		<div class="">
    																			<img class="tari_award_img" src="profile-1.jpg" width="60">
    																		</div>
    																	</div>
    																	<div class="col-8">
    																		<span><strong>Title: </strong></span><span style="font-size: 12px;"> Best English Teacher</span> <br>
    																		<span style="font-size: 12px;">Institution: Goodtidings Academy Jikwoyi</span><br>
    																		<span style="font-size: 10px;">Date: 14th June 2021</span>
    																	</div>
    																	<div class="col-2">
    																		<div class="tariaward">
    																			<i class="bx bx-certification bx-md"></i>
    																		</div>
    																	</div>
    																</div>
    															</div>
    														</div>
    													</div>
    												</div>
    											</div>
    										</div>
    										<!-- End Certification -->
    									</div>
    								</div>
    							</div>
    							</div>
    							<!-- Tab panes -->
    					</div>
    				
    				</div>
    			</div>
    			<!--/ Navbar pills -->
            </div>

        </main>
        
        
        <div class="row justify-content-center">
            <div class="container-fluid mt-3 mb-3">
                <div class="picture-container">
                    <div class="image-error"></div>
                    <!-- student Image upload Modal -->
                    <div id="abba_update_student_image_modal" class="modal" role="dialog">
                        <div class="modal-dialog modal-md">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title">Upload Student Image</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        
                                </div>
                                <div class="modal-body">
                                    <div class="row justify-content-center">
                                        <div class="col-sm-12 col-md-12 col-lg-12 p-2">
                                            <input type="hidden" id="abba_store_student_id_for_image">
                                            
                                            <input type="hidden" id="abba_store_campus_id_for_image">
        
                                            <input type="hidden" id="abba_get_student_image_class_input">
                                            <div id="abba_student_demo_image"></div>
                                            
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary " data-bs-dismiss="modal" aria-label="Close">Cancel</button>
                                    <button class="btn btn-success abba_crop_student_image"> Submit </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--  -->
                </div>
            </div>
        </div>

        <!---====Edit Profile Side Modal Start Here====-->
    	<!-- create student -->
        <div class="modal fade modalshow modalfade" id="edit-profile" tabindex="-1"
            aria-labelledby="edit-profileLabel" aria-hidden="true">
            <div class="modal-dialog dialogcontent modal-dialog-scrollable" style="border-top-left-radius: 20px; width: 100%;">
                <div class="modal-content modalcontent" style="background-color:#ffffff; ">
        
                    <div class="modal-header">
                        <h5 class="modal-title text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                viewBox="0 0 24 24">
                                <path fill="currentColor"
                                    d="M19 17v2H7v-2s0-4 6-4s6 4 6 4m-3-9a3 3 0 1 0-3 3a3 3 0 0 0 3-3m3.2 5.06A5.6 5.6 0 0 1 21 17v2h3v-2s0-3.45-4.8-3.94M18 5a2.91 2.91 0 0 0-.89.14a5 5 0 0 1 0 5.72A2.91 2.91 0 0 0 18 11a3 3 0 0 0 0-6M8 10H5V7H3v3H0v2h3v3h2v-3h3Z" />
                            </svg> Edit
                            Student
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div style="position: fixed; margin-left: -10px; margin-top: -30px;">
                            
                        </div>
                        <!-- Navbar pills -->
                        <div class="row">
                            <div class="col-sm-12">
                                <span style="font-size:12px; font-weight:500;">Personal Info.</span>
                                <div class="card">
                                    <form class="ps-3 pe-3 pt-3 pb-0">
                                        <div class="row">
                                            
                                            <div class="col-12 col-sm-4">
                                                <div class="form-group abba_local-forms">
                                                    <label>First Name<span style="color:orangered;">*</span> </label>
                                                    <input class="form-control" type="text" placeholder="Enter First Name" id="abba_get_student_first_name" value="<?php echo $StudentFirstName; ?>">
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-4">
                                                <div class="form-group abba_local-forms">
                                                    <label>Middle Name </label>
                                                    <input class="form-control" type="text" placeholder="Enter Middle Name" id="abba_get_student_middle_name" value="<?php echo $StudentMiddleName; ?>">
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-4">
                                                <div class="form-group abba_local-forms">
                                                    <label>Last Name<span style="color:orangered;">*</span> </label>
                                                    <input class="form-control" type="text" placeholder="Enter Last Name" id="abba_get_student_last_name" value="<?php echo $StudentLastName; ?>">
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-6">
                                                <div class="form-group abba_local-forms">
                                                    <label>Phone Number </label>
                                                    <input class="form-control" type="text" name="studentphone[main]" id="abba_get_student_phone" value="<?php echo $StudentPhone; ?>">
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-6">
                                                <div class="form-group abba_local-forms">
                                                    <label>Email Address </label>
                                                    <input class="form-control" type="text" placeholder="Enter Email Address" id="abba_get_student_email" value="<?php echo $StudentEmail; ?>">
                                                </div>
                                            </div>

                                            <div class="col-12 col-sm-4">
                                                <div class="form-group abba_local-forms">
                                                    <label>Disability(ies) </label>
                                                    <input class="form-control" type="text" placeholder="Enter Disability(ies)" id="abba_get_student_disability" value="<?php echo $StudentDisability; ?>">
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-4">
                                                <div class="form-group abba_local-forms">
                                                    <label>Alergy(ies) </label>
                                                    <input class="form-control" type="text" placeholder="Enter Alergy(ies)" id="abba_get_student_alergy" value="<?php echo $StudentAllergies; ?>">
                                                </div>
                                            </div>

                                            <div class="col-12 col-sm-4">
                                                <div class="form-group abba_local-forms">
                                                    <label>Gender<span style="color:orangered;">*</span> </label>
                                                    <select class="form-control" id="abba_get_student_gender">
                                                        <option value='0'>Select Gender</option>
                                                        <option>Male</option>
                                                        <option>Female</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-4">
                                                <div class="form-group abba_local-forms">
                                                    <label>Date of Birth </label>
                                                    <input class="form-control" type="date" placeholder="Date of Birth" id="abba_get_student_dob" value="<?php echo $StudentDOB; ?>">
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-4">
                                                <div class="form-group abba_local-forms">
                                                    <label>Blood Group </label>
                                                    <select class="form-control" id="abba_get_student_blood_group">
                                                        <option value="0">Select Blood Group</option>
                                                        <option value="A+">A+</option>
                                                        <option value="A-">A-</option>
                                                        <option value="B+">B+</option>
                                                        <option value="B-">B-</option>
                                                        <option value="AB+">AB+</option>
                                                        <option value="AB-">AB-</option>
                                                        <option value="O+">O+</option>
                                                        <option value="O-">O-</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-4">
                                                <div class="form-group abba_local-forms">
                                                    <label>Religion<span style="color:orangered;">*</span> </label>
                                                    <select class="form-control" id="abba_get_student_religion">
                                                        <option value="0">Select Religion</option>
                                                        <option value="Christianity">Christianity</option>
                                                        <option value="Islam">Islam</option>
                                                        <option value="Hinduism">Hinduism</option>
                                                        <option value="African Traditional &amp; Diasporic">African Traditional &amp; Diasporic</option>
                                                        <option value="Agnostic">Agnostic</option>
                                                        <option value="Atheist">Atheist</option>
                                                        <option value="Baha'i">Baha'i</option>
                                                        <option value="Buddhism">Buddhism</option>
                                                        <option value="Cao Dai">Cao Dai</option>
                                                        <option value="Chinese traditional religion">Chinese traditional religion</option>
                                                        <option value="Jainism">Jainism</option>
                                                        <option value="Juche">Juche</option>
                                                        <option value="Judaism">Judaism</option>
                                                        <option value="Neo-Paganism">Neo-Paganism</option>
                                                        <option value="Nonreligious">Nonreligious</option>
                                                        <option value="Rastafarianism">Rastafarianism</option>
                                                        <option value="Secular">Secular</option>
                                                        <option value="Shinto">Shinto</option>
                                                        <option value="Sikhism">Sikhism</option>
                                                        <option value="Spiritism">Spiritism</option>
                                                        <option value="Tenrikyo">Tenrikyo</option>
                                                        <option value="Unitarian-Universalism">Unitarian-Universalism</option>
                                                        <option value="Zoroastrianism">Zoroastrianism</option>
                                                        <option value="primal-indigenous">primal-indigenous</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-4">
                                                <div class="form-group abba_local-forms">
                                                    <label>Country<span style="color:orangered;">*</span> </label>
                                                    <select class="form-control" id="abba_display_student_country">
                                                        <option value='0'>Choose Country</option>
        
                                                        <?php

                                                        $sqltogetcountries = mysqli_query($link, "SELECT * FROM `countries` ORDER BY CountryName ASC");
                                                        $rowtogetcountries = mysqli_fetch_assoc($sqltogetcountries);
                                                        $cnttogetcountries = mysqli_num_rows($sqltogetcountries);

                                                        if ($cnttogetcountries > 0) {
                                                            do {
                                                                $CountryName = $rowtogetcountries['CountryName'];
                                                                $countryID = $rowtogetcountries['countryID'];

                                                                if ($countryID === '161') {
                                                                    $selected = 'selected';
                                                                } else {
                                                                    $selected = '';
                                                                }

                                                                echo '<option value="' . $countryID . '" ' . $selected . '>' . $CountryName . '</option>';

                                                            } while ($rowtogetcountries = mysqli_fetch_assoc($sqltogetcountries));

                                                        }

                                                        ?>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-4">
                                                <div class="form-group abba_local-forms">
                                                    <label>State<span style="color:orangered;">*</span> </label>
                                                    <select class="form-control" id="abba_display_student_state">
                                                        <option value='0'>Select State</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-4">
                                                <div class="form-group abba_local-forms">
                                                    <label>L.G.A<span style="color:orangered;">*</span> </label>
                                                    <select class="form-control" id="abba_display_student_lga">
                                                        <option value='0'>Select L.G.A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-6">
                                                <div class="form-group abba_local-forms">
                                                    <label>City </label>
                                                    <textarea class="form-control" type="date" placeholder="Enter City" id="abba_get_student_city" value="<?php echo $StudentCity; ?>"></textarea>
                                                </div>
                                            </div>

                                            <div class="col-12 col-sm-6">
                                                <div class="form-group abba_local-forms">
                                                    <label>Address </label>
                                                    <textarea class="form-control" type="date" placeholder="Enter Address" id="abba_get_student_address" value="<?php echo $StudentAddress; ?>"></textarea>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-12">
                                                <div class="form-group abba_local-forms">
                                                    <label>Select Parent </label>
                                                    <select class="form-select abba_get_student_parent" name="select_box" id="select_box">
                                                        <option value="0" selected>Select Parent</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                            
                                <div class="mt-4">
                                    <span style="font-size:12px; font-weight:500;">School Info.</span>
                                    <div class="card">
                                        <form class="ps-3 pe-3 pt-4 pb-0">
                                            <div class="row">
                                                <div class="col-12 col-sm-6">
                                                    <div class="form-group abba_local-forms">
                                                        <label>Allocate Class<span style="color:orangered;">*</span> </label>
                                                        <select class="form-control" id="abba_display_create_student_class">
                                                            <option value='0'>Select Class</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-12 col-sm-6">
                                                    <div class="form-group abba_local-forms">
                                                        <label>Select Session<span style="color:orangered;">*</span> </label>
                                                        <select class="form-control" id="abba_get_student_session">
                                                            <option value="0">Select Session</option>
                                                            <?php

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

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

                                                                } while ($abba_row_session = mysqli_fetch_assoc($abba_result_session));
                                                            } else {
                                                                echo '<option value="0">No Records Found</option>';
                                                            }
                                                            ?>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-12 col-sm-6">
                                                    <div class="form-group abba_local-forms">
                                                        <label>Date of Admission<span style="color:orangered;">*</span> </label>
                                                        <input class="form-control" type="date" placeholder="Date of Admission" id="abba_get_student_doa" value="<?php echo $StudentDOA; ?>">
                                                    </div>
                                                </div>
                                                <div class="col-12 col-sm-6">
                                                    <div class="form-group abba_local-forms">
                                                        <label>Student Type<span style="color:orangered;">*</span> </label>
                                                        <select class="form-control" id="abba_get_student_type">
                                                            <option value='0'>Select Student Type</option>
                                                            <option>Day</option>
                                                            <option>Boarding</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                
                                                <div class="col-12 col-sm-6">
                                                    <div class="form-group abba_local-forms">
                                                        <label>Username/Admission no.<span style="color:orangered;">*</span> </label>
                                                        <input class="form-control" disabled type="text" placeholder="UserName" id="abba_get_student_reg_number" value="<?php echo $AdmissionNumber; ?>">
                                                    </div>
                                                </div>
                                                <div class="col-12 col-sm-6">
                                                    <div class="form-group abba_local-forms">
                                                        <label>Password<span style="color:orangered;">*</span> </label>
                                                        <input class="form-control" disabled type="password" placeholder="******" id="abba_get_student_password" value="1234">
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                        
                            </div>
                        </div>
                        <!-- Navbar pills -->
                    </div>
                    <div class="modal-footer" id="change_create_btn">
                        <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal"><i class="fas fa-times"> Close</i></button>
                        <button type="button" class="btn btn-primary btn-sm" id="abba_proceed_to_create_student"> 
                            <i class="fa fa-plus"> Update</i>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    	<!---====End Edit Profile Side Modal End Here====-->
    </div>

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

    <!--Script-->
    <script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
    
    
    <!--Custom JS--->
    <script src="../../assets/plugins/bootstrap5/js/bootstrap.bundle.min.js"></script>

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

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

	<!-- Jquery Scripts for profile -->
	<?php include('../../controller/js/student/profile.php'); ?>

</body>

</html>