<?php
	// check if user coming from A request
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
	
	// Assign variables
	$name = filter_var($_POST['name'], FILTER_SANITIZE_STRING);
	$subject = filter_var($_POST['subject'], FILTER_SANITIZE_STRING);
	$headers = filter_var($_POST['email'], FILTER_SANITIZE_EMAIL);
	$body = filter_var($_POST['body'], FILTER_SANITIZE_STRING);
	$myEmail = 'muhammedhamed886@gmail.com';
	// checking errors
	$formErrors = array();
	
	if (strlen($name) <= 5) {
		$formErrors[] = '<strong>Please Enter A Valid Name</strong>';
	}
	if (strlen($body) == '' || strlen($body) <= 20) {
		$formErrors[] = '<strong>Message Must contains at Least 20 characters</strong>';
	}
	if (strlen($subject) == '') {
		$formErrors[] = '<strong>Please Enter A Message subject</strong>';
	}
	// email will be sent if there is noe errors
	if (empty($formErrors)) {
		mail($myEmail, $subject, $body, $headers, $name);
		
		$name = '';
		$email = '';
		$subject = '';
		$body = '';
		
		$success = '<div class="alert alert-success text-center><p class="lead">Your Message Has Been Sent successfully</p></div>';
		
	}
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta tags-->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Golden Arrow Trade & Public Services Company" />
<meta name="keywords" content="golden arrow services landscape cleanning maintenance qatar" />
<title>Golden Arrow</title>

<!-- style files-->
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/media.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="icon" href="images/logo.png">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet"> <!-- en brand font -->
<link href="https://fonts.googleapis.com/css?family=Changa" rel="stylesheet"> <!-- ar brand font -->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans" rel="stylesheet"> <!-- heading font -->
<link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet"> <!-- paragraphs font -->

<!-- HTML5 shiv and Respond.js for IE8 support of HTML5 elements and media queries -->
 <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--header start-->
<header>
<!-- Barnd and scocial start -->
	<section class="social">
		<div class="container">
			<div class="row">
			<div class="col-xs-12 col-sm-7 col-md-6">
				<span class="logo-img">
					<img class="img-responsive" src="images/logo.png" alt="Company Logo">
					<h1 class="name"><span class="en">golden arrow </span>&#124; <span class="ar">السهم الذهبي</span> </h1>
				</span>
			</div>
				<div class="col-xs-12 col-md-5 col-md-offset-1">
					<a href="http://www.facebook.com/goldenarrow2030" target="_blank">
						<i class="fa fa-facebook-square" aria-hidden="true"></i></a>
					<a href="https://twitter.com/Goldenarrow_qa" target="_blank">
						<i class="fa fa-twitter-square" aria-hidden="true"></i></a>
					<a href="https://www.instagram.com/goldenarrow.qa/" target="_blank">
						<i class="fa fa-instagram" aria-hidden="true"></i>
					</a>
					<i class="fa fa-mobile" aria-hidden="true"></i>
					<span class="phone"><a href="tel: 00974 33334206">00974 33334206 </a></span> / <span class="phone"><a href="tel:00974 33334207">00974 33334207</a></span>
				</div>
			</div>
		</div>
	</section>
<!-- Barnd and scocial end -->
	<div class="clearfix"></div>
<!-- navbar start -->
<section>
<nav class="navbar navbar-inverse">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><a href="index.html">Home <span class="sr-only">(current)</span></a></li>
        <li><a href="about.html">About Us</a></li>
        <li><a href="land-scape.html">Landscape Services</a></li>
        <li><a href="cleaning.html">Cleaning Services</a></li>
        <li><a href="maintenance.html">Maintenance Services</a></li>
        <li  class="active"><a href="form.php">Contact Us</a></li>
      </ul>
 
    </div>
  </div>
</nav>
	</section>
<!-- navbar end-->
</header> 
<!--header end-->

<!-- start breadcrumb-->
<div class="container-fluid">
	<ol class="breadcrumb">
	    <li><a href="index.html">Home</a></li>
	    <li class="active">Contact Us</li>
	</ol>
</div>
<!-- end breadcrumb-->

<!-- start contact form-->
<section class="contact-section">
	<div class="overlay-ft">
		<div class="container">
			<div class="row">
				<div class="contact text-center col-xs-12 col-md-8 col-md-offset-2">
				
				<h2><span><i class="fa fa-phone fa-3x" aria-hidden="true"></i></span>  &nbsp;Contact us</h2>
					<form role="form" name="contact-form" method="post" action="<?php echo $_SERVER['PHP_SELF'] ?>">
					<?php if (! empty($formErrors)) { ?>
					
					<div class="alert alert-danger alert-dismissible" role="start">
						<button type="button" class="close" data-dismiss="alert" aria-label="Close">
						<span aria-hidden="true">&times;</span></button>
					<?php
						foreach($formErrors as $error) {
							echo $error . '<br>';
						}						   
						?>
					</div>
					<?php } ?>
					<?php if (isset($success)) { echo $success;}?>
					<div class="form-group">
						<input type="text" name="name" class="form-control input-lg" value="<?php if (isset($name)) { echo $name; } ?>" placeholder="Your Full Name" autocomplete="off">
					</div>
					<div class="form-group">
						<input type="email" name="email" class="form-control input-lg" value="<?php if (isset($email)) { echo $email; } ?>" placeholder="Your E-mail" required autocomplete="off">
					</div>
					<div class="form-group">
						<input type="text" name="subject" class="form-control input-lg" value="<?php if (isset($subject)) { echo $subject; } ?>" placeholder="Messege Subject">
					</div>
					<div class="form-group">
						<textarea class="form-control input-lg" name="body" placeholder="Enter Your Message"><?php if (isset($body)) { echo $body; } ?></textarea>
					</div>
					<button type="submit" class="btn btn-default btn-block btn-lg btn-warning">Submit</button>
				</form>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- end contact form-->

<!-- loading start -->
<section class="loading">
	<div style="width:100%;height:100%" class="lds-dual-ring">
		<div></div>
		<div></div>
    </div>
</section> -->
<!-- loading end -->

<!-- to top start -->
<section class="to-top">
	<span><i class="fa fa-chevron-up fa-3x" aria-hidden="true"></i></span>
</section>
<!-- to top end -->

<!-- footer start -->
<footer>
	<div class="container">
		<div class="row">
			<div class="footer-map">
			<div class="col-xs-6 col-md-2">
				<ul class="list-unstyled">
					<li><a href="index.html">Home</a></li>
					<li><a href="about.html">About Us</a></li>
					<li><a href="land-scape.html">Landscape services</a></li>
					<li><a href="cleaning.html">Cleaning services</a></li>
					<li><a href="maintenance.html">maintenance services</a></li>
					<li><a href="form.php">Contact Us Page</a></li>
				</ul>
			</div>
			<div class="col-xs-6 col-md-3">
					<details open>
					<summary>Landscape services</summary>
						<a href="garden-design.html">gardens desing</a><br>
						<a href="garden-implementation.html">gardens Implantation</a><br>
						<a href="garden-maintenance.html">Gardens maintenance</a><br>
						<a href="hardscape.html">Hardscape And Outdoor Lightning</a><br>
						<a href="irrigation-system.html">Installing Irrigation Systems</a><br>
						<a href="artificial-grass.html">Install &amp; Supply Artificial Grass</a><br>
						<a href="palm-tree.html">Palm Tree Care Services</a><br>
						<a href="plant-supply.html">Plants Supply And Planting Services</a><br>
					</details>
			</div>
			<div class="col-xs-6 col-md-3">
					<details open>
					<summary>Cleaning services</summary>
						<a href="carpet-cleaning.html">Carpet &amp; Upholstery Cleaning Services</a><br>
						<a href="commercial-cleaning.html">Commercial Cleaning services</a><br>
						<a href="event-party-cleaning.html">Event Party Cleaning-Services</a><br>
						<a href="residential-cleaning.html">Residential Cleaning Services</a><br>
						<a href="university-school-cleaning.html">School &amp; University Cleaning Services</a><br>
						<a href="pest-conrol.html">Pest Control  Services</a><br>
					</details>
			</div>
			<div class="col-xs-6 col-md-3">
					<details open>
					<summary>maintenance services</summary>
						<a href="commercial-maintenance.html">Commercial Maintenance</a><br>
						<a href="door-window.html">Doors&amp;Windows Repair Services</a><br>
						<a href="electricity-repair.html">Electrical Repair Services</a><br>
						<a href="painting-services.html">Painting Services</a><br>
						<a href="plumbing-services.html">plumbing repairs services</a><br>
					</details>
			</div>
			</div>
			<div class="clearfix"></div>
			<div class="contact-details">
				<div class="col-xs-12 col-md-6">
					<p><a href="form.php">Contact Us</a></p>
					<p class="lead" style="text-transform:none">E-mail : info@goldenarrow-qa.com</p>
					<p class="lead">phone : <a href="tel: 00974 33334206">00974 33334206</a> / <a href="tel: 00974 33334207">00974 33334207</a></p>
					<p class="lead">Telefax: 40174313</p>
					<p class="lead">P.O. Box: 17175 Ahmed Bin Ali – St, Doha – Qatar </p>
				</div>
			</div>
			<div class="col-xs-12 col-md-6 social-bottom">
				<p>Follow us on : </p>
				<a href="http://www.facebook.com/goldenarrow2030" target="_blank">
				<i class="fa fa-facebook fa-3x" aria-hidden="true"></i></a>
				<a href="https://twitter.com/Goldenarrow_qa" target="_blank">
					<i class="fa fa-twitter fa-3x" aria-hidden="true"></i></a>
				<a href="https://www.instagram.com/goldenarrow.qa/" target="_blank">
					<i class="fa fa-instagram fa-3x" aria-hidden="true"></i>
				</a>
			</div>
			<hr style="border-color: darkgrey; width:100%">
			<div class=" copy visible-md visible-lg">
				<span class="lead col-md-8">
					Copyright&copy; 2017 Golden Arrow Co. All rights Reserved 
				</span>
			<span class="lead col-md-4" >Designed by Mohamed Hamed</span>
			</div>
			<div class="visible-xs visible-sm copy-mob">
				<p class="lead col-xs-12">
					Copyright&copy; 2017 Golden Arrow Co. All rights Reserved 
				</p>
			<p class="lead col-xs-12">Designed by Mohamed Hamed</p>
			</div>
				
		</div>
	</div>
</footer>
<!-- footer end -->

<!-- scripts -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/jquery.fittext.js"></script>
</body>
</html>