<?php
// $conn = mysqli_connect('localhost', 'root', '', 'fmm') or die('Connection Failed');
$conn = mysqli_connect('localhost', 'u371443154_fmm', 'Passwerd123', 'u371443154_fmm') or die('Connection Failed');


?>


<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from apdash.themetags.com/sign-up.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 07 Jul 2023 14:36:48 GMT -->

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />

	<!--favicon icon-->
	<link rel="icon" href="assets/img/fmlogo.jpg" type="image/png" sizes="16x16">


	<!--title-->
	<title>Freetown Markit - Waitlist</title>

	<!--build:css-->
	<link rel="stylesheet" href="assets/css/main.css" />
	<!-- endbuild -->
	<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.27/dist/sweetalert2.all.min.js"></script>
</head>

<body>
	<section class="page-header-section ptb-100 bg-image full-height" image-overlay="8">
		<div class="background-image-wraper" style="background: url('assets/img/waitlistbcg.jpeg'); opacity: 1;"></div>
		<div class="container">
			<div class="row align-items-center justify-content-center">
				<div class="col-12 col-md-8 col-lg-6">
					<div class="login-signup-wrap p-5 gray-light-bg rounded shadow">
						<div class="login-signup-header text-center">
							<a href="index-2.html"><img src="assets/img/fmlogo-.png" class="img-fluid mb-3" alt="Logo" /></a>
							<h6 class="mb-1">Get update when our app is ready by</h6>
							<h4 class="mb-5">Joining Out Waitlist</h4>
						</div>
						<form class="login-signup-form" method="post">
							<div class="form-group">
								<!-- Label -->
								<label class="pb-1"> Your Name </label>
								<!-- Input group -->
								<div class="input-group input-group-merge">
									<div class="input-icon">
										<span class="fas fa-user"></span>
									</div>
									<input type="text" class="form-control" placeholder="Enter your name" name="name" required />
								</div>
							</div>
							<div class="form-group">
								<!-- Label -->
								<label class="pb-1"> Email Address </label>
								<!-- Input group -->
								<div class="input-group input-group-merge">
									<div class="input-icon">
										<span class="fas fa-envelope"></span>
									</div>
									<input type="email" class="form-control" placeholder="name@address.com" name="email" required />
								</div>
							</div>
							<div class="form-group">
								<!-- Label -->
								<label class="pb-1"> Phone </label>
								<!-- Input group -->
								<div class="input-group input-group-merge">
									<div class="input-icon">
										<span class="fas fa-phone"></span>
									</div>
									<input type="tel" class="form-control" placeholder="+23276111111" name="phone" required />
								</div>
							</div>



							<!-- Submit -->
							<input type="submit" name="join" value="Join" class="btn btn-block btn-brand-02 border-radius mt-4 mb-3" />
						</form>
					</div>
				</div>
			</div>
			<div class="row justify-content-center">
				<div class="col-md-8 col-lg-6">
					<div class="copyright-wrap small-text text-center mt-5 text-white">
						<p class="mb-0">&copy; Freetown Markit, All rights reserved.</p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--scroll bottom to top button start-->
	<div class="scroll-top scroll-to-target primary-bg text-white" data-target="html">
		<span class="fas fa-hand-point-up"></span>
	</div>
	<!--scroll bottom to top button end-->
	<!--build:js-->
	<script src="assets/js/vendors/jquery-3.5.1.min.js"></script>
	<script src="assets/js/vendors/popper.min.js"></script>
	<script src="assets/js/vendors/bootstrap.min.js"></script>
	<script src="assets/js/vendors/jquery.easing.min.js"></script>
	<script src="assets/js/vendors/owl.carousel.min.js"></script>
	<script src="assets/js/vendors/countdown.min.js"></script>
	<script src="assets/js/vendors/jquery.waypoints.min.js"></script>
	<script src="assets/js/vendors/jquery.rcounterup.js"></script>
	<script src="assets/js/vendors/magnific-popup.min.js"></script>
	<script src="assets/js/vendors/validator.min.js"></script>
	<script src="assets/js/app.js"></script>
	<!--endbuild-->
	<script src="sweetalert2.all.min.js">

	</script>


</body>

<!-- Mirrored from apdash.themetags.com/sign-up.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 07 Jul 2023 14:36:48 GMT -->

</html>

<?php
// Check if the form is submitted
if (isset($_POST['join'])) {




	// Get form data
	$name = $_POST["name"];
	$email = $_POST["email"];
	$phone = $_POST["phone"];

	// SQL query to insert data
	$sql = "INSERT INTO waitlist (name, email, phone) VALUES ('$name', '$email', '$phone')";
	$query = mysqli_query($conn, $sql);

	// Execute the query

	if ($query) {
		echo "<script>

			   Swal.fire({
			  title: 'Success',
			  text: 'Successfully Joined " . $name . " ',
			  icon: 'success',
			  confirmButtonText: 'ok'
			}).then(function() {
    window.location = 'index.html';
})
		</script>";

		header('Location:index.html');
	} else {
		echo "<script>

			   Swal.fire({
			  title: 'Error!',
			  text: 'Somethingwent wrong. Pleasetry again',
			  icon: 'error',
			  confirmButtonText: 'ok'
			})
		</script>";
	}



	// Close the database connection
}
?>