1#@!#!123s

: / home / u361899553 / domains / arushisewa.org / public_html /
Filename : buy-for-cause-details.php
back
<?php
    include ("include/header.php");
?>

      <section class="product_sec">
     
        <div class="container">
          <div class="text_gal1 d-block section_h2 pb-4 text-center">
          <?php

          $category_row = $_GET['id'];

          $sel_category = "SELECT * FROM category WHERE category_id = '$category_row'";

          $result = mysqli_query($conn,$sel_category);

          while($row = mysqli_fetch_array($result)){
          ?>
          <?php 
            echo "<h2>{$row['category_name']}</h2>";
          ?>
          <?php 
            }
          ?>
          </div>

          <div class="container">
            <!--products 1-->
            <div class="row gy-4">
            <?php  

              $category_row = $_GET['id'];

              $sel_prod = "SELECT * FROM buy WHERE category_id = '$category_row'";

              $exe_prod = mysqli_query($conn,$sel_prod);

              while($fetch_prod = mysqli_fetch_assoc($exe_prod)) {

            ?>
              <div class="col-md-6 col-lg-4">
                <div class="prod_list">
                  <div class="prod_img">
                    <a href="">
                      <img src="arushi-admin/upload/<?php echo $fetch_prod['prod_img']?>" class="img-fluid">
                    </a>
                    <div class="prod_code">
                      <p><?php echo $fetch_prod['product_code']?></p>
                    </div>
                  </div>
                  <div class="prod_box">
                    <p><?php echo $fetch_prod['buy_title']?></p>
                    <div class="prod_txt">
                      <p>Rs. <b><?php echo $fetch_prod['prize']?></b></p>
                      <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#product_pop">Buy Now</a>
                    </div>
                  </div>
                </div>
              </div>
              
              <?php 
                } 
              ?>
            </div>
          </div>

        </div>
      </section>

<?php
    include ("include/footer.php");
?>
<div class="form_pop modal fade" id="product_pop" tabindex="-1" aria-labelledby="exampleModalLabel" aria-modal="true" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content buy_form">
      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">X</button>
      <div class="statusMsgCnt"></div>
      <div class="buy_form1" id="buy_form1">
        <div class="modal_heading">
          <h4>Let's fill the form</h4>
        </div>
        <form class="modal_form" id="popupForm" name="popupcontact" onsubmit="return validateFormUS()" method="post">
          <div class="row">
            <div class="form_group col-md-6">
              <label>Name<span>*</span></label>
              <input class="form-control" type="text" name="uname" placeholder="Your Full Name">
              <span class="error" id="nameuErr"></span>
            </div>
            <div class="form_group col-md-6">
              <label>Mobile No.<span>*</span></label>
              <input class="form-control" type="number" name="unumber" placeholder="Your Mobile No.">
              <span class="error" id="phoneuErr"></span>
            </div>
          </div>
          <div class="row">
            <div class="form_group col-md-6">
              <label>Email ID<span>*</span></label>
              <input class="form-control" type="email" name="uemail" placeholder="Your Email ID">
              <span class="error" id="emailuErr"></span>
            </div>
            <div class="form_group col-md-6">
              <label>Product Name<span>*</span></label>
              <input class="form-control" type="text" name="productName" placeholder="Product Name">
              <span class="error" id="productErr"></span>
            </div>
          </div>
          <div class="form_group">
            <label>Message</label>
            <textarea class="form-control" type="text" name="umessage"  placeholder="Message"></textarea>
            <span class="error" id="messageuErr"></span>
          </div>
          <div class="submit_btn">
            <button class="btn btn-primary" type="submit" name="save" value="1">Submit</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<script>

  $(document).ready(function() {
      // Submit form data via Ajax
      $("#popupForm").on('submit', function(e) {
          e.preventDefault();

          if (validateFormUS()) {
              var $submitButton = $(this).find('button[type="submit"]');
              $submitButton.prop('disabled', true).text('Submit Processing...');

              $.ajax({
                  type: 'POST',
                  url: 'mailsendphp.php',
                  data: new FormData(this),
                  dataType: 'json',
                  contentType: false,
                  cache: false,
                  processData: false,
                  success: function(response) {
                      $('#popupForm , #buy_form1').children().hide();

                      if (response.status === 'success') {
                          $('.statusMsgCnt').html('<span>' + response.message + '</span>');
                          $('#popupForm')[0].reset(); 
                      } else {
                          $('.statusMsgCnt').html('<p class="alert alert-danger"> Please try again later. </p>');
                          $submitButton.prop('disabled', false).text('Submit');
                          $('#popupForm , #buy_form1').children().fadeIn();
                      }
                  },
                  error: function() {
                      $('.statusMsgCnt').html('<p class="alert alert-danger">There was an error submitting the form. Please try again later.</p>');
                      $submitButton.prop('disabled', false).text('Submit'); 
                      $('#popupForm').children().fadeIn();
                  }
              });
          }
      });
  });

  function printtError(elemId, hintMsg) {
      document.getElementById(elemId).innerHTML = hintMsg;
  }

  // Form validation function
  function validateFormUS() {
      var nameus = document.popupcontact.uname.value;
      var emailus = document.popupcontact.uemail.value;
      var mobileus = document.popupcontact.unumber.value;
      var productname = document.popupcontact.productName.value;
      var messageus = document.popupcontact.umessage.value;

      var nameuErr = emailuErr = phoneuErr = productErr = messageuErr = true;

      // Validate name
      if (nameus == "") {
          printtError("nameuErr", "Please enter your name");
      } else {
          var regex = /^[a-zA-Z\s]+$/;
          if (regex.test(nameus) === false) {
              printtError("nameuErr", "Please enter a valid name");
          } else {
              printtError("nameuErr", "");
              nameuErr = false;
          }
      }

      // Validate email address
      if (emailus == "") {
          printtError("emailuErr", "Please enter your email address");
      } else {
          var regex = /^\S+@\S+\.\S+$/;
          if (regex.test(emailus) === false) {
              printtError("emailuErr", "Please enter a valid email address");
          } else {
              printtError("emailuErr", "");
              emailuErr = false;
          }
      }

      // Validate mobile number
      if (mobileus == "") {
          printtError("phoneuErr", "Please enter your mobile number");
      } else {
          var regex = /^[1-9]\d{9}$/;
          if (regex.test(mobileus) === false) {
              printtError("phoneuErr", "Please enter a valid 10 digit mobile number");
          } else {
              printtError("phoneuErr", "");
              phoneuErr = false;
          }
      }

      // Validate product name
      if (productname == "") {
          printtError("productErr", "Please enter the product name");
      } else {
          printtError("productErr", "");
          productErr = false;
      }

      // Validate message
      if (messageus == "") {
          printtError("messageuErr", "Please enter your message");
      } else {
          printtError("messageuErr", "");
          messageuErr = false;
      }

      // Prevent form submission if there are any errors
      return !(nameuErr || emailuErr || phoneuErr || productErr || messageuErr);
  }
</script>

<script>
  $(function() {

    var swiper = new Swiper('.swiper_container', {
      effect: 'slide',
      speed: 900,
      slidesPerView: 1,
      spaceBetween: 20,
      // cssMode: true,
      loop: true,
      simulateTouch: true,
      autoplay: {
        delay: 5000,
        stopOnLastSlide: false,
        disableOnInteraction: false
      },
      pagination: {
        el: '.carousel-gallery .swiper-pagination',
        clickable: true
      },
      breakpoints: {
        // when window width is <= 320px
        320: {
          slidesPerView: 1,
          spaceBetween: 5
        },
        // when window width is <= 480px
        425: {
          slidesPerView: 2,
          spaceBetween: 10
        },
        // when window width is <= 640px
        768: {
          slidesPerView: 3,
          spaceBetween: 20
        }
      }
    });
  });
</script>

<script>
  $(function() {

    var swiper = new Swiper('.swiper_container2', {
      effect: 'slide',
      speed: 900,
      slidesPerView: 1,
      spaceBetween: 20,
      // cssMode: true,
      loop: true,
      simulateTouch: true,
      autoplay: {
        delay: 5000,
        stopOnLastSlide: false,
        disableOnInteraction: false
      },
      pagination: {
        el: '.carousel-gallery .swiper-pagination',
        clickable: true
      },
      breakpoints: {
        // when window width is <= 320px
        320: {
          slidesPerView: 1,
          spaceBetween: 5
        },
        // when window width is <= 480px
        425: {
          slidesPerView: 2,
          spaceBetween: 10
        },
        // when window width is <= 640px
        768: {
          slidesPerView: 3,
          spaceBetween: 20
        }
      }
    });
  });
</script>