<style>
.mauticform_wrapper {
    max-width: 600px ;
    margin: 10px auto;
}
.klopll {
    margin-top: 10px;
}
    input.kls.mauticform-input {
    width: 48%;
    float: left;
    }
    input.dfjh.mauticform-input {
    width: 48%;
    float: left;
    margin-left: 19px;
    margin-bottom: 4px;
}
.mauticform-input, .mauticform-textarea {
    width: 100%;
    padding: 0.5em 0.5em;
    border: 1px solid #CCC;
    background: #fff;
    box-shadow: 0px 0px 0px #fff inset;
    border-radius: 4px;
    box-sizing: border-box;
}
.mauticform-row {
    display: block;
    margin-bottom: 20px;
}
.mauticform-innerform {
    padding: 5px 15px;
}

.mauticform-row {
    margin-bottom: 10px !important;
}
p.hiei {
    text-align: right !important;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
}
button.uqwupffp {
    width: 48% !important;
    float: right;
    font-size: 16px !important;
    padding: 3px 10px !important;
    height: 40px !important;
}
.btn-bk{
    width:48%;
    float:right;
}
@media (max-width: 500px) {
    input.kls.mauticform-input {
    width: 100%;
    float: left;
    }
    input.dfjh.mauticform-input {
    width: 100%;
    float: left;
    margin-left: 0px;
    margin-bottom: 4px;
}
.mauticform-input, .mauticform-textarea {
    width: 100%;
    
}
.btn-bk{
    width:100%;
    float:right;
}
p.hiei {
    text-align: center !important;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}
}
@media (min-width: 500px and max-width:600px) {
    input.kls.mauticform-input {
    width: 100%;
    float: left;
    }
    input.dfjh.mauticform-input {
    width: 100%;
    float: left;
    margin-left: 0px;
    margin-bottom: 4px;
}
.mauticform-input, .mauticform-textarea {
    width: 100%;
    
}
.btn-bk{
    width:100%;
    float:right;
}
p.hiei {
    text-align: center !important;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}
}
</style>
<div id="mauticform_wrapper_book20minmetal" class="mauticform_wrapper">
    <form autocomplete="false" role="form" method="post" action="https://sas.emuaj.in/form/submit?formId=259" id="mauticform_book20minmetal" data-mautic-form="book20minmetal" enctype="multipart/form-data">
        <div class="mauticform-error" id="mauticform_book20minmetal_error"></div>
        <div class="mauticform-message" id="mauticform_book20minmetal_message"></div>
        <div class="mauticform-innerform">

            
          <div class="mauticform-page-wrapper mauticform-page-1" data-mautic-form-page="1">

            <div id="mauticform_book20minmetal_f_name" data-validate="f_name" data-validation-type="text" class="mauticform-row mauticform-text mauticform-field-1 mauticform-required">
                <input id="mauticform_input_book20minmetal_f_name" name="mauticform[f_name]" value="" placeholder="Name" class="klopll kls mauticform-input" type="text">
                <span class="mauticform-errormsg" style="display: none;">This is required</span>
            </div>

            <div id="mauticform_book20minmetal_phone" data-validate="phone" data-validation-type="tel" class="mauticform-row mauticform-tel mauticform-field-2 mauticform-required">
                <input id="mauticform_input_book20minmetal_phone" name="mauticform[phone]" value="" placeholder="Phone" class="klopll dfjh mauticform-input" type="tel">
                <span class="mauticform-errormsg" style="display: none;">This is required</span>
            </div>

            <div id="mauticform_book20minmetal_email" data-validate="email" data-validation-type="email" class="mauticform-row mauticform-email mauticform-field-3 mauticform-required">
                <input id="mauticform_input_book20minmetal_email" name="mauticform[email]" value="" placeholder="Email" class="klopll mauticform-input" type="email">
                <span class="mauticform-errormsg" style="display: none;">This is required</span>
            </div>

            <div id="mauticform_book20minmetal_f_message" data-validate="f_message" data-validation-type="textarea" class="mauticform-row mauticform-text mauticform-field-4 mauticform-required">
                <textarea id="mauticform_input_book20minmetal_f_message" name="mauticform[f_message]" placeholder="Message" class="klopll mauticform-textarea"></textarea>
                <span class="mauticform-errormsg" style="display: none;">This is required</span>
            </div>

                <input id="mauticform_input_book20minmetal_lead_source" name="mauticform[lead_source]" value="https://www.metalstamping-dies.com" class="mauticform-hidden" type="hidden">
               <div id="mauticform_book20minmetal_captcha" style="display: none;" class="mauticform-row mauticform-text mauticform-field-6">
                <label id="mauticform_label_book20minmetal_captcha" for="mauticform_input_book20minmetal_captcha" class="mauticform-label">Captcha</label>
                <input id="mauticform_input_book20minmetal_captcha" name="mauticform[captcha]" value="" class="mauticform-input" type="text">
                <span class="mauticform-errormsg" style="display: none;"></span>
            </div>
                <div class="main-kl">
                 <p class="hsu hiei">Get Ready to change your Product Vision into Realty...</p>
            <div id="mauticform_book20minmetal_yes_i_am_interested_to_di" class="btn-bk mauticform-row mauticform-button-wrapper mauticform-field-7">
                <button type="submit" name="mauticform[yes_i_am_interested_to_di]" id="mauticform_input_book20minmetal_yes_i_am_interested_to_di" value="" style="border-radius: 4px;background-color: black !important;  border: none;   color: white;text-align: center; font-size: 16px; margin: 0px; margin-top:5pxpadding-left:25px;padding-right:25px;" class="asmlzs uqwupffp mauticform-button">Yes, Let's Connect for Zoom Call</button>
            </div>
            </div>
            </div>
        </div>

        <input type="hidden" name="mauticform[formId]" id="mauticform_book20minmetal_id" value="259">
        <input type="hidden" name="mauticform[return]" id="mauticform_book20minmetal_return" value="">
        <input type="hidden" name="mauticform[formName]" id="mauticform_book20minmetal_name" value="book20minmetal">

        </form>
</div>


<script>
$(document).ready(function () {

  $('#mauticform_book20minmetal').on('submit', function (e) {

    var url = window.location.href.split('#')[0];
    var field1 = $('#mauticform_input_book20minmetal_f_name').val().trim();
    var field2 = $('#mauticform_input_book20minmetal_phone').val().trim();
    var field3 = $('#mauticform_input_book20minmetal_email').val().trim();
    var field4 = $('#mauticform_input_book20minmetal_f_message').val().trim();
    var field5 = url + ' | Book 20min';

    // â›” STOP submit if required fields missing
    if (!field1 || !field2 || !field3 || !field4) {
      alert('All fields are required.');
      e.preventDefault();   // ðŸ”¥ THIS actually stops Mautic
      return false;
    }

    // âœ… Send to Google Form (fire & forget)
    $.ajax({
  //url: "https://docs.google.com/forms/d/e/1FAIpQLScDCOdedydrCv-09srV15lAqR1-InsY5Eaogz-Lt4yWqATrgQ/formResponse",
  url:"https://docs.google.com/forms/u/0/d/e/1FAIpQLSdP-DZd5DGZM38TZtUKrFRBuh5vDmVsXZAudx51wtLlNXI-5g/formResponse",
  // data: { "entry.1902069042": field1,"entry.941969064": field2,"entry.1510698678": field3,"entry.751273144": field4,"entry.1588330093": field5 },
    data: { "entry.1251720729": field1,"entry.746654238": field2,"entry.574360142": field3,"entry.634609468": field4,"entry.1533748469": field5 },

      type: 'POST',
      dataType: 'xml'
    });

    // âœ” allow Mautic to submit normally
  });

});
</script>

