File: /var/www/html/wavecolordrop.com/wp-content/themes/color_drop/footer.php
<footer>
<?php global $wp;
$current_url = add_query_arg($wp->query_vars, home_url()); ?>
<!-- only testing purpose -->
<!-- footer-area-start -->
<?php dynamic_sidebar('footer-1'); ?>
<!-- footer-area-end -->
<!-- copyright-area-start -->
<div class="tp-copyright-2__area black-bg-2">
<div class="container">
<div class="tp-copyright-2__bdr">
<div class="row align-items-center">
<div class="col-xl-6 col-lg-6 col-md-6 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-copyright-2__text text-center text-md-start">
<span><?php echo get_theme_mod("set_copyright", "Set your copyright value"); ?></span>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-copyright-2__thumb text-center text-md-end d-md-block text-white">
<span>
<a href="<?php echo site_url(''); ?>/privacy-policy"><?php echo get_theme_mod("privacy_policy", "Set your designed value"); ?></a>
</span>|
<span>
<a href="<?php echo site_url(''); ?>/term-condition"><?php echo get_theme_mod("terms_condition", "Set your designed value"); ?></a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- copyright-area-end -->
</footer>
<!-- JS here -->
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/jquery.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/waypoints.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/bootstrap.bundle.min.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/slick.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/magnific-popup.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/purecounter.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/wow.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/nice-select.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/swiper-bundle.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/isotope-pkgd.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/range-slider.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/imagesloaded-pkgd.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/ajax-form.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/main.js"></script>
<!-- Slider js -->
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/cdn.jsdelivr.net_npm_bootstrap@5.0.2_dist_js_bootstrap.bundle.min.js">
</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js">
</script>
<?php wp_footer(); ?>
<!-- For Inquiry form modal popup -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://smtpjs.com/v3/smtp.js"></script>
<!-- The Modal -->
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">ENQUIRY FORM</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<!-- Modal body -->
<div class="modal-body">
<form action="" method="POST" id="submitForm">
<div class="mb-3 mt-3">
<label for="category" class="form-label">Category Name:</label>
<input type="text" class="form-control" id="category" name="category" disabled>
</div>
<div class="mb-3 mt-3">
<label for="name" class="form-label">Name: <span>*</span></label>
<input type="text" class="form-control" id="name" placeholder=" Enter name" name="name" require>
<span id="userName"></span>
</div>
<div class="mb-3 mt-3">
<label for="email" class="form-label">Email: <span>*</span></label>
<input type="email" class="form-control" id="email" placeholder="Enter email" name="email" require>
<span id="emailId"></span>
</div>
<div class="mb-3 mt-3">
<label for="phone" class="form-label">Phone: <span>*</span></label>
<input type="tel" class="form-control" id="phone" placeholder="Enter phone" name="phone" require>
<span id="phoneId"></span>
</div>
<div class="mb-3">
<label for="message" class="form-label">Message: <span>*</span></label>
<textarea name="message" id="message" cols="30" rows="10" placeholder=" Enter message" require></textarea>
<span id="messageDetail"></span>
</div>
<button type="submit" class="btn btn-success" id="sendMail">Submit</button>
</form>
</div>
</div>
</div>
</div>
<style>
.error {
color: red;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<style>
div:where(.swal2-container) h2:where(.swal2-title) {
margin: 0;
padding: 0 !important;
font-size: 14px !important;
}
div:where(.swal2-container) .swal2-html-container {
margin: 5px !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
background-color: #a32424 !important;
}
</style>
<script>
function inquiryForm() {
let category = $(".tp-breadcrumb__title").html();
let product = $(".woocommerce-loop-product__title").html();
$('#myModal').modal('show');
$("#category").val(category);
$("#submitForm").submit(function(e) {
e.preventDefault();
let category = $("#category").val();
let name = $("#name").val();
let email = $("#email").val();
let phone = $("#phone").val();
let message = $("#message").val();
if (name != '' && email != '' && message != '') {
$('#userName').html('');
$('#emailId').html('');
$('#phoneId').html('');
$('#messageDetail').html('');
$("#sendMail").prop('disabled', true);
$("#sendMail").html("Please wait...");
$.ajax({
url: "<?php echo get_template_directory_uri(); ?>/woocommerce/single-product/insert.php",
method: "POST",
data: {
categoryName: category,
username: name,
useremail: email,
userphone: phone,
messagedetail: message,
},
success: function(data) {
$('#name').val('');
$("#email").val('');
$("#phone").val('');
$("#message").val('');
$("#sendMail").prop('disabled', false);
$("#sendMail").html("Submitted");
$('#myModal').modal('hide');
Swal.fire({
title: "Thank You For Getting In Touch. Our Team Will Contact You Shortly!",
icon: "success"
});
$("#sendMail").html("Submit");
}
});
} else {
$('#userName').html('*Please fill the name!').css('color', 'red');
$('#emailId').html('*Please fill the email!').css('color', 'red');
$('#phoneId').html('*Please fill the phone!').css('color', 'red');
$('#messageDetail').html('*Please fill the message!').css('color', 'red');
}
});
}
</script>
</body>
</html>