

<div class="modal fade" id="whatsapp" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-title">Message on WhatsApp</div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form method="post" id="whatsapp_form">
                    <div class="form-group">
                        <input class="form-control" name="username" type="text" placeholder="Enter Name *" onkeypress="return ValidateAlpha(event)" value="" pattern="[a-z A-Z]+" required>
                    </div>
                    <div class="form-group">
                        <input class="form-control" name="mobile" type="tel" placeholder="Enter Mob. No *" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" maxlength="12" minlength="7" value="" required>
                    </div>
                    <button class="submit_btn" type="submit" name="whatsapp_submit">Submit</button>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- Product Popup -->
<div class="modal fade" id="productID" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-title" id="myModalLabell">Send Enquiry </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-7 col-12">
                        <div class="product_popup">
                            <div class="product_popup_image">
                                <img class="catImg" src="<?= site_url; ?>/designer/images/icon.png" alt="Milkman Dairy Equipment" title="Milkman Dairy Equipment">
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-5 col-12">

                        <form name="contact-form" method="post" id="product_pop_form">
                            <div id="cat_pop_up"> </div>
                            <script>
                                setTimeout(function() {
                                    $.getScript("https://www.google.com/recaptcha/api.js");
                                }, 5000);
                            </script>
                            <div class="form-group">
                                <label class="input_label">
                                    <input class="form-control" name="name" type="text" placeholder="Full Name *" onkeypress="return ValidateAlpha(event)" value="" pattern="[a-z A-Z]+" required>
                                </label>
                            </div>
                            <div class="form-group">
                                <label class="input_label">
                                    <input class="form-control" name="email" type="email" placeholder="Email ID *" value="" required>
                                </label>
                            </div>
                            <div class="form-group">
                                <label class="input_label">
                                    <input class="form-control" name="mobile" type="text" placeholder="Phone No *" value="" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" maxlength="12" minlength="7" required>
                                </label>
                            </div>
                            <div class="form-group">
                                <label class="input_label">
                                    <input class="form-control" name="location" type="text" placeholder="Location *" value="" required>
                                </label>
                            </div>
                            <div class="form-group">
                                <label class="input_label">
                                    <textarea class="form-control" placeholder="Comments Here*" required name="message"></textarea>
                                </label>
                            </div>
                            <div class="form-group">
                                <div class="g-recaptcha" data-sitekey="<?= site_key; ?>"></div>
                            </div>
                            <div class="form-group">
                                <button class="vs-btn submit_btn" type="submit" name="submit_cat_popup">
                                    <span class="vs-btn-shape"></span>
                                    <span class="vs-btn-shape"></span>
                                    <span class="vs-btn-shape"></span>
                                    <span class="vs-btn-shape"></span>
                                    <span class="vs-btn-text">Submit Enquiry </span>
                                    <span class="vs-btn-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z">
                                            </path>
                                        </svg></span>
                                </button>
                            </div>
                        </form>

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






<div class="modal fade" id="enquiry_form" tabindex="-1">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-title" id="myModalLabel">Enquire Now</div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form name="contact-form" method="post" id="enq_pop_form">
                    <div id="enq_pop_up"> </div>
                    <script>
                                setTimeout(function() {
                                    $.getScript("https://www.google.com/recaptcha/api.js");
                                }, 5000);
                            </script>
                    <div class="row">
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                            <div class="form-group">
                                <input class="form-control" name="name" type="text" onkeypress="return ValidateAlpha(event)" placeholder="Full Name *" value="" pattern="[a-z A-Z]+" required>
                            </div>
                        </div>
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                            <div class="form-group">
                                <input class="form-control" name="email" type="email" placeholder="Email ID *" value="" required>
                            </div>
                        </div>
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                            <div class="form-group">
                                <input class="form-control" name="mobile" type="text" placeholder="Mobile No *" value="" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" maxlength="12" minlength="7" required>
                            </div>
                        </div>
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                            <div class="form-group">
                                <input class="form-control" name="location" type="text" placeholder="Location *" value="" onkeypress="return ValidateAlpha(event)" required>
                            </div>
                        </div>

                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                            <div class="form-group">
                                <textarea class="form-control" placeholder="Comments Here*" required name="message"></textarea>
                            </div>
                        </div>

                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                            <div class="form-group" style="margin-bottom:5px;">
                                <div class="g-recaptcha" data-sitekey="<?= site_key; ?>"></div>
                            </div>
                        </div>

                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                            <div class="form-group">
                                <button class="submit_btn" type="submit" name="submit_enq">Submit</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>