<?php
include_once("include/main.inc.php");
$admin_sql = mysqli_query($GLOBALS['dbconn'], "select * from admin_details");
$admin_res = mysqli_fetch_array($admin_sql);

?>

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

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Contact - <?=COMPANY_NAME;?></title>
    <meta name="description" content="Contact - <?=COMPANY_NAME;?>" >
    <meta name="keywords" content="Contact - <?=COMPANY_NAME;?>" >
   
    <?php include "app_top.php";?>
</head>

<body>
    <?php include "app_header.php";?>

    <div class="heading_banner" style="background-image: url(<?=site_url;?>/designer/images/contact-us.jpg)">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
                    <h1 class="cat_title">Contact Us</h1>
                    <div class="clearfix"></div>
                    <div class="cat_title2">We Are Available For You</div>
                </div>
            </div>
        </div>
    </div>

    <!-- Breadcrumb-->
    <div class="inner_breadcrumb hidden_xs">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <ul class="breadcrumb">
                        <li><a href="<?=site_url;?>" title="Home">Home</a></li>
                        <li class="active">Contact Us</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <!-- Home About-->
    <section class="contact_page">
        <div class="container">
            <div class="contact_form_grid1">
                <div class="row">
                    <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 contact_details">
                        <h2>Contact Information</h2>
                        <p>Write to us or call us, get quick response powered by our advanced coustomer support team .</p>
                        <ul class="address_list">
                            <li><span class="fa fa-map-marker"></span>  <?=$admin_res['address'];?></li>
                            <li><a href="tel:+91<?=$admin_res['mobile'];?>" title="Call us"><span class="fa fa-phone"> </span> Call: +91-<?=$admin_res['mobile'];?></a>, <a href="tel:+91<?=$admin_res['phone'];?>" title="Call us">+91-<?=$admin_res['phone'];?></a></li>   
                            <li><a href="javascript:void()" data-bs-toggle="modal" data-bs-target="#whatsapp" title="Whatsapp"><span class="fa fa-whatsapp"></span> Whatsapp: +91-98141-54545</a></li>
                          
                        </ul>

                        <!-- <h3>Get in Touch</h3>
                        <ul class="social_list">
                        <li><a class="facebook" href="<?=$admin_res['facebook_link'];?>" title="Facebook" target="_blank"><i class="fa fa-facebook"></i></a></li>
                                <li><a class="twitter" href="<?=$admin_res['twiter_link'];?>" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                <li><a class="linkedin" href="<?=$admin_res['linked_link'];?>" title="Linkedin" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                                <li><a class="instagram" href="<?=$admin_res['instagram_link'];?>" title="instagram" target="_blank"><i class="fa fa-instagram"></i></a></li>
                        </ul> -->
                    </div>
                    <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12 form_grid">
                        <h4>We want to hear from you!</h4>
                        <form  name="contact-form" method="post" id="contact_form">
                             <script src="https://www.google.com/recaptcha/api.js" async defer></script>
                                <span class="text-danger error_message"></span>
                                <span class="text-success success_message"></span>
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group">
                                        <input class="form-control" type="text" name="names" id="names" placeholder="Your Name*" required onkeypress="return ValidateAlpha(event)" value="">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group">
                                        <input class="form-control" type="email" name="email" id="emails" placeholder="Your Email ID*" required value="">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group">
                                        <input class="form-control" type="text" name="mobiles" id="mobiles" placeholder="Your Mobile No*" required maxlength="12" minlength="10" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"
 value="">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group">
                                        <input class="form-control" type="text" name="locations" onkeypress="return ValidateAlpha(event)" placeholder="Your Location*" id="locations" required value="">
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <div class="form-group">
                                        <textarea class="form-control" rows="5" placeholder="Your Comments Here*" required name="message" id="message"></textarea>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <div class="form-group" style="margin-bottom: 0;">
                                        <div class="g-recaptcha" data-sitekey="<?=site_key;?>"></div>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <div class="form-group">
                                        <button class="submit_btn" type="submit" name="submit_cat">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>

                </div>



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

<iframe class="contact_map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d27454.36764847845!2d76.71903924851482!3d30.667873739743158!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390febff077e621f%3A0xc8c5445a02c1402d!2sMilkMan%20Dairy%20Equipment!5e0!3m2!1sen!2sin!4v1654164335108!5m2!1sen!2sin" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

       <section class="home_testimonials_webpulse">
    <?php include "testimonial.php";?>
    </section>
    <?php include "app_footer.php";?>
    <?php include "app_bottom.php";?>
    <script>
        $(document).ready(function(){
            $("#enq_pop_form").validate({
                rules: {
                        names: "required",
                        message: {
                            required: true,
                       
                        },
                        locations: {
                            required: true,
                           
                        },
                        email: {
                            required: true,
                          
                        },
                        mobiles: {
                            required: true,
                            number: true,
                            minlength: 10,
                            maxlength : 12
                        }
                    },
                    messages: {
                    names: "Please enter your name",
                    message: {
                        required: "Please enter your message",
                    
                    },
        
                    email: {
                        required: "Please enter your email address",
                    },
                    locations: {
                        required: "Please Enter Your Location",
                    
                    },
                    mobiles: {
                        required: "Please enter your mobile no.",
                        number: "Mobile No. contains only numbers",
                        minlength: "Your Mobile No. must be at least 10-12 digits long",
                        maxlength: "Your Mobile No. must be at least 10-12 digits long",
                    }
                },
            });
            
        });
    </script>
</body>


</html>