<?php

$name	= $email	= $message = $result = "";
$errName = $errEmail = $errMessage = $errHuman ="";

if(isset($_POST['name'])){
      $name = $_POST['name']; 
 }

if(isset($_POST['email'])){
      $email = $_POST['email']; 
 }

if(isset($_POST['message'])){
      $message = $_POST['message']; 
 }

// Processing form data when form is submitted
if($_SERVER["REQUEST_METHOD"] == "POST"){
		$human = intval($_POST['human']);
		$from = 'Contact Form AECEDIA'; 
		$to = 'danang.lfc@gmail.com'; 
		$subject = 'Message from Contact Us Acedia';
		
		$body ="From: $name\n E-Mail: $email\n Message:\n $message";

		// Validate name
		if(empty(trim($_POST["name"]))){
			$errName = "Please enter your name.";     
		} else{
			$name = trim($_POST["name"]);
		}
		
		// Validate email
		if(empty(trim($_POST["email"])) || !filter_var($_POST["email"], FILTER_VALIDATE_EMAIL)){
			$errEmail = 'Please enter a valid email address';    
		} else{
			$email = trim($_POST["email"]);
		}
		
		// Validate message
		if(empty(trim($_POST["message"]))){
			$errMessage = "Please enter your message.";     
		} else{
			$message = trim($_POST["message"]);
		}
		
		//Check if simple anti-bot test is correct
		if ($human !== 5) {
			$errHuman = 'Your anti-spam is incorrect';
		}

// If there are no errors, send the email
if (!$errName && !$errEmail && !$errMessage && !$errHuman) {
	if (mail ($to, $subject, $body, $from)) {
		$result='<div class="alert alert-success">Thank You! We will get back to you as soon as possible.</div>';
	} else {
		$result='<div class="alert alert-danger">Sorry there was an error sending your message. Please try again later.</div>';
	}
}
	}
?>

<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Contact Us | AECEDIA</title>

  <!-- Bootstrap core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Custom fonts for this template -->
  <link href="vendor/fontawesome-free/css/all.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,700|&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,700,900&display=swap" rel="stylesheet"> 

  <!-- Custom styles for this template -->
  <link href="css/3_contact.css" rel="stylesheet">

  <!-- Web Favicon -->
  <link rel="icon" href="img/logo.png" type="image/png" sizes="16x16">

</head>

<body id="page-top">

	<!--Navbar-->
	<nav class="navbar sticky-top navbar-dark m-0 pt-0" id="mainNav" style="background-color: black; border-bottom: 1px solid rgba(82,82,82,.5)">

	  <!-- Navbar brand -->
	  <a class="navbar-brand">
		  <img src="img/logo2.png" class="ml-0 my-2 custom-x" alt="">
	  </a>
	
	  <!-- Collapse button -->
	  <button class="navbar-toggler" type="button" data-toggle="modal" data-target="#exampleModalCenter" aria-controls="exampleModalCenter" aria-expanded="false" aria-label="Toggle navigation" id="menu">
			<!--<span class="navbar-toggler-icon"></span>-->
		  <span class="text-white"><i class="fas fa-bars fa-1x"></i></span></button>
	  </button>
		
	  <!-- Collapsible content -->
	  <div class="collapse navbar-collapse" id="navbarSupportedContent1">

		<!-- Links -->
		<ul class="navbar-nav mr-auto">
		  <li class="nav-item active">
			<a class="nav-link" href="#3">Home <span class="sr-only">(current)</span></a>
		  </li>
		  <li class="nav-item">
			<a class="nav-link" href="#1">Features</a>
		  </li>
		  <li class="nav-item">
			<a class="nav-link" href="#2">Pricing</a>
		  </li>
		</ul>
		<!-- Links -->

	  </div>
	  <!-- Collapsible content -->

	</nav>
	<!--/.Navbar-->
	
	<!-- Modal -->
	<div class="modal" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
	  <div class="modal-dialog" role="document">
		<div class="modal-content">
		  <div class="modal-header align-items-center border-0">
			<a class="navbar-brand" href="#">
			  <img src="img/logo.png" class="ml-2" width="50" heigh="50" alt="">
			</a>
			<!--<h5 class="modal-title" id="exampleModalLongTitle">Hi, Here's your bonus accumulation.</h5>-->
			<button type="button" class="close mr-2" data-dismiss="modal" aria-label="Close" id="menu_close">
            	<span style="font-size: 1.7em; color: gainsboro" class="font-weight-lighter" aria-hidden="true">&times;</span>
            </button>
		  </div>
		  <div class="modal-body d-flex align-items-center">	
			  <div class="row m-auto text-center text-uppercase d-flex justify-content-center">
				  <ul class="navbar-nav font-weight-bolder">
				  <li class="nav-item active h4">
					<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
				  </li>
				  <li class="nav-item h4">
					<a class="nav-link" href="about_us.php" target="_blank">About Us</a>
				  </li>
				  <li class="nav-item h4">
					<a class="nav-link" href="teams.php" target="_blank">Teams</a>
				  </li>
				  <li class="nav-item h4">
					<a class="nav-link" href="news.php" target="_blank">News</a>
				  </li>
				  <li class="nav-item h4">
					<a class="nav-link" href="contact_us.php" target="_blank">Contact Us</a>
				  </li>
				</ul>
			  </div>
			  <span class="menu_label">MENU</span>
		  </div>
		
		</div>
	  </div>
	</div>
	

  <!-- Header -->
  <header class="masthead">
    <div class="container-fluid">
	  <div class="row title">
		<div class="col-lg-5">
		  <div class="row ">
			<h3 class="text-white text-left" style="background-color: #45d5ef">| 4 Mercy |</h3>
		  </div>
		  <div class="row d-flex justify-content-start">
			<h1 class="mb-4 text-uppercase text-left text-black">CONTACT CM.</h1>
		  </div>
		  <div class="row d-flex justify-content-start">
			<h2 class="mb-5 text-black-50 text-left">Chain-Mercy E-sports</h2>
		  </div>
		  <div class="row d-flex justify-content-start align-content-center">  
			<i class="text-black fa fa-map-marker-alt"></i>
			<h6 class="ml-2 mb-5 text-black text-left">Schellingstraße 1, 10785 Berlin, Germany</h2>
		  </div>
		  <div class="row d-flex justify-content-start"> 
			<i class="text-black fa fa-phone"></i>
			<h6 class="mb-0 ml-2 text-black text-left text-dark">+XX XXX</h2> 
		  </div>
		  <div class="row d-flex justify-content-start"> 
			<i class="text-black far fa-envelope"></i>
			<h6 class="mb-5 ml-2 text-black text-left text-dark">info@chain-mercy.com</h2>
		  </div>
		  <div class="row d-flex justify-content-start">
			<p class="mb-5 text-black text-left">If you have any questions related to our club or any of our teams, please contact us by using the form below. We’ll get back to you as soon as we can!</p>
		  </div>
		</div>
	    <div class="col-lg-7 p-0">	
				
			<form id="contact-form" class="form-horizontal" role="form" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">
					<div class="form-group">
						<label for="name" class="col-sm-2 control-label label_header">Name</label>
						<div class="col-md-12">
							<input type="text" class="form-control rounded-0" id="name" name="name" placeholder="First & Last Name">
							<?php echo "<p class='text-white'>$errName</p>";?>
						</div>
					</div>
					<div class="form-group">
						<label for="email" class="col-sm-2 control-label label_header">Email</label>
						<div class="col-md-12">
							<input type="email" class="form-control rounded-0" id="email" name="email" placeholder="example@domain.com">
							<?php echo "<p class='text-white'>$errEmail</p>";?>
						</div>
					</div>
					<div class="form-group">
						<label for="message" class="col-sm-2 control-label label_header">Message</label>
						<div class="col-md-12">
							<textarea class="form-control rounded-0 special" rows="4" name="message"></textarea>
							<?php echo "<p class='text-white'>$errMessage</p>";?>
						</div>
					</div>
					<div class="form-group">
						<label for="human" class="col-sm-2 control-label label_header">2 + 3 = ?</label>
						<div class="col-md-12">
							<input type="text" class="form-control rounded-0" id="human" name="human" placeholder="Your Answer">
							<?php echo "<p class='text-white'>$errHuman</p>";?>
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-12 submit2">							
							<input id="submit" name="submit" type="submit" value="SUBMIT" class="btn btn-primary submit" onclick="submitForm()">
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-10 col-sm-offset-2">
							<?php echo $result; ?>	
						</div>
					</div>
				</form> 
			
	    </div>
 	  </div>
    </div>
  </header>
	

  
  <!-- Footer -->
  <footer class="text-white-50" style="background-color: black">
    <div class="container">
		
	     <div class="row d-flex justify-content-center mb-2 social">  
			<a href="https://www.instagram.com/tekobobano.1/" target="_blank" class="follow">
			  <i class="fab fa-instagram"></i>
			</a>
			<a href="https://twitch.tv" target="_blank" class="follow">
			  <i class="fab fa-twitch"></i>
			</a>
			<a href="mailto:kayumanis@tekoindonesia.com" target="_top" class="follow">
			  <i class="fab fa-twitter"></i>
			</a>
			<a href="https://g.page/teko-boba-no-1-kayumanis?share" target="_blank" class="follow">
			  <i class="fab fa-discord"></i>
			</a>
	    </div>
		
		<div class="small row justify-content-center mb-2">
				&copy; 2020 Cain-Mercy E-Sports All Rights Reserved.
		</div>
		<hr class="my-1">
		<div class="small row justify-content-center">
	 		 	<a class="text-right js-scroll-trigger" href="#page-top">GO UP</a>
		</div>
    </div>
  </footer>
	  

  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  <!-- Plugin JavaScript -->
  <script defer src="vendor/fontawesome-free/js/all.js"></script>
  <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

  <!-- Custom scripts for this template -->
  <script src="js/grayscale.min.js"></script>
  <script src="contact.js"></script>

</body>

</html>
