<?php 
require_once 'admin/connect.php';
include('header.php');

?>
<!--Breadcrumb-->
		<section class="bannerimg cover-image bg-background3" data-image-src="assets/images/banners/slide-banner.jpg">
			<div class="header-text mb-0">
				<div class="container">
					<div class="row text-white">
						<div class="col"><h1 class="">Connect with us</h1></div>
						<div class="col col-auto">
							<ol class="breadcrumb text-center">
								<li class="breadcrumb-item"><a href="index.php">Home</a></li>
								
								<li class="breadcrumb-item active text-white" aria-current="page">Contact Us</li>
							</ol>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/Breadcrumb-->

		<!--Contact-->
		<div class="sptb">
			<div class="container">
				<div class="">
					<div class="row">
					<div class="col-lg-6 col-xl-6 col-md-12">
							<div class="">
								<div class="px-4">
									<div class="map-header h-300 br-5 overflow-hidden">
										<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14005.586881322633!2d77.13448867944513!3d28.6478377185861!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d031cea395611%3A0x7aa7e4798623d1ae!2sKirti%20Nagar%20Industrial%20Area%2C%20Kirti%20Nagar%2C%20New%20Delhi%2C%20Delhi!5e0!3m2!1sen!2sin!4v1629912886779!5m2!1sen!2sin" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
									</div>
									<div class="item-user mt-5">
										<div class="d-flex">
											<span><i class="fa fa-map mr-3 mb-0 bg-primary text-white"></i></span>
											<h6 class="leading-normal"><span class="font-weight-semibold"></span><a href="#" class="text-body">IASF India, 31/10A Rawli, MG Road, Agra, Uttar Pradesh - 282001</a></h6>
										</div>
									</div>
									<div class="item-user mt-4">
										<div class="d-flex">
											<span><i class="fa fa-envelope mr-3 mb-0 bg-secondary text-white"></i></span>
											<h6 class="leading-normal mt-1"><span class="font-weight-semibold"></span><a href="mailto:indianamateursportsfederation@gmail.com" class="text-body">indianamateursportsfederation@gmail.com</a></h6>
										</div>
									</div>
									<div class="item-user mt-4 mb-4">
										<div class="d-flex">
											<span><i class="fa fa-phone mr-3 mb-0 bg-success text-white"></i></span>
											<h6 class="leading-normal mt-1"><span class="font-weight-semibold"></span><a href="tel:9837703271" class="text-body">+91-7252003388</a></h6>
										</div>
									</div>
									<div class="input-group mb-4">
									<div class="input-group-prepend">
										<div class="input-group-text w-7">
											<i class="fa fa-facebook tx-16 lh-0 op-6 text-center mx-auto"></i>
										</div>
									</div><!-- input-group-prepend -->
									<input class="form-control" placeholder="https://www.facebook.com/iasf.india" type="text" readonly>
								</div>
								<div class="input-group mb-4">
									<div class="input-group-prepend">
										<div class="input-group-text w-7">
											<i class="fa fa-twitter tx-16 lh-0 op-6 text-center mx-auto"></i>
										</div>
									</div><!-- input-group-prepend -->
									<input class="form-control" placeholder="https://twitter.com/iasf_india99?s=08" type="text" readonly>
								</div>
								<div class="input-group mb-4">
									<div class="input-group-prepend">
										<div class="input-group-text w-7">
											<i class="fa fa-instagram tx-16 lh-0 op-6 text-center mx-auto"></i>
										</div>
									</div>
									<input class="form-control" placeholder="https://www.instagram.com/iasf_india99/" type="text" readonly>
								</div>
									<div class="input-group mb-4">
									<div class="input-group-prepend">
										<div class="input-group-text w-7">
											<i class="fa fa-youtube tx-16 lh-0 op-6 text-center mx-auto"></i>
										</div>
									</div>
									<input class="form-control" placeholder="https://www.youtube.com/@IASFINDIA" type="text" readonly>
								</div>

								</div>
							</div>
						</div>

						<div class="col-lg-6 col-xl-6 col-md-12">
							<div class="card">
								<div class="card-header">
									<div class="card-title">Get In Touch With Me</div>
								</div>
								<div class="card-body">
								<?php 
if(isset($_POST['submit'])){
    $to = "indianamateursportsfederation@gmail.com"; // this is your Email address
    $from = $_POST['email']; // this is the sender's Email address
    $reason = $_POST['reason'];
	$first_name = $_POST['first_name'];
    $last_name = $_POST['last_name'];
	$phone = $_POST['phone'];
    $subject = "Form submission";
    $subject2 = "Copy of your form submission";
    $message = $first_name . " " . $last_name . " connecting:" . "\n\n" . $_POST['reason'] . "\n\n" . $_POST['email'] . "\n\n" . $_POST['phone'] . "\n\n" . $_POST['message'];
    $message2 = "Here is a copy of your message " . $first_name . "\n\n" . $_POST['message'];

    $headers = "From:" . $from;
    $headers2 = "From:" . $to;
    mail($to,$subject,$message,$headers);
    mail($from,$subject2,$message2,$headers2); // sends a copy of the message to the sender
    echo "Mail Sent. Thank you " . $first_name . ", we will contact you shortly.";
    // You can also use header('Location: thank_you.php'); to redirect to another page.
    }
?>
								<form action="" method="post">
									<label class="font-weight-semibold">Reason For Contact <sup class="text-danger">*</sup></label>
									
										<div class="form-group">
											<select class="form-control select2" name="reason">
												<option value="Want to know More about the details">Want to know More about the details</option>
												<option value="Interested in Affialiation">Interested in Affialiation</option>
												<option value="Interested in Game Play">Interested in Game Play</option>
												<option value="Any Issue">Any Issue</option>
												<option value="Other">Other</option>
											</select>
										</div>
										<div class="form-group">
											<input type="text" class="form-control" name="first_name" placeholder="First Name" required>
										</div>
										<div class="form-group">
											<input type="text" class="form-control" name="last_name" placeholder="Last Name" required>
										</div>
										<div class="form-group">
											<input type="text" class="form-control"  name="email" placeholder="Email Address" required>
										</div>
										<div class="form-group">
											<input type="text" class="form-control" name="phone" placeholder="Phone Number" required>
										</div>
										<div class="form-group">
											<textarea class="form-control" name="message" rows="6" placeholder="Message" required></textarea>
										</div>
										<button type="submit" class="btn btn-primary btn-block" name="submit">Send Message</button>
									</form>
								</div>
							</div>
						</div>
											</div>
				</div>
			</div>
		</div>
		<!--Contact-->



		<script src = "js/jquery.js"></script>
<script src = "js/bootstrap.js"></script>	
	<?php 

include('footer.php');

?>