Business Order Form-20161027_v01

by freedawirl

HTML

<script src="//limonte.github.io/sweetalert2/dist/sweetalert2.min.js"></script>
<link rel="stylesheet" href="//limonte.github.io/sweetalert2/dist/sweetalert2.css">
<link rel="stylesheet" href="//preview.capmetro.org/gage/styles/style.css">
<link rel="stylesheet" href="//preview.capmetro.org/gage/styles/content.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//preview.capmetro.org/gage/styles/forms.css">
<script src="//preview.capmetro.org/metroworks/metroworks-order-form.js"></script>
<div class="container">
 <div id="form-wrap">
  <div id="form-title-row" class="row ">
   <div class="heading col-md-9">
    <h1 class="form-title">Business Customer Sales Order</h1>
   </div>
   <div class="col-md-3">
    <a class="back-link" href="/business-order-form" title="Back to MertoWorks Business Sectionn"> ‹ ‹ Go Back</a>
   </div>
  </div>
  <div class="form">
   <fieldset class="form-group row">
    <legend class="col-form-legend col-md-12"><a class="design_view_button" href="#" onclick="design_toggleExpandCollapse(this);return false;"><img class="design_view_button" height="11" width="11" border="0" alt="Hide" title="Hide" src="/WorkArea/csslib/ContentDesigner/viewcollapsed.gif"></a>
     Member Account
    </legend>
    <div class="col-md-12">
     <label class="control-label req">Account Number </label><input type="text" name="account_number" ektdesignns_nodetype="element" id="account_number" ektdesignns_caption="Account Number" ektdesignns_name="account_number" title="Account Number" placeholder="Enter Order #" ektdesignns_validation="string-req" ektdesignns_datatype="string" ektdesignns_basetype="text" ektdesignns_schema="<xs:minLength value=&quot;1&quot;/>" ektdesignns_validate="re:/\S+/" ektdesignns_invalidmsg="Please enter your account number" onblur="design_validate_re(/\S+/,this,'Please enter...

JavaScript

// Variables for the Business form

var n15_qty_1b = $('.n15_qty_1b').val();
var n15_qty_2b = $('.n15_qty_2b').val();
var n15_qty_3b = $('.n15_qty_3b').val();
var n15_qty_4b = $('.n15_qty_4b').val();

var n15_p_1b_single_price
var n15_p_2b_single_price
var n15_p_3b_single_price
var n15_p_4b_single_price

var n15_total_price_1b = $('.n15_total_price_1b').val();
var n15_total_price_2b = $('.n15_total_price_2b').val();
var n15_total_price_3b = $('.n15_total_price_3b').val();
var n15_total_price_4b = $('.n15_total_price_4b').val();
n15_total_price_1b = n15_total_price_1b.replace("$", "");
n15_total_price_2b = n15_total_price_2b.replace("$", "");
n15_total_price_3b = n15_total_price_3b.replace("$", "");
n15_total_price_4b = n15_total_price_4b.replace("$", "");

var n15_total_price_b
var n15_qty_total_b
var n15_subtotal_price_b
var n15_processing
var n15_final_price_b

// Variable for processing fee

var n15_processing = 12.00;


//------------- First Row Local 31Day Pass------------- //

$('.n15_qty_1b, .n15_qty_2b, .n15_qty_3b, .n15_qty_4b, .n15_single_price_4b').on('change keyup', function () {

    n15_qty_1b = $('.n15_qty_1b').val();
    n15_qty_2b = $('.n15_qty_2b').val();
    n15_qty_3b = $('.n15_qty_3b').val();
    n15_qty_4b = $('.n15_qty_4b').val();

    // Code to update the total QTY
    n15_qty_total_b = Number(n15_qty_1b) + Number(n15_qty_2b) + Number(n15_qty_3b) + Number(n15_qty_4b);

    // Getting the single price input and replacing the $ sign

    n15_p_4b_single_price = $('.n15_single_price_4b').val();
    n15_p_4b_single_price = n15_p_4b_single_price.replace("$", "");


    $('.n15_qty_total_b').val(n15_qty_total_b);

    n15_qty_total_b = $('.n15_qty_total_b').val();
    //-------- Row 1 (Local) Price Break Evaluation ------------//
    $(this).on("mouseleave", function (event) {

        if (n15_qty_total_b < 10) {
            sweetAlert('Save on Passes', 'Get a discount when you order 10 or more passes - one of a kind or an assortment.',...