<?php 
session_start();
$con=mysqli_connect("localhost","jagranhindi_jagransangini","koiDC[RxWHw3","jagranhindi_jagransangini");
if(isset($_POST["submit"])){
    extract($_POST);
    
    date_default_timezone_set("Asia/Calcutta");   //India time (GMT+5:30)
    $dat=date('d-m-Y h:i:s');
    $qry=mysqli_query($con,"INSERT INTO `contact`(`name`, `phone`, `email`, `subject`, `message`, `created_at`) VALUES ('".$name."','".$phone."','".$email."','".$subject."','".$message."','".$dat."')");
    if($qry){
        // ini_set('display_errors', '1');
        // ini_set('display_startup_errors', '1');
        // error_reporting(E_ALL);

         $to = "contact@jagransangini.com";
         $subject = "This is subject";
         $message="New Lead";
         $message .= "<b>Name :'".$name."' </b>";
         $message .= "<b>Mobile :'".$phone."' </b>";


         $header = "From:contact@jagransangini.com \r\n";
         //$header .= "Cc:afgh@somedomain.com \r\n";
         $header .= "MIME-Version: 1.0\r\n";
         $header .= "Content-type: text/html\r\n";
         
         $retval = mail ($to,$subject,$message,$header);
         
        $_SESSION["success"]="Data Saved Successfully";
    }else{
        $_SESSION["error"]="Some Error";
    }
    
}
?>

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

<head>
	<meta charset="utf-8">
	<title>Contact Us - Jagran Sangini Club 2024</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="assets/css/bootstrap.min.css">
	<link rel="stylesheet" href="assets/css/owl.carousel.css">
	<link rel="stylesheet" href="../../../../../../cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
	<link rel="stylesheet" href="assets/css/fontawesome-all.css">
	<link rel="stylesheet" href="assets/css/style.css">
	<link rel="icon" type="image/x-icon" href="assets/img/favicon.jpg">

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HL71BX44NS"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-HL71BX44NS');
</script>

<meta name="google-site-verification" content="rvi7CQuS7_KCLseRL7e7o55V4OphibyHOWuCHRG5lS8" />
<style>
        /* Basic styles for the menu */
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        li {
            position: relative;
        }

        li a {
            display: block;
            padding: 10px;
            text-decoration: none;
            background-color: #fff;
            color: #333;
        }

        li a:hover {
            background-color: #fff;
        }

        /* Submenu styles */
        ul ul {
            display: none;
            position: absolute;
            left: 0;
            top: 100%;
        }

        li:hover > ul {
            display: block;
        }

        ul ul li a {
            width: 150px;
        }
    </style>
    </head>
	<body>
 <!-- header area  -->
		<header class="top-area-site">
			<nav class="navbar navbar-expand-lg navbar-dark">
				<div class="container">
					<a href="/" class="navbar-brand"><img src="assets/img/logo-home.webp"></a>
					<button class="navbar-toggler float-right" type="button" data-toggle="collapse" data-target="#navbar9">
						<span class="navbar-toggler-icon"></span>
					</button>
					<div class="navbar-collapse collapse" id="navbar9">
						<ul class="navbar-nav ml-auto">
							<li class="nav-item">
								<a class="nav-link" href="/">Home</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="club-registration">Free Club Registration</a>
							</li>
							<li class="nav-item">
                                <a href="culinary-contest-2024" class="nav-link">Culinary Contest 2024</a>
                                <ul style="z-index: 999;">
                                    <li><a href="finalists" class="nav-link">Finalists</a></li>
                                    <li><a href="winners" class="nav-link">Winners</a></li>
                                </ul>
                            </li>
							<li class="nav-item">
								<a class="nav-link" href="contact">Contact Us</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		
	
		</header>
        <div class="site-main">

            <!-- services-slide-section -->
            <section class="ttm-row zero-padding-section clearfix">
                <div class="container">
                    <div class="row no-gutters"><!-- row -->
                        <div class="col-lg-5">
                            <div class="spacing-9">
                                <!-- section title -->
                                <div class="section-title with-desc clearfix">
                                    <div class="title-header">
                                        <h2 class="title">Contact Us</h2>
                                    </div>
                                </div><!-- section title end -->
                                <div class="row">
                                    <div class="col-12">
                                        <!-- featured-icon-box -->
                                        <div class="featured-icon-box style2 left-icon icon-align-top">
                                            <div class="featured-icon"><!-- featured-icon -->
                                                <div class="ttm-icon ttm-icon_element-bgcolor-skincolor ttm-icon_element-size-md ttm-icon_element-style-round">
                                                    <i class="fa fa-map-marker"></i>
                                                </div>
                                            </div>
                                            <div class="featured-content">
                                                <div class="featured-title"><!-- featured title -->
                                                    <h5>Office Address</h5>
                                                </div>
                                                <div class="featured-desc"><!-- featured desc -->
                                                    <p>Office: B-50, Okhla Phase 3, New Delhi- 110020


                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- separator -->
                                <div class="separator">
                                    <div class="sep-line mt-25 mb-25"></div>
                                </div>
                                <!-- separator -->
                                <div class="row">
                                    <div class="col-12">
                                        <!-- featured-icon-box -->
                                        <div class="featured-icon-box style2 left-icon icon-align-top">
                                            <div class="featured-icon"><!-- featured-icon -->
                                                <div class="ttm-icon ttm-icon_element-bgcolor-skincolor ttm-icon_element-size-md ttm-icon_element-style-round">
                                                    <i class="fa fa-phone"></i>
                                                </div>
                                            </div>
                                            <div class="featured-content">
                                                <div class="featured-title"><!-- featured title -->
                                                    <h5>Our Phone Number</h5>
                                                </div>
                                                <div class="featured-desc"><!-- featured desc -->
                                                    <p> 011-4074-3900</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- separator -->
                                <div class="separator">
                                    <div class="sep-line mt-25 mb-25"></div>
                                </div>
                                <!-- separator -->
                                <div class="row">
                                    <div class="col-12">
                                        <!-- featured-icon-box -->
                                        <div class="featured-icon-box style2 left-icon icon-align-top">
                                            <div class="featured-icon"><!-- featured-icon -->
                                                <div class="ttm-icon ttm-icon_element-bgcolor-skincolor ttm-icon_element-size-md ttm-icon_element-style-round">
                                                    <i class="fa fa-envelope" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                            <div class="featured-content">
                                                <div class="featured-title"><!-- featured title -->
                                                    <h5>Our Email</h5>
                                                </div>
                                                <div class="featured-desc"><!-- featured desc -->
                                                    <p>contact@jagransangini.com</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="spacing-10 ttm-bgcolor-grey ttm-bg ttm-col-bgcolor-yes ttm-right-span">
                                <div class="ttm-col-wrapper-bg-layer ttm-bg-layer">
                                    <div class="ttm-bg-layer-inner"></div>
                                </div>
                                <!-- section title -->
                                <div class="section-title with-desc clearfix">
                                    <div class="title-header">
                                        <h2 class="title">Drop Us A Line</h2>
                                    </div>
                                    <span><?= $_SESSION['success'] ?></span>
                                    
                                    <span><?= $_SESSION['error'] ?></span>
                                </div><!-- section title end -->
                                <form id="ttm-quote-form" class="row ttm-quote-form clearfix" method="post" action="">
                                    <div class="col-sm-6 col-md-6">
                                        <div class="form-group">
                                            <input name="name" type="text" class="form-control bg-white" placeholder="Full Name*" required="required">
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-6">
                                        <div class="form-group">
                                            <input name="phone" type="text" placeholder="Phone Number*" required="required" class="form-control bg-white">
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-6">
                                        <div class="form-group">
                                            <input name="email" type="text" placeholder="Email Address*" required="required" class="form-control bg-white">
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-6">
                                        <div class="form-group">
                                            <input name="subject" type="text" placeholder="Subject" required="required" class="form-control bg-white">
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-md-12">
                                        <div class="form-group">
                                            <textarea name="message" rows="5" placeholder="Write A Massage..." required="required" class="form-control bg-white"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="text-left">
                                            <input type="submit" id="submit" name="submit"  class="ttm-btn ttm-btn-size-md ttm-btn-bgcolor-skincolor" value="Submit">
                                               
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- row end -->
                    <!-- row -->
                    <div class="row">
                        
                    </div><!-- row end-->
                </div>
            </section>
            <!-- services-slide-section end -->


        </div>

        <?php  
        if(isset($_SESSION["success"]) || isset($_SESSION["error"])){
            session_destroy(); 
        }
        
        ?>
		<!-- footer area  -->
		<!--footer starts from here-->
<footer class="footer">

	<div class="container">

	  <!--foote_bottom_ul_amrc ends here-->
	  <p class="text-center">Copyright @ 2024 | All rights Reserved.</p>

	</div>
  
  </footer>
  

		<script src="assets/js/jquery-3.3.1.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="../../../../../../cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
		<script src="assets/js/form-step.js"></script>
		<script src="assets/js/jquery.validate.min.js"></script>
		<script src="assets/js/main.js"></script>
		<script src="assets/js/switch.js"></script>
		<script>
			$("#customFile").change(function() {
				filename = this.files[0].name
			});
			$(".custom-file-input").on("change", function() {
				var fileName = $(this).val().split("\\").pop();
				$(this).siblings(".custom-file-label").addClass("selected").html(fileName);
			});
			$('.datepicker').datepicker({
				clearBtn: true,
				format: "dd/mm/yyyy"
			});
		</script>

		<script src="https://code.jquery.com/jquery-3.7.0.js" integrity="sha256-JlqSTELeR4TLqP0OG9dxM7yDPqX1ox/HfgiSLBj8+kM=" crossorigin="anonymous"></script>
		<script>
			$(document).ready(function(){
				$("#range").change(function(){
					var res=$(this).val();
					if(res=="Married" || res=='Divorced'){
						$("#Anniversary").show();
						$("#Children").show();
						$("#Daughters").show();
						$("#Sons").show();
					}else{
						$("#Anniversary").hide();
						$("#Children").hide();
						$("#Daughters").hide();
						$("#Sons").hide();
					}
				});
			});
		</script>
		<script type="text/javascript">
			$("#state").change(function(){
				var id=$(this).val();
				var html='';
				$("#city").empty();
				if(id==1){
					html='<option>Dehradun</option><option>Rishikesh</option><option>Haridwar</option><option>Roorkee</option><option>Haldwani</option><option>Almora</option>';
				}else if(id==2){
					html='<option>Hisar</option><option>Panipat</option><option>Karnal</option><option>Rohtak</option><option>Ambala</option><option>Kurukshetra</option>';
				}else if(id==3){
					html='<option>Patna</option><option>Begusarai</option><option>Gaya</option><option>Nawada</option><option>GopalgunjAra</option><option>Bhagalpur</option><option>Munger</option><option>Purnia</option><option>Kishanganj</option><option>Muzzafarpur</option><option>Darbhanga</option><option>Motihari</option><option>Samstipur</option><option>Ranchi</option><option>Jamshedpur</option><option>Bokaro</option>';
				}else if(id==4){
					html='<option>Bhopal</option><option>Indore</option><option>Raipur</option><option>Ujjain</option><option>Moraina</option><option>Gwalior</option><option>Jabalpur</option><option>Bhilai</option>';
				}else if(id==5){
					html='<option>Lucknow</option><option>Kanpur</option><option>Moradabad</option><option>Aligarh</option><option>Meerut</option><option>Bareilly</option><option>Gorakhpur</option><option>Muzaffarnagar</option><option>Mathura</option>';
				}else if(id==6){
					html='<option>Kangra</option><option>Bilaspur</option><option>Kangra</option><option>Mandi</option><option>Shimla</option>';
				}else if(id==7){
					html='<option>Select City</option>';
				}else if(id==8){
							html='<option>Select City</option>';
				}		
				$("#city").append(html);
			});
		</script>

	</body>

</html>