<!-- footer starts -->
  <section class="footer-wrap">
    <div class="container custom-container">
      <div class="row">
        <div class="col-md-6">
          <div class="left-wrap">
            <img src="<?php echo get_template_directory_uri(); ?>/images/logo-white.svg" alt="" class="logo">
            <p class="para para-sm">
              With flat-fee, zero-commission crowdfunding, Kollect is making our community a better place to give.
            </p>
          </div>
        </div>
        <div class="col-md-6">
          <div class="right-wrap">
            <ul class="list">
              <li><a href="<?php echo esc_url(home_url('/home')); ?>"> Home</a></li>
              <li><a href="<?php echo esc_url(home_url('/about')); ?>"> About</a></li>
              <li><a href="<?php echo esc_url(home_url('/features')); ?>">Features</a></li>
              <li><a href="<?php echo esc_url(home_url('/plus')); ?>">Plus</a></li>
              <li><a href="<?php echo esc_url(home_url('/contact-us')); ?>">Contact Us</a></li>
            </ul>
            <ul class="list">
              <li><a href="tel:+9175247662"><img src="<?php echo get_template_directory_uri(); ?>/images/phone.svg" />(917) 524-7662</a></li>
              <li><a href="mailto:info@kollect.live"><img src="<?php echo get_template_directory_uri(); ?>/images/msg.svg" />info@kollect.live</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
     <div class="btn-radial">
        <img src="<?php echo get_template_directory_uri(); ?>/images/footer-light.svg" alt="" />
      </div>
      <div class="footer-round">
        <img src="<?php echo get_template_directory_uri(); ?>/images/footer-round.svg" alt="" />
      </div>
  </section>
   <section class="copy-wrap">
  &copy; <span id="copyright-year"></span> Kollect | Powered by 
  <a href="https://kornerstonemedia.com" target="_blank" rel="noopener noreferrer"><strong>Kornerstone Media</strong></a> | Terms and Conditions | Privacy Policy
</section>
  <!-- footer ends -->
  <!-- scripts -->
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.min.js"
    integrity="sha384-RuyvpeZCxMJCqVUGFI0Do1mQrods/hhxYlcVfGPOfQtPJh0JCw12tUAZ/Mv10S7D"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.9.2/parsley.min.js"></script>

  <script>
    
//  document.querySelector('input[name="phone_number"]').addEventListener('input', function (e) {
//     this.value = this.value.replace(/\D/g, ''); // removes non-digits
//   });



      document.getElementById('copyright-year').textContent = new Date().getFullYear();


     const navbar = document.getElementById('navbar');
    window.addEventListener('scroll', () => {
      if (window.scrollY > 50) {
        navbar.classList.add('scrolled');
      } else {
        navbar.classList.remove('scrolled');
      }
    });
    $('.featured-slider').slick({
      dots: false,
      infinite: true,
      arrows: true,
      speed: 300,
      slidesToShow: 3,
      slidesToScroll: 1,
      prevArrow: $('.prev-arrow'),
      nextArrow: $('.next-arrow'),
      responsive: [
        {
          breakpoint: 1024,
          settings: {
            slidesToShow: 2,
            slidesToScroll: 1,
            infinite: true,
            dots: false
          }
        },
        {
          breakpoint: 600,
          settings: {
            slidesToShow: 2,
            slidesToScroll: 2
          }
        },
        {
          breakpoint: 480,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1
          }
        }
        // You can unslick at a given breakpoint now by adding:
        // settings: "unslick"
        // instead of a settings object
      ]
    });
    $('.testi-alider').slick({
      dots: false,
      infinite: true,
      speed: 300,
      slidesToShow: 2,
      responsive: [
        {
          breakpoint: 768,
          settings: {
            slidesToShow: 1
          }
        }
      ]
    });


    jQuery(document).ready(function($) {
    $('#contact-form').on('submit', function(e) {
        e.preventDefault();

        var form = $(this);

        if (form.parsley().isValid()) {

            var formData = form.serialize();
            formData += '&action=custom_contact_form_ajax'; // add action param for WordPress hook

            $.ajax({
                url: '<?php echo admin_url( 'admin-ajax.php' ); ?>',
                type: 'POST',
                data: formData,
                beforeSend: function() {
                    $('.btn-submit').attr('disabled', true).find('span').text('Submitting...');
                },
                success: function(response) {
                    $('#form-response').html('<span style="color:green;">' + response.data.message + '</span>');
                     setTimeout(function() {
                          $('#form-response').fadeOut('slow', function() {
                              $(this).html('').show(); // clear and reset display
                          });
                      }, 3000);
                    form[0].reset();
                    form.parsley().reset();
                    $('.btn-submit').attr('disabled', false).find('span').text('Submit');
                },
                error: function(xhr, status, error) {
                    $('#form-response').html('<span style="color:red;">An error occurred. Please try again.</span>');
                    setTimeout(function() {
                          $('#form-response').fadeOut('slow', function() {
                              $(this).html('').show(); // clear and reset display
                          });
                      }, 3000);
                    $('.btn-submit').attr('disabled', false).find('span').text('Submit');
                }
            });

        }
    });
});



document.addEventListener('DOMContentLoaded', function () {
  const selectBox = document.getElementById('reason');

  if (selectBox) {
    selectBox.addEventListener('change', function () {
      if (this.value) {
        this.classList.add('selected');
      } else {
        this.classList.remove('selected');
      }
    });
  }
});

  </script>
  <?php if (is_page('contact-us')) : ?>
  <script>
    document.addEventListener('DOMContentLoaded', function () {
      var phoneInput = document.querySelector('input[name="phone_number"]');
      if (phoneInput) {
        phoneInput.addEventListener('input', function (e) {
          this.value = this.value.replace(/\D/g, ''); // removes non-digits
        });
      }
    });
  </script>
<?php endif; ?>
  <style>
    /* Highlight the input border when error */
input.parsley-error,
textarea.parsley-error,
select.parsley-error {
  border-color: #e74c3c !important; /* red */
  background-color: #fff6f6; /* light red background */
}

/* Highlight the input border when success */
input.parsley-success,
textarea.parsley-success,
select.parsley-success {
  border-color: #2ecc71 !important; /* green */
}

/* Style the error message */
.parsley-errors-list {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
  color: #e74c3c;
  font-size: 14px;
  font-weight: normal;
}

/* Hide empty error message blocks */
.parsley-errors-list:not(.filled) {
  display: none;
}

  </style>

</body>

</html>