<!doctype html>
<html lang="en">

<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="theme-color" content="red">
	<!--favicon-->
	<link rel="icon" href="1646631327826.png" type="image/png" />
	<!--plugins-->
	<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
	<link rel="stylesheet" href="assets/plugins/notifications/css/lobibox.min.css" />

	<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
	<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
	<!-- loader-->
	<link href="assets/css/pace.min.css" rel="stylesheet" />
	<script src="assets/js/pace.min.js"></script>
	<!-- Bootstrap CSS -->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
	<link href="assets/css/app.css" rel="stylesheet">
	<link href="assets/css/icons.css" rel="stylesheet">
	<link href="assets/css/splash.css" rel="stylesheet">
	<title> Bright Future Key</title>



</head>

<body class="bg-login" style="background: #8A2387;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F27121, #E94057, #8A2387);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F27121, #E94057, #8A2387); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
">
	<!--<span id="splash-overlay" class="splash"></span>-->
	<!--<span id="welcome" class="z-depth-4"></span>-->

	<!--<header class="navbar-fixed"> -->
	<!--  <nav class="row deep-purple darken-3">-->
	<!--    <div class="col s12">-->
	<!--      <ul class="right">-->
	<!--        <li class="right">-->
	<!--          <a href="" target="_blank" class="fa fa-facebook-square fa-2x waves-effect waves-light"><span class="icon-text"></span></a>-->
	<!--        </li>-->
	<!--        <li class="right">-->
	<!--          <a href="" target="_blank" class="fa fa-github-square fa-2x waves-effect waves-light"><span class="icon-text"></span></a>-->
	<!--        </li>-->
	<!--      </ul>-->
	<!--    </div>-->
	<!--  </nav>-->
	<!--</header>-->


	<!--wrapper-->
	<div class="wrapper valign-wrapper">
		<div class="section-authentication-signin d-flex align-items-center justify-content-center my-5 my-lg-0">
			<div class="container-fluid">
				<div class="row row-cols-1 row-cols-lg-2 row-cols-xl-3">
					<div class="col mx-auto">
						<div class="card">
							<div class="card-body">
								<div class="mb-4 text-center">
									<img src="1646631327826.png" width="210" alt="" />
								</div>

								<?php


								if (isset($_GET["users"])) {

									$sql = "SELECT * FROM users WHERE user_id='$sponsor'";
									$result = $selecter->query($sql);

									if ($result->num_rows > 0) {
										// output data of each row
										while ($row = $result->fetch_assoc()) {
											$theuser_id = $row['user_id'];
											$theuser_name = $row['user_name'];
											// $thepassword = $row['password'];
										}
									}
								?>
									<?php
									if ($sponsor != '') {
									?>
										<div class="row mb-4">
											<div class="col-md-4 col-sm-12">
											</div>
											<div class="col-md-5 col-sm-12" style="margin-top: 70px;">
												<div class='badge badge-success' style='background: linear-gradient(90deg, rgba(18,245,214,1) 0%, rgba(225,79,232,0.9242011938202247) 100%); border: none; font-size: 18px; padding: 5px 15px; width:auto; height: auto; color:white;color: white;border-radius: 10px;border:2px solid white;' align="left">
													<div class="col-sm-4 mb-2 row">
														User Id&nbsp; : <?php echo $theuser_id; ?>
													</div>
													<div class="col-sm-4 mb-2 row">
														Full Name : <?php echo $theuser_name; ?>
													</div>

												</div>
											</div>
										</div>
										<style type="text/css">
											.login_panel {
												margin-top: unset !important;
											}
										</style>
								<?php
									}
								}
								?>



								<div class="border p-4 rounded">
									<div class="text-center">
										<h3 class="">Login</h3>
										<p>Don't have an account yet? <a href="register.php">Register here</a>
										</p>
									</div>

									<div class="login-separater text-center mb-4"> <span>LOGIN WITH USER ID</span>
										<hr />
									</div>
									<div class="form-body">
										<form class="row g-3" method="post" action="">
											<div class="col-12">
												<label for="inputEmailAddress" class="form-label">User Id</label>
												<input type="text" name="uname" class="form-control" id="inputEmailAddress" value="<?php if (isset($_COOKIE['uname'])) {
																																		echo $_COOKIE['uname'];
																																	} ?>" placeholder="User Id" required>
											</div>
											<div class="col-12">
												<label for="inputChoosePassword" class="form-label">Password</label>
												<div class="input-group" id="show_hide_password">
													<input type="password" class="form-control border-end-0" id="inputChoosePassword" name="password" placeholder="Enter Password" required=""> <a href="javascript:;" class="input-group-text bg-transparent" value="<?php if (isset($_COOKIE['password'])) {
																																																																			echo $_COOKIE['password'];
																																																																		} ?>"><i class='bx bx-hide'></i></a>
												</div>
											</div>
											<div class="col-md-6">
												<div class="form-check form-switch">
													<input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" checked <?php if (isset($_COOKIE['uname'])) { ?> checked <?php } ?>>
													<label class="form-check-label" for="flexSwitchCheckChecked">Remember Me</label>
												</div>
											</div>
											<div class="col-md-6 text-end"> <a href="forgot.php">Forgot Password ?</a>
											</div>
											<div class="col-12">
												<div class="d-grid">
													<!-- 	<input type="hidden" name="login">
													<button type="submit" class="btn btn-primary" name=""><i class="bx bxs-lock-open"></i>Login</button> -->

													<input type="submit" class="btn" name="login" Value="Login" style="background: #8A2387;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F27121, #E94057, #8A2387);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F27121, #E94057, #8A2387);color: white; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
">
												</div>
											</div>
											<!-- 	<center><a href="https://play.google.com/store/apps/details?id=com.divinepowerpro.services"><img src="https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png" width="50%"></a></center> -->
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--end row-->




				<!--start switcher-->
				<div class="switcher-wrapper">
					<div class="switcher-btn"> <i class='bx bx-cog bx-spin'></i>
					</div>
					<div class="switcher-body">
						<div class="d-flex align-items-center">
							<h5 class="mb-0 text-uppercase">Theme Customizer</h5>
							<button type="button" class="btn-close ms-auto close-switcher" aria-label="Close"></button>
						</div>
						<hr />
						<h6 class="mb-0">Theme Styles</h6>
						<hr />
						<div class="d-flex align-items-center justify-content-between">
							<script type="text/javascript">
								window.onload = function() {
									<?php
									$time = date("H");
									$timezone = date("e");
									if ($time < "7" || $time > "19") {
									?>
										document.getElementById("darkmode").click();
									<?php
									} else {
									?>
										document.getElementById("lightmode").click();
									<?php
									}
									?>




									<?php

									if ($_GET['error'] == 13 && $_GET['error'] != '') {
									?>
										Lobibox.notify('error', {
											pauseDelayOnHover: true,
											continueDelayOnInactiveTab: false,
											position: 'top right',
											icon: 'bx bx-x-circle',
											msg: 'Invalid User ID or Password.'
										});



									<?php
									}
									?>

									<?php
									if ($_GET['error'] != '' && $_GET['error'] == 33) {
									?>

										Lobibox.notify('error', {
											pauseDelayOnHover: true,
											continueDelayOnInactiveTab: false,
											position: 'top right',
											icon: 'bx bx-x-circle',
											msg: 'Your ID Blocked Contact To Admin.'
										});

									<?
									}
									?>
								};
							</script>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="flexRadioDefault" id="lightmode">
								<label class="form-check-label" for="lightmode">Light</label>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="flexRadioDefault" id="darkmode">
								<label class="form-check-label" for="darkmode">Dark</label>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="flexRadioDefault" id="semidark">
								<label class="form-check-label" for="semidark">Semi Dark</label>
							</div>
						</div>
						<hr />
						<div class="form-check">
							<input class="form-check-input" type="radio" id="minimaltheme" name="flexRadioDefault">
							<label class="form-check-label" for="minimaltheme">Minimal Theme</label>
						</div>
						<hr />
						<h6 class="mb-0">Header Colors</h6>
						<hr />
						<div class="header-colors-indigators">
							<div class="row row-cols-auto g-3">
								<div class="col">
									<div class="indigator headercolor1" id="headercolor1"></div>
								</div>
								<div class="col">
									<div class="indigator headercolor2" id="headercolor2"></div>
								</div>
								<div class="col">
									<div class="indigator headercolor3" id="headercolor3"></div>
								</div>
								<div class="col">
									<div class="indigator headercolor4" id="headercolor4"></div>
								</div>
								<div class="col">
									<div class="indigator headercolor5" id="headercolor5"></div>
								</div>
								<div class="col">
									<div class="indigator headercolor6" id="headercolor6"></div>
								</div>
								<div class="col">
									<div class="indigator headercolor7" id="headercolor7"></div>
								</div>
								<div class="col">
									<div class="indigator headercolor8" id="headercolor8"></div>
								</div>
							</div>
						</div>
						<hr />
						<h6 class="mb-0">Sidebar Colors</h6>
						<hr />
						<div class="header-colors-indigators">
							<div class="row row-cols-auto g-3">
								<div class="col">
									<div class="indigator sidebarcolor1" id="sidebarcolor1"></div>
								</div>
								<div class="col">
									<div class="indigator sidebarcolor2" id="sidebarcolor2"></div>
								</div>
								<div class="col">
									<div class="indigator sidebarcolor3" id="sidebarcolor3"></div>
								</div>
								<div class="col">
									<div class="indigator sidebarcolor4" id="sidebarcolor4"></div>
								</div>
								<div class="col">
									<div class="indigator sidebarcolor5" id="sidebarcolor5"></div>
								</div>
								<div class="col">
									<div class="indigator sidebarcolor6" id="sidebarcolor6"></div>
								</div>
								<div class="col">
									<div class="indigator sidebarcolor7" id="sidebarcolor7"></div>
								</div>
								<div class="col">
									<div class="indigator sidebarcolor8" id="sidebarcolor8"></div>
								</div>
							</div>
						</div>
					</div>
				</div>

















				<!-- Bootstrap JS -->
				<script src="assets/js/bootstrap.bundle.min.js"></script>
				<!--plugins-->
				<script src="assets/js/jquery.min.js"></script>
				<script src="assets/plugins/simplebar/js/simplebar.min.js"></script>
				<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script>
				<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
				<script src="assets/plugins/vectormap/jquery-jvectormap-2.0.2.min.js"></script>
				<script src="assets/plugins/vectormap/jquery-jvectormap-world-mill-en.js"></script>
				<script src="assets/plugins/chartjs/js/Chart.min.js"></script>
				<script src="assets/plugins/chartjs/js/Chart.extension.js"></script>
				<script src="assets/js/index.js"></script>
				<!--app JS-->
				<script src="assets/js/app.js"></script>
				<!--notification js -->
				<script src="assets/plugins/notifications/js/lobibox.min.js"></script>
				<script src="assets/plugins/notifications/js/notifications.min.js"></script>
				<script src="assets/plugins/notifications/js/notification-custom-script.js"></script>
				<!--app JS-->
				<script src="assets/plugins/datatable/js/jquery.dataTables.min.js"></script>
				<script src="assets/plugins/datatable/js/dataTables.bootstrap5.min.js"></script>
				<!--app JS-->
				<!--end switcher-->

</body>

<script>
	$(document).ready(function() {
		$('#example').DataTable();
	});
</script>
<script>
	$(document).ready(function() {
		var table = $('#example2').DataTable({
			lengthChange: false,
			buttons: ['copy', 'excel', 'pdf', 'print']
		});

		table.buttons().container()
			.appendTo('#example2_wrapper .col-md-6:eq(0)');
	});
</script>
<!--Password show & hide js -->
<script>
	$(document).ready(function() {
		$("#show_hide_password a").on('click', function(event) {
			event.preventDefault();
			if ($('#show_hide_password input').attr("type") == "text") {
				$('#show_hide_password input').attr('type', 'password');
				$('#show_hide_password i').addClass("bx-hide");
				$('#show_hide_password i').removeClass("bx-show");
			} else if ($('#show_hide_password input').attr("type") == "password") {
				$('#show_hide_password input').attr('type', 'text');
				$('#show_hide_password i').removeClass("bx-hide");
				$('#show_hide_password i').addClass("bx-show");
			}
		});
	});
</script>
<!--app JS-->


</body>

</html>