<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" target="_blank" id="contact_id">
                <div id="whatsapp_response"></div>
                    <div class="form-group">
                            <input class="form-control" name="wmname" id="wmname" type="text" placeholder="Enter Name *" onkeyup="allowOnlyAlphabets(this)" value="" pattern="[a-zA-Z\s]+" required>
                    </div>
                    <div class="form-group">
                    <input type="hidden" name="countryName" class="countryName" value="">
                    <input type="hidden" name="code" class="code" value="">
                            <input class="form-control" value="" type="tel" name="wmobile" id="wmobile" maxlength="10" minlength="10" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"  placeholder="Enter Mob. No *" required>
                    </div>
                    <button class="read_more01" type="submit" name="whatsEnq" id="whatsEnq">Submit</button>
                </form>
            </div>
        </div>
    </div>
</div>



<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">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/image1.jpg" alt="Category Heading One" title="Category Heading One">
                            </div>
                            <div class="catName">Category Heading One</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")}, 10000)
                            </script>
                            <div class="form-group">
                                <label class="input_label">
                                    <input class="form-control" name="name" type="text" placeholder="Full Name *" onkeyup="allowOnlyAlphabets(this)" value="" pattern="[a-zA-Z\s]+" 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 type="hidden" name="countryName" class="countryName" value="">
                                <input type="hidden" name="code" class="code" value="">
                                    <input class="form-control" name="mobile" type="tel" value=""  maxlength="10" minlength="10" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" placeholder=" Phone No*" required>
                                </label>
                            </div>
                            <div class="form-group">
                                <label class="input_label">
                                    <input class="form-control" name="location" type="text" placeholder="Location *" value="" pattern="[a-z A-Z]+" required>
                                </label>
                            </div>
                            <div class="form-group">
                            <input class="form-control" type="text" name="quantity" placeholder="MOQ (Minimum Order Quantity)*" value="" maxlength="8"
                                   onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" required>
                            </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="read_more01" type="submit" name="submit_cat_popup">Submit Enquiry </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 id="enq_pop_form1" method="post">
                <div id="enq_pop_up"></div>

                    <script>
                        setTimeout(function(){$.getScript("https://www.google.com/recaptcha/api.js")}, 10000)
                    </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" placeholder="Full Name *" onkeyup="allowOnlyAlphabets(this)" value="" pattern="[a-zA-Z\s]+" 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 type="hidden" name="countryName" class="countryName" value="">
                            <input type="hidden" name="code" class="code" value="">
                                    <input class="form-control" value="" type="tel" name="mobile" maxlength="10" minlength="10" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"  placeholder="Mobile Number*" 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="" 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="read_more01" type="submit" name="submit_enq">Submit</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="callback">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-title">Get Callback Quickly</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-5 col-xl-5 col-lg-5 col-md-5 col-sm-5 col-12">
                        <div class="product_popup">
                            <div class="product_popup_image">
                                <img class="catImg" src="<?=site_url;?>/designer/images/image4.jpg" alt="Product" title="Product">
                            </div>
                            <div class="catName">Product Heading One</div>
                        </div>
                    </div>
                    <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-7 col-12">

                        <form name="contact-form" method="post" id="callback_form">
                        <div id="cpop_up"></div>
                            <div class="form-group">
                                <input class="form-control" type="text" name="name" placeholder="Full Name*" onkeyup="allowOnlyAlphabets(this)" value="" pattern="[a-zA-Z\s]+" required>
                            </div>


                            <div class="form-group">
                            <input type="hidden" name="countryName" class="countryName" value="">
                            <input type="hidden" name="code" class="code" value="">
                                <input class="form-control" value="" type="tel" name="mobile" maxlength="10" minlength="10" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" placeholder=" Phone No*"  required>
                            </div>
                            <p>We will contact you on this number</p>

                            <div class="form-group">
                                <button type="submit" class="read_more01" name="submit_callback">Submit</button>
                            </div>
                        </form>

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