<div id="contactFormWrap"> <!-- [et_pb_line_break_holder] --> <form id="contactForm" onsubmit="submitFormC(); return false;"><!-- [et_pb_line_break_holder] --> <table id="formTable"><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td class="formLabel"><span class="inputLabel">Name<span class="requiredField">*</span></span></td><!-- [et_pb_line_break_holder] --> <td><input type="text" id="nameC" class="formTxt formContact" required></input></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td class="formLabel"><span class="inputLabel">Email<span class="requiredField">*</span></span></td><!-- [et_pb_line_break_holder] --> <td><input type="email" id="emailC" class="formTxt formContact" required></input></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td class="formLabel"><span class="inputLabel">Phone<span class="requiredField">*</span></span></td><!-- [et_pb_line_break_holder] --> <td><input type="text" id="phoneC" class="formTxt formContact" required></input></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td class="formLabel"><span class="inputLabel">Business Name<span class="requiredField">*</span></span></td><!-- [et_pb_line_break_holder] --> <td><input type="text" id="BusinessName" class="formTxt formContact" required></input></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td class="formLabel"><span class="inputLabel">Address<span class="requiredField">*</span></span></td><!-- [et_pb_line_break_holder] --> <td><input type="text" id="AddressLine1" class="formTxt formContact" required></input></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td></td><!-- [et_pb_line_break_holder] --> <td><input type="text" id="AddressLine2" class="formTxt formContact" required></input></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td class="formLabel"><span class="inputLabel">QTY<span class="requiredField">*</span></span></td><!-- [et_pb_line_break_holder] --> <td><input type="number" id="qtyIn" class="formTxt formContact" required></input></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td>Total price:</td><!-- [et_pb_line_break_holder] --> <td style="text-align:left;"><span id="priceOutput">$ 0.00</span></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td></td><!-- [et_pb_line_break_holder] --> <td style="text-align:left;"><input id="submitBtnC" type="submit" class="formSubmit" value="Submit" /></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> </table><br><!-- [et_pb_line_break_holder] --> <span id="statusC"></span><!-- [et_pb_line_break_holder] --> </form> <!-- [et_pb_line_break_holder] --> </div>
<script><!-- [et_pb_line_break_holder] --> document.getElementById("qtyIn").addEventListener("input", function() {<!-- [et_pb_line_break_holder] --> var priceTotal = 0;<!-- [et_pb_line_break_holder] --> if(this.value <= 20 && this.value >= 0) {<!-- [et_pb_line_break_holder] --> priceTotal = this.value * 19.95;<!-- [et_pb_line_break_holder] --> } else if(this.value <=100 && this.value >= 0) {<!-- [et_pb_line_break_holder] --> priceTotal = this.value * 17.95;<!-- [et_pb_line_break_holder] --> } else if(this.value <=500 && this.value >= 0) {<!-- [et_pb_line_break_holder] --> priceTotal = this.value * 16.95;<!-- [et_pb_line_break_holder] --> } else if(this.value > 500 && this.value >= 0) {<!-- [et_pb_line_break_holder] --> priceTotal = this.value * 14.95;<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> priceTotal = null;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (priceTotal != null) {<!-- [et_pb_line_break_holder] --> priceTotal = priceTotal.toFixed(2);<!-- [et_pb_line_break_holder] --> document.getElementById("priceOutput").innerHTML = "$" + String(priceTotal);<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> document.getElementById("priceOutput").innerHTML = "invalid qty";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> })<!-- [et_pb_line_break_holder] --></script>
<script><!-- [et_pb_line_break_holder] --> function submitFormC() {<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // FORM VALIDATION GOES HERE<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> document.getElementById("submitBtnC").disabled = true; //disable to prevent multiple submissions<!-- [et_pb_line_break_holder] --> document.getElementById("statusC").innerHTML = "please wait ...";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var formdata = new FormData();<!-- [et_pb_line_break_holder] --> formdata.append("nameC", document.getElementById("nameC").value);<!-- [et_pb_line_break_holder] --> formdata.append("emailC", document.getElementById("emailC").value);<!-- [et_pb_line_break_holder] --> formdata.append("phoneC", document.getElementById("phoneC").value);<!-- [et_pb_line_break_holder] --> formdata.append("BusinessName", document.getElementById("BusinessName").value);<!-- [et_pb_line_break_holder] --> formdata.append("AddressLine1", document.getElementById("AddressLine1").value);<!-- [et_pb_line_break_holder] --> formdata.append("AddressLine2", document.getElementById("AddressLine2").value);<!-- [et_pb_line_break_holder] --> formdata.append("qtyIn", document.getElementById("qtyIn").value);<!-- [et_pb_line_break_holder] --> formdata.append("priceOutput", document.getElementById("priceOutput").value); <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var ajax = new XMLHttpRequest();<!-- [et_pb_line_break_holder] --> ajax.open( "POST", "/wp-content/themes/Divi-Child/Dev/qtyMailerParse.php" );<!-- [et_pb_line_break_holder] --> ajax.onreadystatechange = function() {<!-- [et_pb_line_break_holder] --> if(ajax.readyState == 4 && ajax.status == 200) {<!-- [et_pb_line_break_holder] --> if(ajax.responseText == "Message has been sent"){<!-- [et_pb_line_break_holder] --> document.getElementById("contactForm").innerHTML = '<h2>Thanks ' + document.getElementById("nameC").value+', your message has been sent.</h2>';<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> document.getElementById("statusC").innerHTML = ajax.responseText;<!-- [et_pb_line_break_holder] --> document.getElementById("submitBtnC").disabled = false;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ajax.send(formdata); <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> </script>