jQuery37103208416245966538_1767215009397({"html" : "\n<div class=\"modal fade checkOutModal\" id=\"checkOutModal\" tabindex=\"-1\" role=\"dialog\">\n  <div class=\"modal-dialog modal-lg\" role=\"document\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n          <span  class=\"header_stuff mobile_view non_mobile_view\">My Product Samples</span>\n            <a href=\"#\" data-bind=\"click: function () {$root.close_modal()}\" data-dismiss=\"modal\"><i class=\"fa fa-close\"></i></a>\n\n      </div>\n      <div class=\"modal-body\">\n        <div data-bind=\"visible: loading() == true\">\n          <div class=\"panel-body\" >\n          <div class=\"alert alert-info\"> Loading.....</div>\n          </div>\n        </div>\n      <div data-bind=\"visible: loading() == false\">\n\n        <div class=\"container\" style=\"width: 100%;\">\n        \t<div class=\"row bredcrumb_mobile breadcrumb_not_mobile_2\" >\n        \t\t<ul class=\"breadcrumb1\" style=\"margin: 0px;\">\n            \t<li id=\"header_area\" class=\"active\"><a class=\"breadcrumb_class\" href=\"#\" data-bind=\"click: function () {header_click()}\">Header</a></li>\n        \t\t\t<li id=\"cart_area\"  ><a class=\"breadcrumb_class\" href=\"#\" data-bind=\"click: function () {cart_click()}\">Cart</a></li>\n        \t\t\t<li id=\"shipping_area\"><a class=\"breadcrumb_class\" href=\"#\" data-bind=\"click: function () {shipping_click()}\" >Shipping</a></li>\n              <li id=\"review_area\"><a class=\"breadcrumb_class\" href=\"#\" data-bind=\"click: function () {review_click()}\">Review</a></li>\n        \t\t</ul>\n        \t</div>\n          <div class=\"row bredcrumb_mobile_2 breadcrumb_not_mobile\">\n          <ol class=\"breadcrumb \" style=\"margin: 0px;\" >\n            <li id=\"header_area1\" class=\"active\"><a  href=\"#\" data-bind=\"click: function () {header_click()}\">Header</a></li>\n            <li id=\"cart_area1\"  ><a  href=\"#\" data-bind=\"click: function () {cart_click()}\">Cart</a></li>\n            <li id=\"shipping_area1\"><a  href=\"#\" data-bind=\"click: function () {shipping_click()}\" >Shipping</a></li>\n            <li id=\"review_area1\"><a  href=\"#\" data-bind=\"click: function () {review_click()}\">Review</a></li>\n          </ol>\n          </div>\n        </div>\n\n        <div class=\"row\">\n          <div class=\"col-sm-12\">\n                <div data-bind=\"visible: error() == true\" class=\"alert alert-danger\">\n                    <span data-bind=\"text: error_message\"><span>\n                </div>\n          </div>\n        </div>\n\n      <!-- Shipping Section -->\n      <div data-bind=\"visible: show_shipping_info() == true\">\n\n                <div class=\"alert alert-warning\">Changing the zip code from what was entered before could affect the products available in your area.</div>\n\n                <div class=\"row\" style=\"padding: 5px;\">\n                    <div class=\"col-xs-4\">\n                      <label class=\"control-label float_col_right\">Roofer (Optional)</label>\n                    </div>\n                    <div class=\"col-xs-8\">\n                      <select class=\"form-control\"  id=\"roofer_select\" type='text'></select>\n                    </div>\n                </div>\n                <div class=\"row\" style=\"padding: 5px;\" data-bind=\"visible : job_type() == '01' \">\n                    <div class=\"col-xs-4\">\n                      <label class=\"control-label float_col_right\">Builder (Optional)</label>\n                    </div>\n                    <div class=\"col-xs-8\">\n                      <select class=\"form-control\"  id=\"builder_select\" type='text'></select>\n                    </div>\n                </div>\n\n                <div class=\"row\" style=\"padding: 5px;\">\n                    <div class=\"col-xs-6\" >\n                      <div class=\"float_col_right\">\n                        <input id=\"enter_address\" type=\"radio\" data-bind=\"click: $root.enter_ship_click \"></input>\n                        <span>Enter Address</span>\n                      </div>\n                    </div>\n                    <div class=\"col-xs-6\" >\n                        <div class=\"float_col_left\">\n                          <input id=\"existing_address\" type=\"radio\" data-bind=\"click: $root.existing_ship_click \"></input>\n                          <span>Existing Address</span>\n                          </div>\n                    </div>\n                </div>\n                <div data-bind=\"visible: shipping_method_selected() == true \">\n\n                  <div class=\"row row_padding\" data-bind=\"visible: enter_new() == false\" >\n                      <div class=\"col-xs-4\">\n                          <label class=\"control-label float_col_right\">Customer Ship To</label>\n                      </div>\n                      <div class=\"col-xs-8\">\n                      <select class=\"form-control\"  id=\"ship_select\" type='text'></select>\n                    </div>\n                  </div>\n\n                  <div data-bind=\"visible: enter_new() == true || ship_to_selected() == true\">\n\n\n                  <div class=\"row row_padding\">\n                    <div class=\"col-xs-4\" >\n                      <label class=\"control-label float_col_right\">Name/Company<span style=\"color:red;\">&nbsp;*</span></label>\n                    </div>\n                    <div class=\"col-xs-8\">\n                      <input class=\"form-control\"  data-bind=\"value: ship_to_name_company\"  type='text' />\n                    </div>\n                  </div>\n                  <div class=\"row row_padding\">\n                    <div class=\"col-xs-4\" >\n                      <label class=\"control-label float_col_right\">Attention<span  style=\"color:red;\">&nbsp;*</span></label>\n                    </div>\n                    <div class=\"col-xs-8\">\n                      <input class=\"form-control\" data-bind=\"value: ship_to_attention\" type='text' />\n                    </div>\n                  </div>\n                  <div class=\"row row_padding\" >\n                    <div class=\"col-xs-4\" >\n                      <label class=\"control-label float_col_right\">Address<span  style=\"color:red;\">&nbsp;*</span></label>\n                    </div>\n                    <div class=\"col-xs-8\">\n                      <input class=\"form-control\" data-bind=\"value: ship_to_address\"  type='text' />\n                    </div>\n                  </div>\n\n                  <div class=\"row row_padding\">\n                    <div class=\"col-xs-4 col-sm-4 col-md-4 \" >\n                      <label class=\"control-label float_col_right\">Country<span style=\"color:red;\">&nbsp;*</span></label>\n                    </div>\n                    <div class=\"col-xs-8 col-sm-3 col-md-3\">\n                      <select class=\"form-control\" data-bind=\"options: country_dd, optionsText: 'label', optionsValue: 'value', value: ship_to_country\"></select>\n                      <!-- <input class=\"form-control\" data-bind=\"value: ship_to_country\"  type='text' /> -->\n                    </div>\n                      <div class=\"col-xs-4 col-sm-1 col-md-1 mobile_padding\" >\n                        <label class=\"control-label float_col_right\">City<span  style=\"color:red;\">&nbsp;*</span></label>\n                      </div>\n                      <div class=\"col-xs-8 col-sm-4 col-md-4 mobile_padding\">\n                        <input class=\"form-control\" data-bind=\"value: ship_to_city\"  type='text' />\n                      </div>\n\n                  </div>\n\n                  <div class=\"row row_padding\">\n                    <div class=\"col-xs-4 col-sm-4 col-md-4\" >\n                      <label class=\"control-label float_col_right\">State<span style=\"color:red;\">&nbsp;*</span></label>\n\n                    </div>\n                    <div class=\"col-xs-8 col-sm-3 col-md-3\">\n                      <select  class=\"form-control\" data-bind=\"options: states_dd, optionsText: 'label', optionsValue: 'value', value: ship_to_state\"></select>\n                      <!-- <input class=\"form-control\"  data-bind=\"value: ship_to_state\" type='text' /> -->\n\n                    </div>\n                      <div class=\"col-xs-4 col-sm-1 col-md-1 mobile_padding\" >\n                        <label class=\"control-label float_col_right\">Zip<span style=\"color:red;\">&nbsp;*</span></label>\n                      </div>\n                      <div class=\"col-xs-8 col-sm-4 col-md-4 mobile_padding\">\n                        <input class=\"control-label form-control\" data-bind=\"value: ship_to_zip\" type='text' />\n                      </div>\n\n                  </div>\n\n                  <div class=\"row row_padding\">\n                    <div class=\"col-xs-4 col-sm-4 col-md-4\" >\n                      <label class=\"control-label float_col_right\">Phone<span  style=\"color:red;\">&nbsp;*</span></label>\n                    </div>\n                    <div class=\"col-xs-8 col-sm-3 col-md-3\">\n                      <input class=\"form-control\" data-bind=\"value: ship_to_phone\" type='text' />\n                    </div>\n                      <div class=\"col-xs-4 col-sm-1 col-md-1 mobile_padding\" >\n                        <label class=\"control-label float_col_right\">Fax</label>\n                      </div>\n                      <div class=\"col-xs-8 col-sm-4 col-md-4 mobile_padding\">\n                        <input class=\"control-label form-control\" data-bind=\"value: ship_to_fax\" type='text' />\n                      </div>\n                  </div>\n\n                  <div class=\"row row_padding\">\n                    <div class=\"col-xs-4\" >\n                      <label class=\"control-label float_col_right\">Email<span style=\"color:red;\">&nbsp;*</span></label>\n                    </div>\n                    <div class=\"col-xs-8\">\n                    <input class=\"form-control\" data-bind=\"value: ship_to_email\"  type='text' />\n                    </div>\n                  </div>\n\n                </div>\n              </div>\n\n\n              </div><!-- End Shiping Section -->\n\n            <!-- Cart Section -->\n            <div data-bind=\"visible: show_cart_area() == true\">\n\n\n\n\n\n      <p style='font-size:14px;color:#333D4E;font-family:Roboto !important;'>Review your product selections below and click the <strong>Next</strong> button.  In the next step, enter your address information and complete your order. Questions? Call (800) 2RE-ROOF.</p>\n\n\n\n\n            <div class=\"panel-body\" data-bind=\"visible: item_data_reg().length == 0\">\n            <div class=\"alert alert-warning\" style=\"margin: 1px;\">No Items Have Been Added to the Cart.</div>\n            </div>\n            <!-- ko foreach: item_data_reg -->\n            <div class=\"row\">\n              <div class=\"col-sm-12\">\n                <div class=\"panel panel-default panel-items\" style=\"margin-top: 10px;\">\n                          <div class=\"panel-heading\">\n                            <div class=\"row\" style='font-size:14px;color:#333D4E;font-family:Roboto !important;'>\n                              <div class=\"col-sm-6\" style=\"line-height:18px\"><br/>\n                                #<span data-bind=\"text: order_num\"></span> - <span data-bind=\"text: werks_des\"></span>\n                    <!-- ko if : werks == '98' --> - <span data-bind=\"text: dsnam\"></span> <!-- /ko -->\n                    <br/> <span data-bind=\"text: catalog_des\"></span>\n                              </div>\n                              <div class=\"col-sm-2\">\n                                <div data-bind=\"visible: ship_method_selected == '3CA' || ship_method_selected == '4CA'\">\n                                  <label>FedEx Number</label>\n                                  <input type=\"text\" class=\"form-control\" style=\"height: 30px; padding-left: 2px; padding-right: 2px;\"  data-bind=\"value: fedex_num\">\n                                </div>\n                              </div>\n                              <div class=\"col-sm-4\">\n                                <div>\n                                    <select class=\"reset-this\" style=\"background:white;margin-top:3px;margin-right:5px;width:90%\" data-bind=\"options: ship_method,\n                                               optionsText: 'label',\n                                               optionsValue: 'value',\n                                               value: ship_method_selected,\n                                               event:{ change: function () {$root.select_ship_method($data)}}\"></select>\n                                </div>\n                              </div>\n                            </div>\n                          </div>\n                          <div class=\"panel-body\" data-bind=\"visible: error == 'X'\">\n                          <div class=\"alert alert-warning\" data-bind=\"text: message\" style=\"margin: 1px;\"></div>\n                          </div>\n                          <table class=\"table table-condensed table_style\" >\n                          <!--<thead> <tr> <th style=\"width: 10%;text-align:center;\">Item</th> <th style=\"width: 70%;\">Description</th> <th style=\"width: 10%;\">Quantity</th> <th style=\"width: 10%;\"></th> </tr> </thead> -->\n                          <tbody data-bind=\"foreach: items\">\n                          <tr>\n                          <!-- <td style=\"text-align:center;\" ><span data-bind=\"text: item_num\"></span></td> -->\n                          <td><span data-bind=\"text: maktx\"></span> (<span data-bind=\"text: matnr\"></span>)</td>\n                          <td>\n                          Quantity\n                        </td>\n                          <td>\n                            <select class=\"reset-this\" data-bind=\"options: qty_dd,\n                                       optionsText: 'label',\n                                       optionsValue: 'value',\n                                       value: req_qty,\n                                       event:{ change: function () {$root.adjust_item_quant($parent.werks,$parent.dispo,$parent.catalog,$data)}}\"></select>\n                           </td>\n                          <td style='text-align:right;'><a href=\"#\"\n\t                        style=\"color: #D0021B;font-family:Roboto;font-size: 14px;font-weight: 600;line-height: 49px;text-align: right;\"\n                          \tdata-bind=\"click: function () {$root.remove_item($parent.werks,$parent.bb,$parent.dispo,$data,$parent.catalog)} \" >Remove</a></td>\n                          </tr>\n                          </tbody>\n                          </table>\n\n                          </div>\n              </div>\n            </div>\n            <!-- /ko -->\n\n              </div>  <!-- Cart Section -->\n\n              <!-- Header Section -->\n              <div data-bind=\"visible: show_header_area() == true\">\n              <div class=\"row\">\n                <div class=\"col-xs-12\">\n                   <div class=\"alert alert-warning\">Changing header information could affect the products in your cart. If changes are made please review your order before saving.</div>\n                </div>\n              </div>\n\n\n                  <div class=\"row\">\n                    <div class=\"col-xs-12 form-group\">\n                      <label class=\"control-label\"><span>Job Type</span></label>\n                      <select class=\"form-control\"\n                        data-bind=\"options: job_types,\n                                   optionsText: 'label',\n                                   optionsValue: 'value',\n                                   value: job_type\">\n                       </select>\n                    </div>\n                  </div>\n                  <div class=\"row\">\n                    <div class=\"col-xs-12 form-group\">\n                      <label class=\"control-label\"><span>Customer Group</span></label>\n                      <select class=\"form-control\"\n                        data-bind=\"options: customer_groups,\n                                   optionsText: 'label',\n                                   optionsValue: 'value',\n                                   value: cust_group\">\n                       </select>\n                    </div>\n                  </div>\n                      <div class=\"row\">\n                        <div class=\"col-xs-12 form-group\">\n                          <label class=\"control-label\"><span>Order Type</span></label>\n                          <select class=\"form-control\"\n                            data-bind=\"options: order_types,\n                                       optionsText: 'label',\n                                       optionsValue: 'value',\n                                       value: order_type\">\n                           </select>\n                        </div>\n                      </div>\n                </div><!-- END Header Section -->\n\n      <!-- Review Section -->\n      <div data-bind=\"visible: show_review_area() == true\">\n<div class=\"row\" >\n  <div class=\"col-xs-12\">\n    <h4 style=\"margin-top: 2px; margin-bottom: 2px;\">Header/Shipping <small>General Information</small></h4>\n    </div>\n  </div>\n\n\n        <div class=\"row\" >\n          <div class=\"col-xs-12 col-sm-3\">\n              <label class=\"reveiw_font\">Customer</label>\n              <p class=\"reveiw_font\" style=\"margin-left: 10px;\" data-bind=\"text: customer_dis\"></p>\n          </div>\n          <div class=\"col-xs-12 col-sm-3\">\n              <label class=\"reveiw_font\" >Project / Ship To Name</label>\n              <p class=\"reveiw_font\" style=\"margin-left: 10px;\" data-bind=\"text: ship_to_dis\"></p>\n          </div>\n          <div class=\"col-xs-12 col-sm-3\">\n              <label class=\"reveiw_font\" >Delivery Address</label>\n              <p class=\"reveiw_font\" style=\"margin-left: 10px;\" data-bind=\"html: address_dis\"></p>\n              </div>\n              <div class=\"col-xs-12 col-sm-3\">\n                  <label class=\"reveiw_font\" >Phone</label>\n                  <p class=\"reveiw_font\" style=\"margin-left: 10px;\" data-bind=\"text: phone_number_dis\"></p>\n                  </div>\n        </div>\n\n        <div class=\"row\" >\n          <div class=\"col-xs-12 col-sm-3\">\n              <label class=\"reveiw_font\">Email</label>\n              <p class=\"reveiw_font\" style=\"margin-left: 10px;\" data-bind=\"text: email_dis\"></p>\n          </div>\n          <div class=\"col-xs-12 col-sm-3\">\n              <label class=\"reveiw_font\" >Roofer</label>\n              <p class=\"reveiw_font\" style=\"margin-left: 10px;\" data-bind=\"text: roofer_dis\"></p>\n          </div>\n          <div class=\"col-xs-12 col-sm-3\">\n              <label class=\"reveiw_font\" >Builder</label>\n              <p class=\"reveiw_font\" style=\"margin-left: 10px;\" data-bind=\"text: builder_dis\"></p>\n              </div>\n              <div class=\"col-xs-12 col-sm-3\">\n                  <label class=\"reveiw_font\" >Geographical Area</label>\n                  <p class=\"reveiw_font\" style=\"margin-left: 10px;\" data-bind=\"text: geo_area_dis\"></p>\n                  </div>\n        </div>\n\n        <div class=\"row\" >\n          <div class=\"col-xs-12 col-sm-3\">\n              <label class=\"reveiw_font\">Job Type</label>\n              <p class=\"reveiw_font\" style=\"margin-left: 10px;\" data-bind=\"text: job_type_dis\"></p>\n          </div>\n          <div class=\"col-xs-12 col-sm-3\">\n              <label class=\"reveiw_font\" >Order Type</label>\n              <p  class=\"reveiw_font\"style=\"margin-left: 10px;\" data-bind=\"text: order_type_dis\"></p>\n          </div>\n          <div class=\"col-xs-12 col-sm-3\">\n              <label class=\"reveiw_font\" >Customer Group</label>\n              <p  class=\"reveiw_font\"style=\"margin-left: 10px;\" data-bind=\"text: cust_group_dis\"></p>\n              </div>\n          <div class=\"col-xs-12 col-sm-3\">\n          </div>\n        </div>\n        <hr style=\"margin-top: 2px; margin-bottom: 2px;\">\n\n        <div class=\"row\" >\n          <div class=\"col-xs-12\">\n            <h4 style=\"margin-top: 2px; margin-bottom: 2px;\">Orders <small>Detail</small></h4>\n            </div>\n          </div>\n<hr style=\"margin-top: 2px; margin-bottom: 2px;\">\n\n\n\n\n        <!-- ko foreach: item_data_reg -->\n        <div class=\"row \">\n          <div class=\"col-sm-5 reveiw_font reveiw_font_bold\">\n            #<span data-bind=\"text: order_num\"></span> - <span data-bind=\"text: werks_des\"></span>\n                    <!-- ko if : werks == '98' --> - <span data-bind=\"text: dsnam\"></span> <!-- /ko -->\n                    <br/> <span data-bind=\"text: catalog_des\"></span>\n          </div>\n          <div class=\"col-sm-3 reveiw_font reveiw_font_bold\">\n            <div data-bind=\"visible: ship_method_selected == '3CA' || ship_method_selected == '4CA'\">\n              FedEx Number: </br> <span data-bind=\"text: fedex_num\"></span>\n            </div>\n          </div>\n          <div class=\"col-sm-4 reveiw_font reveiw_font_bold\">\n              Shipping Method: </br> <span data-bind=\"text: ship_method_selected_text\"></span>\n          </div>\n        </div>\n        <div class=\"row \">\n          <div class=\"col-sm-12 reveiw_font\">\n            <table class=\"table table-condensed table_style\" >\n            <thead> <tr> <th style=\"width: 10%;\">Item #</th> <th style=\"width: 70%;\">Description</th> <th style=\"width: 10%;\">Quantity</th> </tr> </thead>\n            <tbody data-bind=\"foreach: items\">\n            <tr>\n            <td ><span data-bind=\"text: item_num\"></span></td>\n            <td><span data-bind=\"text: maktx\"></span> (<span data-bind=\"text: matnr\"></span>)</td>\n            <td>\n              <span data-bind=\"text: req_qty\"></span>\n            </td>\n            </tr>\n            </tbody>\n            </table>\n          </div>\n        </div>\n        <hr style=\"margin-top: 2px; margin-bottom: 2px;\">\n        <!-- /ko -->\n      </div><!-- END Review Section -->\n      </div>\n            </div>\n      <div class=\"modal-footer\">\n        <div data-bind=\"visible: saving() == false && show_header_area() == true\">\n          <div class=\"row\">\n          <div class=\"col-sm-6\">\n          <a href=\"#\" data-dismiss=\"modal\" class=\"btn btnGrey  btn-block\" data-bind=\"click: function () {$root.close_modal()}\" >Continue Shopping</a>\n          </div>\n          <div class=\"col-sm-6\">\n          <a href=\"#\" data-bind=\"click: function () {header_next()} \" class=\"btn btnGreen  btn-block\" >Next</a>\n          </div>\n          </div>\n        </div>\n        <div data-bind=\"visible: saving() == false && show_cart_area() == true\">\n          <div class=\"row\">\n          <div class=\"col-sm-6\">\n          <a href=\"#\" data-dismiss=\"modal\" class=\"btn btnGrey  btn-block\" data-bind=\"click: function () {$root.close_modal()}\" >Continue Shopping</a>\n          </div>\n          <div class=\"col-sm-6\">\n          <a href=\"#\" data-bind=\"click: function () {cart_next()} \" class=\"btn btnGreen  btn-block\" >Next</a>\n          </div>\n          </div>\n        </div>\n        <div data-bind=\"visible: saving() == false && show_shipping_info() == true\">\n          <div class=\"row\">\n          <div class=\"col-sm-6\">\n          <a href=\"#\" data-dismiss=\"modal\" class=\"btn btnGrey  btn-block\" data-bind=\"click: function () {$root.close_modal()}\" >Continue Shopping</a>\n          </div>\n          <div class=\"col-sm-6\">\n          <a href=\"#\" data-bind=\"click: function () {ship_next()} \" class=\"btn btnGreen  btn-block\" >Review</a>\n\t\t  </div>\n          </div>\n        </div>\n        <div data-bind=\"visible: saving() == false && show_review_area() == true\">\n          <div class=\"row\">\n          <div class=\"col-sm-6\">\n          <a href=\"#\" data-dismiss=\"modal\" class=\"btn btnGrey btn-block\" data-bind=\"click: function () {$root.close_modal()}\" >Continue Shopping</a>\n          </div>\n          <div class=\"col-sm-6\">\n          <a href=\"#\" data-bind=\"click: function () {submit_order()} \" class=\"btn btnGreen  btn-block\" >Submit Order</a>\n          </div>\n          </div>\n        </div>\n        <div data-bind=\"visible: saving() == true\">\n          <div class=\"panel-body\" >\n          <div class=\"alert alert-info\"> Saving.....</div>\n          </div>\n        </div>\n\n      </div>\n    </div><!-- /.modal-content -->\n  </div><!-- /.modal-dialog -->\n</div><!-- /.modal -->\n\n\n\n\n\n\n<div class=\"modal fade confirmationModal\" id=\"confirmationModal\" tabindex=\"-1\" role=\"dialog\">\n  <div class=\"modal-dialog modal-lg\" role=\"document\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n        <span  class=\"header_stuff mobile_view non_mobile_view\">Confirmation</span>\n        <a href=\"#\" data-dismiss=\"modal\"><i class=\"fa fa-close\"></i></a>\n      </div>\n      <div class=\"modal-body\">\n        <div class=\"row\">\n              <div class=\"col-sm-12\">\n                <h3 style=\"margin: 0px;color:#000;\">Order Successful! Thank you for your order!</h3><br/>\n                Your order was successfully submitted. Your order number is <span style=\"font-weight:bold;\" data-bind=\"text: confirmation_num\"></span>.<br/>\n                You should receive an order confirmation email at  <span style=\"font-weight:bold;\" data-bind=\"text: email\"></span>.<br/>\n              </div>\n            </div>\n      </div>\n      <div class=\"modal-footer\">\n      <div class=\"row\">\n      \t<div class=\"col-sm-6\">\n        <a href=\"#\" class=\"btn btn-block\"  data-bind=\"click: function () {$root.download_confirmation()} \" >Download Confirmation</a>      \t\n      \t</div>\n      \t<div class=\"col-sm-6\">\n        <a href=\"#\" class=\"btn btn-block btnGreen\" data-dismiss=\"modal\">Close</a>      \t\n      \t</div>\n      </div>\n      </div>\n    </div><!-- /.modal-content -->\n  </div><!-- /.modal-dialog -->\n</div><!-- /.modal -->\n\n\n\n<div class=\"modal fade change_zip_modal\" id=\"change_zip_modal\" tabindex=\"-1\" role=\"dialog\">\n  <div class=\"modal-dialog modal-lg\" role=\"document\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n        <span  class=\"header_stuff mobile_view non_mobile_view\">Change To Zip</span>\n      </div>\n      <div class=\"modal-body\">\n        <div class=\"row\">\n              <div class=\"col-sm-12\">\n                Your zip code as been changed this could affect the items in your cart are you sure that you would like to proceed?\n                If not please change you zip code back to it's orginal value.\n              </div>\n            </div>\n      </div>\n      <div class=\"modal-footer\">\n      \t<div class=\"row\">\n      \t\t<div class=\"col-sm-6\">\n\t\t        <a href=\"#\" class=\"btn btn-block\" data-dismiss=\"modal\"  data-bind=\"click: function () {$root.confirm_change_zip()} \" >Yes</a>\n\t\t    </div>\n\t\t    <div class=\"col-sm-6\">\n\t\t        <a href=\"#\" class=\"btn btn-block btnGreen\" data-dismiss=\"modal\">No</a>\n\t\t    </div>\n\t\t</div>\n      </div>\n    </div><!-- /.modal-content -->\n  </div><!-- /.modal-dialog -->\n</div><!-- /.modal -->\n\n\n\n\n\n\n\n<div class=\"modal fade headerModal\" id=\"headerModal\" tabindex=\"-1\" role=\"dialog\">\n  <div class=\"modal-dialog \" role=\"document\" data-bind=\"css:{'modal-lg': header_data_exist() == true, 'modal-md': header_data_exist() == false}\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n          <span  class=\"header_stuff mobile_view non_mobile_view\">Product Selection</span>\n          <div data-bind=\"visible: no_state() == false\">\n              <a href=\"#\" data-bind=\"click: function () {$root.close_modal()} \" data-dismiss=\"modal\"><i class=\"fa fa-close\"></i></a>\n          </div>\n          <div data-bind=\"visible: no_state() == true\">\n            <a href=\"#\" data-dismiss=\"modal\"  data-bind=\"click: function () {$root.close_modal_no_state()} \"><i class=\"fa fa-close\"></i></a>\n          </div>\n        </div>\n\n      <div class=\"modal-body\">\n        <div data-bind=\"visible: loading() == true\">\n\n\t          <div class=\"alert alert-info\"> Loading.....</div>\n\n        </div>\n      <div data-bind=\"visible: loading() == false\">\n        <div class=\"row\">\n          <div class=\"col-xs-12\">\n            <p>If you cannot find a sample or literature item here, please check our Order Samples button under Resources.</p>\n          </div>\n        </div>\n        <div class=\"row\" data-bind=\"visible: no_state() == false && header_data_exist() == true && new_zip_error() == true\">\n          <div class=\"col-xs-12\">\n                <div class=\"alert alert-danger\" style=\"margin: 1px;\">It appears you have changed your location, there may have been changes to your cart due to the availability of materials in this location. Click <a href=\"#\" data-dismiss=\"modal\"  data-bind=\"click: function () {$root.open_cart()}\">here</a> to view cart.</div>\n          </div>\n        </div>\n        <div class=\"row\" data-bind=\"visible: no_state() == false && header_data_exist() == true && avai_items().length == 0\">\n          <div class=\"col-xs-12\">\n                <div class=\"alert alert-warning\" style=\"margin: 1px;\">Either all items available have been added to your cart or there are no items for this material available in your area. Click <a href=\"#\" data-dismiss=\"modal\"  data-bind=\"click: function () {$root.open_cart()}\">here</a> to view cart.</div>\n          </div>\n        </div>\n        <div data-bind=\"visible: no_state() == false && header_data_exist() == true && avai_items().length > 0\">\n          <div class=\"row\">\n            <div class=\"col-xs-12\">\n                  <table class=\"table table-condensed table_style\" >\n                  <thead> <tr> <th style=\"width: 55%;\">Description</th> <th style=\"width: 35%;\">Product Type</th> <th style=\"width: 10%;\"></th> </tr> </thead>\n                  <tbody data-bind=\"foreach: avai_items\">\n                  <tr>\n                        <td><span data-bind=\"text: maktx\"></span> (<span data-bind=\"text: matnr\"></span>)</td>\n                        <td><span data-bind=\"text: mvgr5_txt\"></span></td>\n                        <td ><a href=\"#\"  data-bind=\"click: function () {$root.add_item($data)} \" class=\"btn btn-sm btnLightGrey\">Add</a></td>\n                  </tr>\n                  </tbody>\n                  </table>\n            </div>\n        </div>\n      </div>\n\n        <div data-bind=\"visible: no_state() == false && header_data_exist() == false\">\n          <div>\n            <div>\n                <div data-bind=\"visible: header_error() == true\">\n                  <div class=\"alert alert-warning\" style=\"margin: 1px;\">You must complete the header section before you can continue.</div>\n                </div>\n            </div>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-xs-12 form-group\">\n\n              <label class=\"control-label\"><span>Job Type</span></label>\n              <select class=\"reset-this\"\n                data-bind=\"options: job_types,\n                           optionsText: 'label',\n                           optionsValue: 'value',\n                           value: job_type\">\n               </select>\n            </div>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-xs-12 form-group\">\n              <label class=\"control-label\"><span>Customer Group</span></label>\n              <select class=\"reset-this\"\n                data-bind=\"options: customer_groups,\n                           optionsText: 'label',\n                           optionsValue: 'value',\n                           value: customer_group\">\n               </select>\n            </div>\n          </div>\n              <div class=\"row\">\n                <div class=\"col-xs-12 form-group\">\n                  <label class=\"control-label\"><span>Order Type</span></label>\n                  <select class=\"reset-this\"\n                    data-bind=\"options: order_types,\n                               optionsText: 'label',\n                               optionsValue: 'value',\n                               value: order_type\">\n                   </select>\n                </div>\n              </div>\n\n        </div>\n\n\n        <div data-bind=\"visible: no_state() == true\">\n          <div class=\"alert alert-warning\" style=\"margin: 1px;\">You must enter a zip code before you can order a sample.</div>\n        </div>\n\n      </div>\n      </div>\n      <div class=\"modal-footer\">\n        <div data-bind=\"visible: no_state() == false\">\n        \t<div class=\"row\">\n        \t<div class=\"col-sm-6\">\n          <a href=\"#\" class=\"btn btnGrey btn-block\" data-dismiss=\"modal\" data-bind=\"click: function () {$root.close_modal()}\" >Close</a>\n        \t</div>\n        \t<div class=\"col-sm-6\">\n\n          <a href=\"#\" class=\"btn btnGreen btn-block\"  data-bind=\"click: function () {$root.continue()}, visible: header_data_exist() == false\" >Continue</a>\n          <a href=\"#\" class=\"btn btnGreen btn-block\"  data-dismiss=\"modal\"  data-bind=\"click: function () {$root.open_cart()}, visible: header_data_exist() == true\" >Go To Cart</a>\n          </div>\n          </div>\n        </div>\n        <div data-bind=\"visible: no_state() == true\">\n          <a href=\"#\" data-dismiss=\"modal\" class=\"btn btnGrey\" data-bind=\"click: function () {$root.close_modal_no_state()} \">Close</a>\n        </div>\n\n        <!-- <a href=\"#\" class=\"btn\">Checkout</a> -->\n      </div>\n    </div><!-- /.modal-content -->\n  </div><!-- /.modal-dialog -->\n</div><!-- /.modal -->\n"});