<?php
if ($_SERVER["REQUEST_METHOD"] === "POST") {
    if (isset($_POST['quick_submit'])) {
        // $name = $_POST['name'];
        $phone = $_POST['phone'];
        $email = $_POST['email'];
        $message = $_POST['message'];
        $subject = $_POST['subject'];
        // if (empty($name)) {
        //     $errors[] = "Name field is required.";
        // } elseif (!ctype_alpha($name)) {
        //     $errors[] = "Name can only contain alphabets.";
        // }

        if (empty($email)) {
            $errors[] = "Email field is required.";
        }

        if (empty($phone)) {
            $errors[] = "Phone field is required.";
        } elseif (!preg_match('/^\d{10}$/', $phone)) {
            $errors[] = "Phone number should have exactly 10 digits.";
        }
        if (!empty($message)) {
            $message = htmlspecialchars($message); // Sanitize the message input
        }

        if (empty($errors)) {
            $query = "INSERT INTO `tbl_queries` (`phone`, `email`,`subject`,`message`) VALUES (?, ?, ?, ?)";
            $stmt = mysqli_prepare($db, $query);
            mysqli_stmt_bind_param($stmt, "ssss", $phone, $email, $subject, $message);
            $result = mysqli_stmt_execute($stmt);
            mysqli_stmt_close($stmt);

            if ($result) {
                echo "<script>
                    window.alert('Successfully Sent! We will contact you soon');
                    window.location.href = '$wspath';
                </script>";
            } else {
                echo "Error";
            }
        }
    }
}
?>
<style>
    .whatsapp {
        width: 50px;
        height: 50px;
        right: 20px;
        bottom: 75px;
        background: #10b418;
        position: fixed;
        text-align: center;
        color: #ffffff;
        cursor: pointer;
        border-radius: 50%;
        z-index: 99;
      display: inline-block;
      line-height: 65px;
    }
   
    
    .whatsapp:before {
        position: absolute;
        content: " ";
        z-index: -1;
        top: -15px;
        right: -15px;
        background-color: #10b418;
        width: 80px;
        height: 80px;
        border-radius: 100%;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
        opacity: 0.6;
        -webkit-animation: pulse 1s ease-out;
        animation: pulse 1.8s ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
   
    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale(0);
            opacity: 0;
        }
        25% {
            -webkit-transform: scale(0.3);
            opacity: 1;
        }
        50% {
            -webkit-transform: scale(0.6);
            opacity: .6;
        }
        75% {
            -webkit-transform: scale(0.9);
            opacity: .3;
        }
        100% {
            -webkit-transform: scale(1);
            opacity: 0;
        }
    }
    
    @keyframes pulse {
        0% {
            transform: scale(0);
            opacity: 0;
        }
        25% {
            transform: scale(0.3);
            opacity: 1;
        }
        50% {
            transform: scale(0.6);
            opacity: .6;
        }
        75% {
            transform: scale(0.9);
            opacity: .3;
        }
        100% {
            transform: scale(1);
            opacity: 0;
        }
    }
    
    
    </style>
 <div class="whatsapp">
        <a href="https://wa.me/<?php echo $datac["whatsapp"]; ?>"> <i style="color:white;font-size: 35px;" class="fa-brands fa-whatsapp"></i></a>
 </div>




<!-- Footer -->
<footer id="footer" class="divider layer-overlay overlay-dark-8" data-bg-img="<?php echo $wspath?>images/sl3.jpg">
      <div class="container pt-70 pb-40">
        <div class="row border-bottom-black">
          <div class="col-sm-6 col-md-3">
            <div class="widget dark">
              <img src="<?php echo $wspath?>admin/images/<?php echo $dataf['footer_logo'];?>">
              <p style="padding-top:10px;"><?php echo $datac["address"]; ?></p>
              <ul class="list-inline mt-5">
                <li class="m-0 pl-10 pr-10"> <i class="fa fa-phone text-white mr-5"></i> <a class="text-gray"
                    href="tel:<?php echo $datac["phone"]; ?>"><?php echo $datac["phone"]; ?></a> </li>
                <li class="m-0 pl-10 pr-10"> <i class="fa fa-phone text-white mr-5"></i> <a class="text-gray"
                    href="tel:<?php echo $datac["alt_phone"]; ?>"><?php echo $datac["alt_phone"]; ?></a> </li>
                <li class="m-0 pl-10 pr-10"> <i class="fa fa-envelope-o text-white mr-5"></i> <a
                    class="text-gray" href="mailto:<?php echo $datac["email"]; ?>"><?php echo $datac["email"]; ?></a> </li>
                <li class="m-0 pl-10 pr-10"> <i class="fa fa-globe text-white mr-5"></i> <a class="text-gray"
                    href="<?php echo $wspath?>"><?php echo $wspath?></a> </li>
              </ul>
              <ul class="social-icons icon-bordered icon-white icon-circled icon-sm mt-15">
                <li><a target="_blank" href="<?php echo $dataf["facebook_link"]; ?>"><i class="fa-brands fa-facebook"></i></a></li>
                <li><a target="_blank" href="<?php echo $dataf["twitter_link"]; ?>"><i class="fa-brands fa-twitter"></i></a></li>
                <li><a target="_blank" href="<?php echo $dataf["youtube_link"]; ?>"><i class="fa-brands fa-youtube"></i></a></li>
                <li><a target="_blank" href="<?php echo $dataf["insta_link"]; ?>"><i class="fa-brands fa-instagram"></i></a></li>
                <li><a target="_blank" href="<?php echo $dataf["pinterest_link"]; ?>"><i class="fa-brands fa-pinterest"></i></a></li>
              </ul>
            </div>
          </div>
          <div class="col-sm-6 col-md-3">
            <div class="widget dark">
              <h5 class="widget-title line-bottom">About Us</h5>
              <ul class="list angle-double-right list-border">
                <li><a href="<?php echo $wspath?>founder-message.html">founder's message</a></li>
                <li><a href="<?php echo $wspath?>company-overview.html">Company Overview</a></li>
                <li><a href="<?php echo $wspath?>vision.html">Vision</a></li>
                <li><a href="<?php echo $wspath?>mision.html">Mission</a></li>
              </ul>
            </div>
          </div>
          <div class="col-sm-6 col-md-3">
            <div class="widget dark">
              <h5 class="widget-title line-bottom">Useful Links</h5>
              <ul class="list angle-double-right list-border">
                <li><a href="<?php echo $wspath?>">Home</a></li>
                <li><a href="<?php echo $wspath?>team.html">Our Team</a></li>
                <li><a href="<?php echo $wspath?>photo-gellary.html">Photo Gallery</a></li>
                <li><a href="<?php echo $wspath?>video-gellary.html">Video Gallery</a></li>
                <li><a href="<?php echo $wspath?>certificates.html">Certificates</a></li>
              </ul>
            </div>
          </div>
          <div class="col-sm-6 col-md-3">
            <div class="widget dark">
              <h5 class="widget-title line-bottom">Quick Contact</h5>
              <form class="quick-contact-form" action="<?php $_PHP_SELF?>" method="POST">
                <div class="form-group">
                  <input id="form_email" name="phone" class="form-control" type="phone" required="" placeholder="Enter Mobile Number" minlength="10" maxlength="10" onkeypress="return isNumberKey(event)" pattern=".{10,10}" class="form-control" required="" onpaste="return false;" required>
                  <?php if (isset($errors) && in_array("Phone field is required.", $errors)) { ?>
                        <p class="error">Phone field is required.</p>
                    <?php } elseif (isset($errors) && in_array("Phone number should have exactly 10 digits.", $errors)) { ?>
                        <p class="error">Phone number should have exactly 10 digits.</p>
                    <?php } ?>
                </div>
                <div class="form-group">
                  <input id="form_email" name="email" class="form-control" type="text" required="" placeholder="Enter Email">
                  <?php if (isset($errors) && in_array("Email field is required.", $errors)) { ?>
                        <p class="error">Email field is required.</p>
                    <?php } ?>
                </div>
                
                <div class="form-group">
                    <select class="form-control" name="subject">
                        <option value="">Select Product</option>
                        <?php                  
                            $sqlz = "SELECT * FROM `tbl_services`";
                            $runz = mysqli_query($db,$sqlz) or die("Query Not run");
                            while($dataz = mysqli_fetch_assoc($runz)){
                        ?>
                         <option value="<?php echo $dataz['name']?>"><?php echo $dataz['name']?></option>
                         <?php } ?>
                    </select>
                </div>
                
                <div class="form-group">
                  <textarea id="form_message" name="message" class="form-control" required="" placeholder="Enter Message" rows="3"></textarea>
                </div>
                <div class="form-group">
                  <input id="form_botcheck" name="form_botcheck" class="form-control" type="hidden" value="" />
                  <button name="quick_submit" type="submit" class="btn btn-default btn-transparent btn-xs btn-flat mt-0" data-loading-text="Please wait...">Send Message</button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-bottom" data-bg-color="#001111">
        <div class="container pt-15 pb-10">
          <div class="row">
            <div class="col-md-12">
              <p class="font-12 text-gray m-0 text-center">Copyright &copy;2023 <span
                  class="text-theme-colored"><a style="color:#ffffff" href="#"> Ginyard Petroleum Pvt. Ltd.</a></span>. All Rights Reserved. Designed And Developed by <a style="color:#ffffff" href="https://www.webkeyindia.com/"> Webkeyindia.com</a>.</p>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
  </div>
  <!-- end wrapper -->

  <!-- Footer Scripts -->
  <!-- JS | Custom script for all pages -->
  <script src="<?php echo $wspath?>js/custom.js"></script>

  <!-- SLIDER REVOLUTION 5.0 EXTENSIONS  
      (Load Extensions only on Local File Systems ! 
       The following part can be removed on Server for On Demand Loading) -->
  <script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.actions.min.js"></script>
  <script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.carousel.min.js"></script>
  <script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.kenburn.min.js"></script>
  <script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.layeranimation.min.js"></script>
  <script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.migration.min.js"></script>
  <script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.navigation.min.js"></script>
  <script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.parallax.min.js"></script>
  <script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.slideanims.min.js"></script>
  <script type="text/javascript" src="<?php echo $wspath?>js/revolution-slider/js/extensions/revolution.extension.video.min.js"></script>