console.info("--- STORE -----------------------------------------------");
console.info($ == undefined);
console.info($);

store = {
  debug: (window.location.origin == "http://bs" || window.location.origin == "https://staging.scan2scan.com" || window.location.origin == "https://staging.bridescan.com"),
  debugEventKey: (window.location.origin == "http://bs"),
  ok: function () {
    this._conf._eventKey = this.debugEventKey ? "development" : this._conf._eventKey;
    var _ok = $("#store-" + this._conf._eventKey).length !== 0;
    console.warn("##########################################################################################################");
    console.warn("### EMBED STORE #store-" + this._conf._eventKey + " :: INIT-OK :: " + (_ok ? "OK" : "NOT OK "));
    console.warn("##########################################################################################################");
    return _ok;
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  init: function () {
    console.warn("##########################################################################################################");
    console.warn("### EMBED STORE :: INIT :: IN ############################################################################");
    console.info("#store-" + this._conf._eventKey + " :: " + $("#store-" + this._conf._eventKey).length);
    console.info(this._conf);
    console.info(this._eventInfo);
    this.initialize();
    console.warn("### EMBED STORE :: INIT :: OUT ###########################################################################");
    console.warn("##########################################################################################################");
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  initialize: function () {
    console.info("--- initialize :: -------------------------------------------------------");
    $.each(this, function (k, v) {
      if (k.indexOf("_") == 0) {
        v["_root"] = "$store";
        v["_eventKey"] = $store._conf._eventKey;
      }
    });
    this._form._css_prefix_ = "str-";
    this.css();
    this._store.init(this._eventInfo);
    this._comm._initialize();

    this.renderStore();
    this.next(true);

    //------------------------------------------------------------
    //--- DEBUG
    //------------------------------------------------------------
    if (this.debug) {
      //this.renderCode();
      var div = "<div style='height: 3px;background-color: #900;display: block;margin:10px 0;'></div>";
      var html = "";

      html += JSON.stringify(this._eventInfo, null, 2);
      $("#atbta-debug-atbta").html(html);
      //$store.next();
    }
    //------------------------------------------------------------
    //--- DEBUG
    //------------------------------------------------------------
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  canNext: function (visible) {
    switch (visible) {
      case "tickets":
        $store._store.update();
        var ret = $store._store.hasQuantity();
        if (!ret) {
          this.renderError("Choose a quantity to purchase");
        }
        return ret;
      case "info":
        $store._store.update();
    }
    return true;
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  next: function (initial) {
    //console.clear();
    console.warn("---------------------------------------------------------------------------------------------");
    console.warn("---------------------------------------------------------------------------------------------");
    console.info("--- next" + (initial ? " :: " + initial : ""));
    this.renderError();
    var visible = $(".str-section:visible");
    if (this.canNext(visible.data("store-section"))) {
      var show = null;
      var title = "";

      console.info("--- next :: -" + visible.data("store-section") + "- :: " + (visible.data("store-section") == "completed"));

      if ((visible.data("store-section") + "") == "completed" && initial != true) {
        return;
      }

      switch (visible.data("store-section")) {
        //----------------------------------------------------------------------------
        case "tickets":
          if ($store._store.infos() == null) {
            show = "cart";
            title = "Checkout";
            this.renderCart();
          }
          else {
            show = "info";
            title = "Provide Needed Info(s)";
            this.renderInfo();
          }
          break;
        //----------------------------------------------------------------------------
        case "info":
          console.info("infos");
          let _valid = this._form.validateUnique();
          console.info(_valid);
          if (_valid != "uniqueCheck") {
            if (_valid == 1) {
              show = "cart";
              title = "Checkout";
              this.renderCart();
            }
            else {
              show = "info";
              title = "Provide Needed Info(s)";
              console.info(typeof _valid);
              this.renderError(typeof _valid == "string" ? _valid : "Provide all required information before continuing.");
            }
          }
          else {
            return;
          }
          break;
        //----------------------------------------------------------------------------
        case "cart":
          title = "Thank You";
          show = "completed";
          this.renderCompleted();
          break;
        //----------------------------------------------------------------------------
        default:
          show = "tickets";
          title = $store._eventInfo.eventStoreButton;
          break;
        //----------------------------------------------------------------------------
      }

      $("#str-navigation-title").html(title);

      if ($(".str-section:visible").data("storeSection") != show) {
        $(".str-section:visible").hide();
        $("[data-store-section='" + show + "']").show();
        if (initial !== true) {
          this.scrollUp();
        }
      }
    }
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  nextTo: function (show, title) {
    $("#str-navigation-title").html(title);
    if ($(".str-section:visible").data("storeSection") != show) {
      $(".str-section:visible").hide();
      $("[data-store-section='" + show + "']").show();
      this.scrollUp();
    }
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  back: function (from) {
    console.info("back" + (from ? " :: " + from : ""));
    this.renderError();
    var visible = $(".str-section:visible");
    var show = null;
    var back = false;
    var title = "";

    var current = visible.data("store-section");

    switch (from ? from : current) {
      case "info":
      case "code":
        $store._store.update();
        title = $store._eventInfo.eventStoreButton;
        show = "tickets";
        break;
      case "codeCheckout":
        $store._store.update();
        if ($store._store.infos() == null) {
          show = "cart";
          title = "Checkout";
          this.renderCart();
        }
        else {
          show = "info";
          title = "Provide Needed Info(s)";
          this.renderInfo();
        }
        break;
      case "cart":
        if ($store._store.infos() == null) {
          title = $store._eventInfo.eventStoreButton;
          show = "tickets";
        }
        else {
          show = "info";
          title = "Provide Needed Info(s)";
          back = true;
        }
        break;
      case "payment":
        show = "cart";
        title = "Cart";
        back = true;
        break;
      case "completed":
        show = "payment";
        title = "Payment";
        back = true;
        break;
      default:
        break;
    }

    if (show == "tickets") {
      $store.renderTickets();
    }

    $("#str-navigation-title").html(title);
    console.info(current + " :: " + show);
    $(".str-section:visible").hide();
    $("[data-store-section='" + show + "']").show();
    this.scrollUp();
  },

  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  renderStore: function () {
    console.info("--- renderStore -------------------------------------------------------");
    var html = "";

    html += this.renderEvent();
    html += this.renderNav();

    html += this.renderTickets();
    html += this.renderCode();
    html += this.renderInfo();
    html += this.renderCart();
    html += this.renderCompleted();

    this.content(html);
    this.renderTickets();
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  renderEvent: function () {
    return "<div class='str-event-info str-override'>" + this._eventInfo.event.name + " Store <div>" + this._eventInfo.event.startDate + "</div></div>";
  },
  renderNav: function () {
    var html = "<table class='str-navigation str-override'>";
    html += "<tr>";
    html += "<td class='str-title str-override' id='str-navigation-title'></td>";
    html += "</tr>";
    html += "</table>";
    html += "<div id='str-error' class='str-error str-override'></div>";
    return html;
  },
  renderError: function (msg) {
    $("#str-error").hide();
    if (msg) {
      console.info(msg);
      $("#str-error").html(msg);
      $("#str-error").show();
      this.scrollUp();
    }
  },
  scrollUp: function () {
    $([document.documentElement, document.body]).animate({scrollTop: $(".str-navigation").offset().top - 75}, 500);
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  renderTickets: function () {
    console.clear();
    if ($("[data-store-section='tickets']").length == 0) {
      return "<div class='str-section str-override' data-store-section='tickets'></div>";
    }

    var isLocalhost = window.location.hostname == "localhost";
    var innerHtml = $store.renderStoreCodes();
    var innerHtmlGroup = "";

    var _groups = {}
    var _groupNames = [];

    $.each(this._eventInfo.products, function (i, ticket) {
      //console.warn("--- TICKET ---------------------------------");
      //console.info(ticket);

      $store.storeTicketFees(ticket);

      if (ticket.hasOwnProperty("groupingName") && ticket.groupingName != null && ticket.groupingName.trim().length != 0) {
        if (!_groups.hasOwnProperty(ticket.groupingName)) {
          _groups[ticket.groupingName] = [];
          _groupNames.push(ticket.groupingName);
        }
        _groups[ticket.groupingName].push(ticket);
      }
      else {
        innerHtml += $store.renderStoreTicket(ticket, (isLocalhost ? 2 : 0));
      }
    });

    if (_groupNames.length != 0) {
      innerHtmlGroup += "<div class='str-instructions str-override'>click groups below to show additional items</div>";
      $.each(_groupNames.sort(), function (i, groupName) {
        innerHtmlGroup += $store.renderStoreGroup(i, groupName, _groups[groupName]);
      });
    }


    html = "<div class='str-section str-noselect str-override' data-store-section='tickets'>";
    html += ($store._eventInfo.hasOwnProperty("codes") && $store._eventInfo.codes.length != 0 ? "<div onclick='$store.renderCode();' class='str-code-link str-override'>Have Promo Code? Click <strong>HERE</strong> first.</div>" : "");
    html += "<div class='str-instructions str-override'>choose quantity for each item and press continue</div>";
    html += "<div class='str-tickets str-override'>" + innerHtml + "</div>";
    html += innerHtmlGroup;
    html += ($store._eventInfo.hasOwnProperty("codes") && $store._eventInfo.codes.length != 0 ? "<div onclick='$store.renderCode();' class='str-code-link str-code-link-bottom str-override'>Have Promo Code? Click <strong>HERE</strong> first.</div>" : "");
    html += "<div class='str-buttons str-override'><button onclick='$store.next()'>continue</button></div>";
    html += $store.renderFbPixel("PageView", undefined, window.location.href);
    html += "</div>";
    $("[data-store-section='tickets']").html(html);
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  renderStoreGroup: function (groupId, groupName, tickets) {
    var cartQuantities = $store._storage.store("cart-quantities");
    var innerHtml = "<div class='str-ticket-group-name str-override' onclick='$store.renderStoreGroupShowHide(" + groupId + ",false)'>" + groupName + "</div>";
    var count = 0;
    $.each(tickets, function (i, ticket) {
      var id = ticket.eventProductId;
      if (cartQuantities.hasOwnProperty(id)) {
        count += cartQuantities[id];
      }

      innerHtml += $store.renderStoreTicket(ticket, 0);
    });

    innerHtml = "<div class='str-tickets str-override' id='grpc" + groupId + "' style='" + (count != 0 ? "" : "display:none;") + "'>" + innerHtml + "</div>";

    return "<div class='str-ticket-groups  str-override' id='grp" + groupId + "' style='" + (count == 0 ? "" : "display:none;") + "' onclick='$store.renderStoreGroupShowHide(" + groupId + ",true)'>" + groupName + "</div>" + innerHtml;
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  renderStoreGroupShowHide: function (groupId, show) {
    if (show) {
      $("#grpc" + groupId).show();
      $("#grp" + groupId).hide();
    }
    else {
      $("#grpc" + groupId).hide();
      $("#grp" + groupId).show();
    }
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  renderStoreTicket: function (ticket, index) {
    console.info("--- renderStoreTicket :: " + ticket.name + " -------------------------------------------------------");
    var html = "";
    var quantityHtml = this._store.inputs.quantity(ticket.eventProductId, index + "", "str-item-quantity str-override", ticket.maxPurchaseQuantity);
    var imageContent = null;
    if (ticket.hasOwnProperty("eventStoreProductImages")) {
      imageContent = "<img src='" + $store._comm._uri + "/api/file?contentItemId=" + ticket.eventStoreProductImages[0] + "&target=eventStoreProductImage&eventProductId=" + ticket.eventProductId + "&r=" + Math.random() + "'/>";
    }

    html += "<table class='str-ticket str-override'>";
    html += "  <tr>";
    if (imageContent != null) {
      html += "    <td class='str-item-image str-override' rowspan='2'>" + imageContent + "</td>";
    }
    html += "    <td class='str-item-name str-override' " + (imageContent == null ? "" : "colspan='2'") + ">" + ticket.name + "</td>";
    html += "    <td class='str-item-price str-override' rowspan='2'>";
    html += (ticket.fullPrice != ticket.discountedPrice ? ticket.upto : "");
    html += (ticket.priceDifferent ? "<span class='str-item-price-from str-override'>from</span>" : "");
    html += ticket._price.priceTotal;
    html += (ticket._price.breakdown != null ? "<div class='str-price-breakdown'>(" + ticket._price.breakdown + ")</div>" : "");
    html += quantityHtml;
    html += "</td>";
    html += "  </tr>";
    html += "  <tr><td class='str-item-description str-override'>" + ticket.description + "</td></tr>";
    html += "</table>";

    return html;
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  storeTicketFees: function (ticket) {
    console.info("--- storeTicketFees :: " + ticket.name + " ------------------------------");

    var max = ticket.maxPurchaseQuantity;
    var fullPrice = ticket.price;
    var price = ticket.price;

    var discountCodes = $store._store.codes();
    var discount = null;
    var isAmount = true;

    $.each(discountCodes, function (key, discountCode) {
      if (discount == null && discountCode.skipQuantities && (discountCode.haveProducts || (discountCode.exclusive == "EXCLUSIVE" && discountCode.discountCodeAmountType == "PERCENTAGE"))) {
        if (discountCode.groups.length == 0) {
          //console.info(discountCode);
          discount = discountCode.price;
          isAmount = discountCode.discountCodeAmountType == "AMOUNT";
        }
        $.each(discountCode.groups, function (g, group) {
          $.each(group.products, function (p, product) {
            if (ticket.eventProductId == product.eventProductId) {
              //console.info(discountCode);
              discount = discountCode.price;
              isAmount = discountCode.discountCodeAmountType == "AMOUNT";
              ticket["upto"] = (product.hasOwnProperty("maxQuantity") ? "<span class='str-item-count'>(up to " + product.maxQuantity + " count)</span>" : "");
            }
          });
        });
      }
    });

    //console.info("\t\tdiscount: " + discount);
    //console.info("\t\tisAmount: " + isAmount);

    ticket["priceDifferent"] = false;
    if (price == undefined) {
      //console.info("\t\t--- NO PRICE ---");
      var different = false;
      $.each(ticket.variations, function (v, variation) {
        //console.warn("--- variation :: " + variation.name + " ---");
        variation.price = parseFloat(variation.price);
        if (price != undefined) {
          different |= price != variation.price;
        }
        fullPrice = price = (price == undefined || parseFloat(price) > parseFloat(variation.price) ? variation.price : price);
        variation["_price"] = $store.storeTicketFeeCalculate(variation, variation.price, variation.price - (discount != null ? (isAmount ? discount : variation.price * discount / 100) : 0))
        //console.info(variation);
        if (variation.hasOwnProperty("maxPurchaseQuantity")) {
          if (max == undefined || max > variation.maxPurchaseQuantity) {
            max = variation.maxPurchaseQuantity;
          }
        }
      });

      var discountAmount = (discount != null ? (isAmount ? discount : price * discount / 100) : 0);
      ticket["_price"] = $store.storeTicketFeeCalculate(ticket, fullPrice, price - discountAmount);
      ticket.priceDifferent = different;
    }
    else {
      //console.info("\t\t--- PRICE ---");
      var discountAmount = (discount != null ? (isAmount ? discount : price * discount / 100) : 0);
      ticket["_price"] = $store.storeTicketFeeCalculate(ticket, fullPrice, price - discountAmount);
    }

    if (ticket.hasOwnProperty("options")) {
      $.each(ticket.options, function (o, option) {
        if (option.hasOwnProperty("variations")) {
          var different = false;
          $.each(option.variations, function (v, variation) {
            variation.price = parseFloat(variation.price);
            if (price != undefined) {
              different |= price != variation.price;
            }
            fullPrice = price = (price == undefined || parseFloat(price) > parseFloat(variation.price) ? variation.price : price);
            variation["_price"] = $store.storeTicketFeeCalculate(ticket, variation.price, variation.price, 1, true)
            console.info(variation);
            if (variation.hasOwnProperty("maxPurchaseQuantity")) {
              if (max == undefined || max > variation.maxPurchaseQuantity) {
                max = variation.maxPurchaseQuantity;
              }
            }
          });
        }
      });
    }
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  storeTicketFeeCalculate: function (ticket, fullPrice, discountedPrice, count, excludeDollarAmountFee) {
    if (count == undefined) count = 1;
    fullPrice = parseFloat(fullPrice);
    discountedPrice = parseFloat(discountedPrice);
    console.warn("\t\t--- storeTicketFeeCalculate :: " + fullPrice + " :: " + discountedPrice + " ------------------------------");
    console.info(ticket);
    ticket.feeType.dollarAmount = parseFloat(ticket.feeType.dollarAmount);
    ticket.feeType.percentageAmount = parseFloat(ticket.feeType.percentageAmount);


    var _price = {
      price: discountedPrice,
      optionPrice: 0.00,
      feeType: ticket.feeType,
      fee: 0.00,
      salesTax: 0.00,
      priceTotal: $store._formatPrice(0.00),
      breakdown: null,
      breakdownTxt: null,

      maxPrice: fullPrice,
      maxOptionPrice: 0.00,
      maxFeeType: ticket.feeType,
      maxFee: 0.00,
      maxSalesTax: 0.00,
      maxPriceTotal: 0.00,
      maxBreakdown: null,
      same: true
    };


    _price.salesTax = (($store._eventInfo.salesTax / 100) * _price.price);

    _price.maxFee = parseFloat((((excludeDollarAmountFee != true ? _price.feeType.dollarAmount : 0) * count) + (_price.maxPrice * _price.feeType.percentageAmount)).toFixed(2));
    _price.maxSalesTax = parseFloat(($store._eventInfo.salesTax / 100 * (_price.maxPrice + _price.maxFee)).toFixed(2));
    _price.maxPriceTotal = $store._formatPrice(_price.maxPrice + _price.maxFee + _price.maxSalesTax);
    _price.maxBreakdown = $store._formatPrice(_price.maxPrice) + (_price.maxFee > 0 ? " + " + $store._formatPrice(_price.maxFee) + " fee" : "") + (_price.maxSalesTax > 0 ? " + " + $store._formatPrice(_price.maxSalesTax) + " sales tax" : "");

    if (_price.price > 0) {
      _price.fee = parseFloat((((excludeDollarAmountFee != true ? _price.feeType.dollarAmount : 0) * count) + (_price.price * _price.feeType.percentageAmount)).toFixed(2));
      _price.salesTax = parseFloat((($store._eventInfo.salesTax / 100) * (_price.price + _price.fee)).toFixed(2));
      console.info(JSON.parse(JSON.stringify(_price)));

      _price.priceTotal = $store._formatPrice(_price.price + _price.fee + _price.salesTax);

      var _pt = $store._formatPrice(_price.price);
      var _p = (_price.maxPrice != _price.price ? "<span class='str-item-price-original' style='text-decoration: line-through;'>" + $store._formatPrice(_price.maxPrice) + "</span> " : "") + _pt;
      var _ft = (_price.fee > 0 ? $store._formatPrice(_price.fee) + " fee" : "");
      var _f = (_price.fee > 0 ? " + " + (_price.maxPrice != _price.price && false ? "<span class='str-item-price-original' style='text-decoration: line-through;'>" + $store._formatPrice(_price.maxFee) + "</span> " : "") + _ft : "");
      var _st = (_price.salesTax > 0 ? $store._formatPrice(_price.salesTax) + " sales tax" : "");
      var _s = (_price.salesTax > 0 ? " + " + (_price.maxPrice != _price.price && false ? "<span class='str-item-price-original' style='text-decoration: line-through;'>" + $store._formatPrice(_price.maxSalesTax) + "</span> " : "") + _st : "");

      _price.breakdown = _p + _f + _s;
      _price.breakdownTxt = _pt + (_price.fee > 0 ? " + " + _ft : "") + (_price.salesTax > 0 ? " + " + _st : "");
    }
    else {
      if (_price.maxPrice > 0) {
        _price.breakdown = "<span class='str-item-price-original' style='text-decoration: line-through;opacity:.8;'>" + $store._formatPrice(_price.maxPrice) + (_price.maxFee > 0 ? " + " + $store._formatPrice(_price.maxFee) + " fee" : "") + (_price.maxSalesTax > 0 ? " + " + $store._formatPrice(_price.maxSalesTax) + " sales tax" : "") + "</span>";
      }
    }

    return _price;
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  renderStoreCodes: function () {
    var html = "";
    var discountCodes = $store._store.codes();
    $.each(discountCodes, function (key, discountCode) {
      var code = undefined;
      $.each($store._eventInfo.codes, function (i, c) {
        if (c.code.toUpperCase() == key.toUpperCase()) {
          code = c;
        }
      });
      if (code) {
        html += $store.renderStoreCode(discountCode);
      }
      else {
        delete discountCodes[key];
      }
    });
    $store._store.codes(discountCodes);
    return html;
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  renderStoreCode: function (code) {
    //console.clear();
    console.warn("--------------------------------------------------------------------------------");
    console.warn("--------------------------------------------------------------------------------");
    console.warn("--- renderStoreCode ------------------------------------------------------------");
    console.info(code);

    var html = "";
    var price = 0.00;
    var discount = 0.00;

    var isAmount = code.discountCodeAmountType == "AMOUNT";
    var isPercentage = code.discountCodeAmountType == "PERCENTAGE";
    var isExclusive = code.exclusive == "EXCLUSIVE";
    var isEach = code.applyTo == "EACH";
    var isCollection = code.applyTo == "COLLECTION";
    var isDefault = code.applyToType == "DEFAULT";
    var isGroups = code.applyToType == "GROUPS";
    var haveProducts = code.haveProducts;

    $.each(code.groups, function (g, group) {
      if (group.hasOwnProperty("count") && group.count > 0) {
        if (group.hasOwnProperty("priceEach")) {
          price += group.count * group.priceEach;
          discount += group.count * group.discountAmountEach;
        }
        else {
          $.each(group.products, function (p, product) {
            if (product.hasOwnProperty("count")) {
              price += group.count * product.count * product.priceEach;
              discount += group.count * product.count * product.discountAmountEach;
            }
          });
        }
      }
    });

    var _html = "";

    var _tmp = 0;
    var _tp = 0;
    var _tf = 0;
    var _ts = 0;

    var _p = 0;
    var _f = 0;
    var _s = 0;

    if (code.haveProducts) {
      _html += "<table><tr><td>";
      var skipQuantities = false;


      $.each(code.groups, function (g, group) {
        var _gtmp = 0;
        var _gtp = 0;
        var _gtf = 0;
        var _gts = 0;

        if (group.count > 0 || code.skipQuantities) {
          var groupPrice = 0;
          _html += "<div>" + (code.skipQuantities ? "applies to:" : (isGroups ? "products included:" : "includes:")) + "</div>";
          _html += "<table style='width: auto;margin-bottom: 15px;'><tr>";
          _html += "<td>";
          _html += "<ul>";


          var _t = 0.0;
          if (isCollection || (isEach && isGroups)) {
            $.each(group.products, function (p, product) {
              if (product.count > 0 || code.skipQuantities) {
                $.each($store._eventInfo.products, function (j, eventProduct) {
                  if (eventProduct.eventProductId == product.eventProductId) {
                    eventProduct.price = parseFloat(eventProduct.price);
                    _t += eventProduct.price * product.count;
                  }
                });
              }
            });
          }

          _p = 0;
          var _td = 0.00;
          var _lp = null;
          var _lep = null;
          var _d = null;

          $.each(group.products, function (p, product) {
            if (product.count > 0 || code.skipQuantities) {
              _lp = product;
              console.info(product);
              $.each($store._eventInfo.products, function (j, eventProduct) {
                if (eventProduct.eventProductId == product.eventProductId) {
                  console.info(eventProduct);
                  _lep = eventProduct;
                  _p = eventProduct.price * product.count;
                  _d = parseFloat((code.price * (isAmount ? _p / _t : _p / 100)).toFixed(2));
                  _td += _d;
                  product["_price"] = $store.storeTicketFeeCalculate(eventProduct, _p, _p - _d, product.count);
                }
              });
            }
          });

          if (_lep != null && isAmount && _td != code.price) {
            _lp._price = $store.storeTicketFeeCalculate(_lep, _p, _p - _d - (code.price - _td), _lp.count);
          }

          $.each(group.products, function (p, product) {
            if (product.count > 0 || code.skipQuantities) {
              $.each($store._eventInfo.products, function (j, eventProduct) {
                if (eventProduct.eventProductId == product.eventProductId) {
                  _gtmp += product._price.maxPrice;
                  _gtp += product._price.price;
                  _gtf += product._price.fee;
                  _gts += product._price.salesTax;
                  _html += "<li style='font-size: 80%;'>" + eventProduct.name + (product.hasOwnProperty("priceEach") ? "@ " + symbol + product.priceEach + " ea." : "") + (code.skipQuantities ? (product.hasOwnProperty("maxQuantity") ? "<span class='str-item-count'>(up to " + product.maxQuantity + " count)</span>" : "") : "<span class='str-item-count'>(" + product.count + " count)</span>") + "</li>";
                }
              });
            }
          });

          _p = (_gtmp != _gtp ? "<span class='str-item-price-original' style='text-decoration: line-through;'>" + $store._formatPrice(_gtmp) + "</span> " + $store._formatPrice(_gtp) : "");
          _f = (_gtf > 0 ? " + " + $store._formatPrice(_gtf) + " fee" : "");
          _s = (_gts > 0 ? " + " + $store._formatPrice(_gts) + " sales tax" : "");

          group["_price"] = {
            price: _gtp,
            fee: _gtf,
            salesTax: _gts,
            priceTotal: _gtp + _gtf + _gts,
            breakdown: "(" + _p + _f + _s + ")",
            breakdownTxt: (_gtp > 0 ? "(" + $store._formatPrice(_gtp) + _f + _s + ")" : "")
          }

          _tmp += _gtmp * group.count;
          _tp += _gtp * group.count;
          _tf += _gtf * group.count;
          _ts += _gts * group.count;

          _html += "</ul>";
          _html += "</td>";
          if (isCollection || (isEach && isGroups)) {
            var allStyle = "vertical-align: middle;font-size: 110%;";
            var connectorStyle = allStyle + "font-size: 105%;padding: 0 5px;";

            if (group.hasOwnProperty("discountPriceEach")) {
              _html += "</td><td style='" + connectorStyle + "'>@</td>";
              _html += "</td><td style='" + allStyle + "'>";
              _html += $store._formatPrice(group.discountPriceEach);
              _html += "</td>";
            }

            _html += "<td style='" + connectorStyle + "'>x</td>";
            _html += "<td style='" + allStyle + "'>" + group.count + "</td>";
          }
          _html += "</tr></table>";
          skipQuantities |= code.skipQuantities;
        }
      });
      _html += "<div  class='str-item-promo-code-important str-override'><span>IMPORTANT:</span>" + (skipQuantities ? " Select quantities from the products listed below to add to the cart." : " Items listed above will be added to the cart <u>IN ADDITION</u> to those selected below.</div>");
      _html += "</td></tr></table>";
    }


    _p = (_tmp != _tp ? "<span class='str-item-price-original' style='text-decoration: line-through;'>" + $store._formatPrice(_tmp) + "</span> " + $store._formatPrice(_tp) : "");
    _f = (_tf > 0 ? " + " + $store._formatPrice(_tf) + " fee" : "");
    _s = (_ts > 0 ? " + " + $store._formatPrice(_ts) + " sales tax" : "");

    var discountedPrice = "";
    if (!haveProducts || code.skipQuantities) {
      discountedPrice = (isAmount ? $store._formatPrice(code.price) : code.price + "%") + "<div style='white-space: nowrap;font-size: 70%;'>off" + (code.haveProducts ? " each" : "") + "</div>";
    }
    else {
      discountedPrice = $store._formatPrice(_tp + _tf + _ts);
    }


    html += "<table class='str-ticket str-override'>";
    html += "  <tr>";
    html += "    <td class='str-item-promo-code str-override' rowspan='2'><div>PROMO CODE</div></td>";
    html += "    <td class='str-item-promo-code-code str-override'>";
    html += code.code + (isExclusive ? "<span class='str-item-exclusive str-override'>EXCLUSIVE</span>" : "") + (code.haveProducts && !code.skipQuantities ? "<div class='str-price-breakdown' style='margin:5px 5px 5px 20px;display:inline-block;float:right;'>(" + _p + _f + _s + ")</div>" : "");
    html += "</td>";
    html += "    <td class='str-item-price-discount str-override' style='padding-top: 12px;'>";
    html += "      " + discountedPrice;
    html += "    </td>";
    html += "    <td class='str-buttons-remove str-override'><button onclick='$store.clearCode(\"" + code.code + "\")'>" + $store._svg.trash + "</button></td>";
    html += "  </tr>";
    html += "  <tr>"
    html += "    <td class='str-item-description str-override' style='padding-left: 20px;' colspan='3'>";

    html += _html;

    html += "    </td>";
    html += "  </tr>";
    html += "</table>";

    html += this.renderCodeDebug(code);
    console.warn("--- renderStoreCode ------------------------------------------------------------");
    console.warn("--------------------------------------------------------------------------------");
    console.warn("--------------------------------------------------------------------------------");
    return html;
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  renderCode: function (code) {
    var codeInput = (this.debug && false ? "P01" : "");

    if ($("[data-store-section='code']").length == 0) {
      return "<div class='str-section str-override' data-store-section='code'></div>";
    }

    var html = "";
    //----------------------------------------------------------------------------------------------------------------------
    //----------------------------------------------------------------------------------------------------------------------
    if (code) {
      //console.clear();
      console.info("--- renderCode ----------------------------------------");
      console.info(code);

      var haveCodes = false;
      var haveExclusiveCode = false;
      $.each($store._store.codes(), function (c, _code) {
        haveCodes = true;
        haveExclusiveCode |= _code.exclusive == "EXCLUSIVE";
      });

      code.price = parseFloat(code.price);
      code["skipQuantities"] = false;
      code["haveProducts"] = false;
      $.each(code.groups, function (g, group) {
        code.haveProducts |= group.products.length != 0;
      });

      var symbol = $store._eventInfo.currency.symbol;

      var isAmount = code.discountCodeAmountType == "AMOUNT";
      var isPercentage = code.discountCodeAmountType == "PERCENTAGE";
      var isExclusive = code.exclusive == "EXCLUSIVE";
      var isEach = code.applyTo == "EACH";
      var isCollection = code.applyTo == "COLLECTION";
      var isDefault = code.applyToType == "DEFAULT";
      var isGroups = code.applyToType == "GROUPS";
      var haveProducts = code.haveProducts;

      var canAddDiscountCode = !haveCodes || (isExclusive && !haveCodes) || (!haveExclusiveCode && !isExclusive);

      var discount = parseFloat(code.price);

      if (canAddDiscountCode && (!haveProducts || (isEach && isDefault))) {
        code.skipQuantities = (isExclusive && (haveProducts || (!haveProducts && isAmount)) ? false : true);
        $store.processCode(code.code);
        return;
      }


      html += "<div class='str-tickets str-override'>";
      html += (!canAddDiscountCode ? "<div class='str-item-exclusive full str-override'>Promo code \"" + code.code + "\" <u>cannot</u> be used with other promo codes in the cart.</div>" : "");
      html += "<table class='str-ticket str-override'>";
      html += "  <tr>";
      html += "    <td class='str-item-name str-override'>" + code.code.toUpperCase() + (isExclusive ? "<span class='str-item-exclusive str-override'>EXCLUSIVE, cannot be used with any other offer</span>" : "") + "</td>";
      html += "    <td class='str-item-price-discount str-override' rowspan='2'>" + (isAmount ? symbol : "") + discount + (isPercentage ? "%" : "") + (!isExclusive ? "<div style='margin-top: 5px;'>off each</div>" : " off") + "</td>";
      html += "  </tr>";
      html += "  <tr><td class='str-item-description str-override'>" + (code.description ? code.description : "") + "</td></tr>";

      // ##############################################################################################################################
      // ##############################################################################################################################
      if (code.haveProducts) {
        html += "  <tr><td colspan='2' class='str-item-items'>";

        $.each(code.groups, function (g, group) {
          html += (g != 0 && isCollection ? "<div style='text-align: center;font-size:120%;font-weight: 100;'>- OR -</div>" : "");
          html += "<div class='str-ticket-group str-override' style='" + (g == 0 ? "margin-top:15px;" : "") + "'>";

          var totalGroupPrice = 0.0;
          $.each(group.products, function (p, product) {
            $.each($store._eventInfo.products, function (j, eventProduct) {
              if (eventProduct.eventProductId == product.eventProductId) {
                totalGroupPrice += $store.productPrice(eventProduct) * product.quantity;
              }
            });
          });
          // ##########################################################################################################################
          // ##########################################################################################################################
          if (isGroups || isCollection) {
            var discountAmount = (isPercentage ? totalGroupPrice * code.price / 100 : code.price);
            var discountPrice = totalGroupPrice - discountAmount;

            group["priceEach"] = totalGroupPrice;
            group["discountPriceEach"] = discountPrice;
            group["discountAmountEach"] = discountAmount;

            html += "<table class='str-ticket str-override'>";
            $.each(group.products, function (p, product) {
              $.each($store._eventInfo.products, function (j, eventProduct) {
                if (eventProduct.eventProductId == product.eventProductId) {
                  html += "  <tr>";
                  html += "    <td class='str-item-name str-override'>" + eventProduct.name + (product.hasOwnProperty("quantity") && product.quantity > 0 ? " <span class='str-item-count str-override'>(" + product.quantity + " count)</span>" : "") + "</td>";
                  if (p == 0) {
                    html += "<td class='str-item-price str-override' rowspan='" + (2 * group.products.length) + "'>";
                    html += $store._formatPrice(group.discountPriceEach);
                    html += "<div class='str-item-price-original'>" + $store._formatPrice(group.priceEach) + "</div>";
                    html += "<div class='str-item-description str-override' style='padding: 0;margin-top: 10px;text-align: center'>";
                    html += (isExclusive && isGroups && canAddDiscountCode ? "<button class='str-buttons-button str-override' onclick='$store.processCode(\"" + code.code + "\"," + group.eventDiscountCodeGroupId + ")'>select</button><br/>" : "");
                    html += $store._store.inputs.quantity("g-" + group.eventDiscountCodeGroupId, (isExclusive && isCollection ? 1 : 0) + "", "str-item-quantity str-override " + (isExclusive ? "str-hidden" : ""), (group.hasOwnProperty("maxQuantity") ? group.maxQuantity : undefined));
                    html += "</div>";
                    html += "</td>";
                  }
                  html += "  </tr>";
                  html += "  <tr><td class='str-item-description str-override' colspan='1'>" + eventProduct.description + "</td></tr>";
                }
              });
            });
            html += "</table>";
          }
            // ##########################################################################################################################
          // ##########################################################################################################################
          else {
            $.each(group.products, function (p, product) {
              $.each($store._eventInfo.products, function (j, eventProduct) {
                if (eventProduct.eventProductId == product.eventProductId) {
                  var price = parseFloat($store.productPrice(eventProduct));
                  var discountAmount = (isPercentage ? price * code.price / 100 : code.price);
                  var discountPrice = price - discountAmount;

                  product["priceEach"] = price;
                  product["discountAmountEach"] = discountAmount;

                  html += "<table class='str-ticket str-override'>";
                  html += "  <tr>";
                  html += "    <td class='str-item-name str-override'>" + eventProduct.name + (product.hasOwnProperty("quantity") && product.quantity > 0 ? " <span class='str-item-count str-override'>(" + (product.hasOwnProperty("maxQuantity") ? "up to " + product.maxQuantity : product.quantity + " count") + ")</span>" : "") + "</td>";
                  html += "    <td class='str-item-price str-override' rowspan='2'>";
                  if (!isCollection) {
                    html += $store._formatPrice(discountPrice);
                    html += "<div class='str-item-price-original'>" + $store._formatPrice(price) + "</div>";
                  }
                  html += "      <div class='str-item-description str-override' style='padding: 0;margin-top: 10px;'>";
                  html += $store._store.inputs.quantity("p-" + product.eventProductId, 0 + "", "str-item-quantity str-override", (product.hasOwnProperty("maxQuantity") ? product.maxQuantity : undefined));
                  html += "      </div>";
                  html += "    </td>";
                  html += "  </tr>";
                  html += "  <tr><td class='str-item-description str-override' colspan='1'>" + eventProduct.description + "</td></tr>";
                  html += "</table>";
                }
              });
            });
          }
          // ##########################################################################################################################
          // ##########################################################################################################################

          html += "</div>";
        });
      }
      // ##############################################################################################################################
      // ##############################################################################################################################

      html += "</td></tr>";
      html += "</table>";
      html += "</div>";

      html += "<div class='str-buttons str-override'>";
      html += "<button class='str-back str-override' onclick='$store.renderCode()'>back</button>";
      html += ((isExclusive && isGroups) || !canAddDiscountCode ? "" : "<button onclick='$store.processCode(\"" + code.code + "\")'>continue</button>");
      html += "</div>";

      //------------------------------------------------------------
      //--- DEBUG
      //------------------------------------------------------------

      html += this.renderCodeDebug(code);
      if (this.debugEventKey) {
        html += "<div style='font-size: 75%;text-align: center;'>HAVE CODES: <strong>" + haveCodes + "</strong> :: HAVE EXCLUSIVE CODES: <strong>" + haveExclusiveCode + "</strong> :: IS EXCLUSIVE: <strong>" + isExclusive + "</strong> :: CAN ADD DISCOUNT: <strong>" + canAddDiscountCode + "</strong></div>";
        html += "<div style='white-space: pre-wrap;font-size: 12px !important;display: block;margin: 20px;padding: 20px;font-family: \"Courier New\";border: 1px solid #900;border-radius: 10px;'>" + JSON.stringify(code, null, 2) + "</div>";
      }
      //------------------------------------------------------------
      //--- DEBUG
      //------------------------------------------------------------


      $("#str-navigation-title").html("Promo Code - " + code.code.toUpperCase());
      $("[data-store-section='code']").html(html);
    }
      //----------------------------------------------------------------------------------------------------------------------
    //----------------------------------------------------------------------------------------------------------------------
    else {
      if (this.debug) {
        var btns = {};
        var abtns = [];
        $.each($store._eventInfo.codes, function (i, __code) {
          btns[__code.code] = "<button onclick='$store.clickCode(\"" + __code.code + "\")' style='padding:3px;width:100px;margin: 2px;background-color: #900;color:#fff;font-size: inherit;'>" + __code.code + "</button>";
          abtns.push(__code.code);
        });

        abtns.sort();
        html += "<div style='text-align: center;font-size: 80%;'><fieldset style='border-radius: 6px;border:1px solid #900;font-size: 10px;'><legend style='color: #333;font-size: 90%;'>[ Available Promo Codes For Testing ]</legend>";
        $.each(abtns, function (i, abtn) {
          html += btns[abtn];
        });
        html += "</fieldset></div>";
        html += "<div class='str-code str-override' style='display: none;'><input id='str-code' value='" + codeInput + "'/></div>";
        html += "<div class='str-buttons str-override'><button class='str-back str-override' onclick='$store.back()'>cancel</button></div>";
      }
      else {
        html += "<div class='str-instructions str-override'>enter your promo code below and press continue</div>";
        html += "<div class='str-code str-override'><input id='str-code' value='" + codeInput + "'/></div>";
        html += "<div class='str-buttons str-override'><button class='str-back str-override' onclick='$store.back()'>back</button><button onclick='$store.processCode()'>continue</button></div>";
      }

      $("#str-navigation-title").html("Promo Code");
      $("[data-store-section='code']").html(html);

      $(".str-section:visible").hide();
      $("[data-store-section='code']").show();
      $("#str-code").focus();
      if (codeInput.length > 0) {
        $store.processCode();
      }
    }
    //----------------------------------------------------------------------------------------------------------------------
    //----------------------------------------------------------------------------------------------------------------------
  },
  renderCodeDebug: function (code) {
    var html = "";
    if (this.debugEventKey) {
      html = "<div colSpan='2' style='text-align: center;background-color:#900;color:#fff;font-size: 60%;padding: 5px 0;border-radius: 5px;margin: 10px;'>";
      html += "  <strong style='padding: 0 5px;font-size: inherit;'>" + (code.haveProducts ? "PRODUCTS" : "NO PRODUCTS") + "</strong> :: ";
      html += "  <strong style='padding: 0 5px;font-size: inherit;'>" + (code.skipQuantities ? "SKIP" : "NO SKIP") + "</strong> :: ";
      html += "  <strong style='padding: 0 5px;font-size: inherit;'>" + code.exclusive + "</strong> :: ";
      html += "  <strong style='padding: 0 5px;font-size: inherit;'>" + code.discountCodeAmountType + "</strong> :: ";
      html += "  <strong style='padding: 0 5px;font-size: inherit;'>" + code.applyTo + "</strong> :: ";
      html += "  <strong style='padding: 0 5px;font-size: inherit;'>" + code.applyToType + "</strong>";
      html += "</div>";
    }
    return html;
  },
  clickCode: function (_code) {
    $("#str-code").val(_code);
    $store.processCode();
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  productPrice: function (product) {
    var different = false;
    var symbol = $store._eventInfo.currency.symbol;
    var price = product.price;
    if (price == undefined) {
      $.each(product.variations, function (v, variation) {
        if (price != undefined) {
          different |= price != variation.price;
        }
        price = (price == undefined || parseFloat(price) > parseFloat(variation.price) ? variation.price : price);
      });
    }
    return price;
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  processCode: function (_code, _groupid) {
    this.renderError();

    // ##########################################################################################################################
    // ##########################################################################################################################
    if (_code) {
      var haveGroupCount = false;
      var haveProductCounts = false;
      var haveProducts = false;
      var skipQuantityCheck = false;
      //console.clear();
      console.info("--- processCode :: CODE ----------------------------------------");
      console.info(_code);
      console.info(_groupid);

      $.each($store._eventInfo.codes, function (i, __code) {
        if (__code.code == _code) {
          var code = JSON.parse(JSON.stringify(__code));

          var discountCodes = $store._store.codes();
          console.info(discountCodes);
          console.info(code);

          var isAmount = code.discountCodeAmountType == "AMOUNT";
          var isPercentage = code.discountCodeAmountType == "PERCENTAGE";
          var isExclusive = code.exclusive == "EXCLUSIVE";
          var isEach = code.applyTo == "EACH";
          var isCollection = code.applyTo == "COLLECTION";
          var isDefault = code.applyToType == "DEFAULT";
          var isGroups = code.applyToType == "GROUPS";
          haveProducts = code.haveProducts == 1;
          console.info(code.haveProducts);

          discountCodes[_code] = code;

          if (!haveProducts || (isEach && isDefault)) {
            console.info("--- SKIP QUANTITY CHECK ---");
            skipQuantityCheck = true;
          }
          else {
            if (isExclusive) {
              $.each(code.groups, function (g, group) {
                if (_groupid == undefined || _groupid == group.eventDiscountCodeGroupId) {
                  group["count"] = 1;
                  haveGroupCount = true;
                  $.each(group.products, function (p, product) {
                    product["count"] = product.quantity;
                    haveProductCounts = true;
                  });
                }
                else {
                  delete group["count"];
                }
              });
            }
            else {
              $.each(code.groups, function (g, group) {
                console.info("\t--- GROUP " + g + " -----------------------");
                console.info(group);
                var groupCount = $("[data-form-item-id='g-" + group.eventDiscountCodeGroupId + "']").html();
                if (!isNaN(groupCount)) {
                  groupCount = parseInt(groupCount);
                  group["count"] = parseInt(groupCount);
                  haveGroupCount |= group.count > 0;
                }
                $.each(group.products, function (p, product) {
                  console.info("\t\t--- PRODUCT " + product.eventProductId + "-----------------------");
                  if (haveGroupCount) {
                    product["count"] = product.quantity;
                    haveProductCounts = true;
                  }
                  else {
                    var productCount = $("[data-form-item-id='p-" + product.eventProductId + "']").html();
                    if (!isNaN(productCount)) {
                      productCount = parseInt(productCount);
                      if (productCount > 0) {
                        product["count"] = (product.hasOwnProperty("maxQuantity") && product.maxQuantity < productCount ? product.maxQuantity : productCount);
                        haveProductCounts = true;
                      }
                    }
                  }
                  if (product.hasOwnProperty("count") && !group.hasOwnProperty("count")) {
                    group["count"] = 1;
                  }
                });
              });
            }
          }

          $store._store.codes(discountCodes);
        }
      });

      console.info("HAVE GROUPS: " + haveGroupCount + " HAVE PRODUCTS: " + haveProducts + " :: HAVE PRODUCT COUNT: " + haveProductCounts);
      if (!haveProducts || (haveProductCounts && haveGroupCount) || skipQuantityCheck) {
        $("[data-store-section='code']").html("");
        $store.back(haveProducts ? "code" : "code");
      }
      else {
        this.renderError("Make the necessary quantity choices prior to proceeding.");
      }
    }
      // ##########################################################################################################################
    // ##########################################################################################################################
    else {
      console.info("--- processCode :: INPUT ----------------------------------------");
      var val = $("#str-code").val().toUpperCase();
      var code = null;

      $.each($store._eventInfo.codes, function (i, c) {
        if (c.code.toUpperCase() == val) {
          code = c;
        }
      });
      if (code != null) {
        $store.renderCode(code);
        return;
      }
      this.renderError("The promo code you entered is not valid.");
    }
    // ##########################################################################################################################
    // ##########################################################################################################################
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  clearCode: function (code) {
    var codes = $store._store.codes();
    delete codes[code];
    $store._store.codes(codes);

    $("[data-store-section='code']").html("");
    $store.back("code");
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  renderInfo: function () {
    if ($("[data-store-section='info']").length == 0) {
      return "<div class='str-section str-override' data-store-section='info'></div>";
    }
    console.warn("--- renderInfo ----------------------------------------");
    var symbol = $store._eventInfo.currency.symbol;
    var accountInfos = this._storage.store("accountInfos");
    var infos = this._store.infos();
    var html = "<div class='str-instructions str-override'>specify information for each ticket below</div>";

    html += "<div class='str-instructions str-override' style='text-align: right;padding-bottom: 10px;'>" + this._form.required() + "</div>";
    $.each(infos, function (ii, info) {
      html += "<div class='str-tickets str-override'>";
      for (var i = 0; i < info.quantity; i++) {
        var price = info.price;
        var different = false;
        var accountInfo = accountInfos[info.eventProductId];
        accountInfo = (accountInfo && accountInfo.length > i ? accountInfo = accountInfo[i] : null);

        if (info.variations) {
          $.each(info.variations, function (v, variation) {
            if (variation.price) {
              if (price != undefined) {
                different |= price != variation.price;
              }
              else {
                price = variation.price;
              }
            }
          });

          $.each(info.variations, function (v, variation) {
            price = (price == undefined || price > variation.price ? variation.price : price);
          });
        }

        price = (different ? "<span>from</span> " : "") + $store._formatPrice(price);
        html += "<table class='str-ticket str-override'>";
        html += "  <tr class='str-item-shaded str-override'>";
        html += "    <td class='str-item-name str-override' colspan='2'>" + (info.quantity > 1 ? "(" + (i + 1) + ") " : "") + info.name + (info.uniqueAccount ? "<span class='str-item-unique str-override'>(one per email address)</span>" : "") + "</td>";
        html += "  </tr>";
        html += "<tr><td class='str-divider str-override' colspan='2'></td></tr>";

        if (info.variations) {
          var options = null;
          var value = (accountInfo && accountInfo["variation"] ? accountInfo["variation"] : "");

          $.each(info.variations, function (v, variation) {
            options += "<option value='" + variation.eventProductVariationId + "'" + (variation.eventProductVariationId == value ? " selected" : "") + ">" + variation.name + (different ? " @ " + variation._price.priceTotal + (variation._price.breakdownTxt != null ? " (" + variation._price.breakdownTxt + ")" : "") : "") + "</option>";
          });

          html += "<tr><td colspan='2' class='str-item-label str-override'>" + (info.variationLabel ? info.variationLabel : "Choose a ticket").toLowerCase() + "</td></tr>";
          html += "<tr><td colspan='2' class='str-item-full str-override'>" + $store._store.inputs.choice(info.eventProductId, i + 1, options) + "</td></tr>";
        }
        if (info.form) {
          $.each(info.form.parts, function (pi, part) {
            part["product"] = info.name;
            var datas = undefined;
            if (info.uniqueAccount && part.key == "emailAddress") {
              datas = {
                "unique": "emailAddress"
              };
            }
            html += "<tr><td colspan='2' class='str-item-label str-override'" + $store._form.lbldatas(info.eventProductId, i + 1, part) + ">" + part.name.toLowerCase() + "</td></tr>";
            html += "<tr><td colspan='2' class='str-item-full str-override'>" + $store._form.render(info.eventProductId, i + 1, part, (accountInfo && accountInfo[part.key] ? accountInfo[part.key] : ""), datas) + "</td></tr>";
          });
        }

        if (info.options) {
          $.each(info.options, function (oi, eventProductOption) {
            html += "<tr><td colspan='2' class='str-item-label str-override'>" + (eventProductOption.variationLabel ? eventProductOption.variationLabel : eventProductOption.name).toLowerCase() + "</td></tr>";
            if (eventProductOption.productType == "Option") {
              var price = eventProductOption.price;
              var different = false;
              $.each(eventProductOption.variations, function (v, variation) {
                if (variation.price) {
                  if (price != undefined) {
                    different |= price != variation.price;
                  }
                  else {
                    price = variation.price;
                  }
                }
              });

              var value = (accountInfo && accountInfo[eventProductOption.eventProductId] ? accountInfo[eventProductOption.eventProductId] : "");
              var options = null;
              if (eventProductOption.requireResponse != true) {
                options += "<option value=''></option>";
              }

              $.each(eventProductOption.variations, function (v, variation) {
                options += "<option value='" + variation.eventProductVariationId + "'" + (variation.eventProductVariationId == value ? " selected" : "") + ">" + variation.name + (different ? " @ " + variation._price.priceTotal + (variation._price.breakdownTxt != null ? " (" + variation._price.breakdownTxt + ")" : "") : "") + "</option>";
              });

              html += "<tr><td colspan='2' class='str-item-full str-override'>" + $store._store.inputs.choice(info.eventProductId, i + 1, options, undefined, eventProductOption.eventProductId) + "</td></tr>";
            }
          });
        }
        console.info(info);

        if (i == 0 && info.quantity > 1 && info.allowCopyToAll != false) {
          html += "<tr><td colspan='2' class='str-buttons str-override'><button class='str-back str-override' onclick='$store.copyInfos(" + info.eventProductId + "," + info.quantity + ")'>copy to all \"" + info.name + "\"</button></td></tr>";
        }
        else {
          html += "<tr><td colspan='2' style='height:10px;'></td></tr>";
        }
        html += "</table>";
      }
      html += "</div>"
    });
    html += "<div class='str-buttons str-override'><button class='str-back str-override' onClick='$store.back()'>back</button><button onClick='$store.next()'>continue</button></div>";

    html += $store.renderFbPixel("AddToCart");

    $("[data-store-section='info']").html(html);
    setTimeout($store._form.validate, 500);
  },
  renderGGEvent: function (event, price, comment) {
    if (event == "PurchaseComplete") {
      if ($store._eventInfo.hasOwnProperty("attributes") && $store._eventInfo.attributes.hasOwnProperty("ggGTMPurchaseComplete")) {
        var ggGTMPurchaseComplete = $store._eventInfo.attributes.ggGTMPurchaseComplete;
        console.info("renderGGEvent :: " + event + " :: " + ggGTMPurchaseComplete);
        /*************** GTM -- Google Tag Manager ***************/
        (function (w, d, s, l, i) {
          w[l] = w[l] || [];
          w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
          var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
          j.async = true;
          j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
          f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', ggGTMPurchaseComplete);
        /*************** GTM -- Google Tag Manager ***************/
      }
    }
  },
  renderFbPixel: function (event, price, comment) {
    if (comment == undefined) {
      comment = "";
    }
    //console.info("renderFbPixel :: " + event + " :: " + comment);
    if (event != "AddToCart" && event != "RemoveFromCart") {
      $store._store.activity.record(event, comment);
    }
    if ($store._eventInfo.hasOwnProperty("attributes") && $store._eventInfo.attributes.hasOwnProperty("fbPixel")) {
      var args = "&dl=" + encodeURIComponent(window.location.href);
      if (event == "Purchase" && price != undefined) {
        args = "&cd[currency]=" + encodeURIComponent($store._eventInfo.currency.code.toUpperCase()) + "&cd[value]=" + encodeURIComponent(price);
      }
      return "<img height='1' width='1' src='https://www.facebook.com/tr?id=" + $store._eventInfo.attributes.fbPixel + "&ev=" + event + args + "&noscript=1'/>";
    }
    return "";
  },
  copyInfos: function (id, quantity) {
    $("[data-form-item-id='" + id + "'][data-form-item-index='1']").each(function () {
      for (var index = 2; index < quantity + 1; index++) {
        $("[data-form-item-id='" + id + "'][data-form-item-index='" + index + "'][data-form-item-name='" + $(this).data("formItemName") + "']").val($(this).val());
      }
    });
    $store._form.validate();
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  renderCart: function () {
    //console.clear();
    console.info("--- renderCart ----------------------------------------");

    if ($("[data-store-section='cart']").length == 0) {
      return "<div class='str-section str-override' data-store-section='cart'></div>";
    }
    var cart = this._store.cart();
    var codes = $store._store.codes();

    var html = "";

    var subtotal = 0.0;
    var discount = 0.0;
    var fee = 0.0;
    var tax = 0.0;

    var billingName = undefined;
    var billingEmail = undefined;
    var billingPhone = undefined;

    html += "<div class='str-sub-heading str-override'>Cart</div>";
    html += "<table>";

    //console.clear();
    console.warn("--------------------------------------------------------");
    console.info("--- cart -----------------------------------------------");
    $.each(cart, function (k, v) {
      console.info(v);
    });


    if (Object.keys(codes).length > 0) {
      $.each(codes, function (c, code) {
        if (code.skipQuantities !== true && code.haveProducts) {
          console.info("--- cartCode w/ Products ------------------------------------------");
          console.info(code);
          $.each(code.groups, function (g, group) {
            for (var i = 0; i < group.count; i++) {

              var _price = 0;
              var _fee = 0;
              var _tax = 0;

              var _codeCartItems = {};
              console.warn("\t" + code.code + " :: " + i);

              html += "<tr>";
              html += "  <td class='str-cart-item str-cart-item-name str-override' colspan='2'>";
              html += "    <table>";
              html += "      <tr>";
              html += "        <td class='str-item-promo-code str-override'><div>" + code.code + "</div></td>";
              html += "        <td>";
              html += (group._price.breakdown != null ? "<div class='str-price-breakdown'>" + group._price.breakdownTxt + "</div>" : "");
              html += "<ul>";

              console.info("\t\tgroup products ---------");
              $.each(group.products, function (p, product) {
                for (var j = 0; j < product.count; j++) {
                  var cartProduct = null;
                  $.each(cart, function (c, cartItem) {
                    if (cartProduct == null && cartItem.eventProductId == product.eventProductId && !cartItem.haveCode) {
                      cartItem.haveCode = true;
                      cartItem.haveGroupCode = true;
                      console.info(cartItem);
                      _codeCartItems[cartItem.id] = cartItem;
                      cartProduct = cartItem;
                    }
                  });
                }
              });


              $.each(_codeCartItems, function (id, cartItem) {
                var eventProductOptionsHtml = "";
                if (cartItem.productOptionsInfos) {
                  eventProductOptionsHtml += "<div style='font-size: 70%;margin: 5px 20px;'>";
                  $.each(cartItem.productOptionsInfos, function (j, productOptionsInfo) {
                    if (productOptionsInfo.hasOwnProperty("_price")) {
                      _price += productOptionsInfo._price.price;
                      _fee += productOptionsInfo._price.fee;
                      _tax += productOptionsInfo._price.salesTax;
                      _haveOptions = true;
                    }

                    eventProductOptionsHtml += "<div style='font-size: inherit;font-style: italic;'>" + productOptionsInfo.label + (productOptionsInfo.hasOwnProperty("_price") && productOptionsInfo._price.breakdownTxt != null ? "<div class='str-price-breakdown' style='float: none;'>(" + productOptionsInfo._price.breakdownTxt + ")</div>" : "") + "</div>";
                  });
                  eventProductOptionsHtml += "</div>";
                }
                html += "<li style='font-size: 80%;margin: 0;'>" + cartItem.name + eventProductOptionsHtml + "</li>";
              });

              html += "          </ul>";
              html += "        </td>";
              html += "      </tr>";
              html += "    </table>";
              html += "  </td>";
              html += "  <td class='str-cart-item str-cart-item-price str-override'>" + $store._formatPrice(group._price.priceTotal + _price + _fee + _tax) + "</td>";
              html += "</tr>";

              code["rendered"] = true;

              subtotal += group._price.price;
              fee += group._price.fee;
              tax += group._price.salesTax;
            }
          });
        }
      });
    }

    console.warn("--------------------------------------------------------");
    console.warn("--- cartItems ------------------------------------------");

    $.each(cart, function (i, item) {
      if (!item.haveCode || !item.haveGroupCode) {
        console.warn("--- LINE ITEM ---");
        console.info(item);
        console.info(item._price);

        var _breakdown = item._price.maxBreakdown;
        var _price = item._price.maxPrice;
        var _fee = item._price.maxFee;
        var _tax = item._price.maxSalesTax;
        var _priceTotal = 0;

        var _haveOptions = false;

        if (item.haveCode) {
          _breakdown = item._price.breakdownTxt;
          _price = item._price.price;
          _fee = item._price.fee;
          _tax = item._price.salesTax;
        }

        $store.renderFbPixel("AddToCart", undefined, item.name);
        if (item.hasOwnProperty("accountInfo")) {
          if (billingName == undefined && item.accountInfo.hasOwnProperty("name") && item.accountInfo.name != null && item.accountInfo.name.trim().length > 0) {
            billingName = item.accountInfo.name;
          }
          if (billingEmail == undefined && item.accountInfo.hasOwnProperty("emailAddress") && item.accountInfo.emailAddress != null && item.accountInfo.emailAddress.trim().length > 0) {
            billingEmail = item.accountInfo.emailAddress;
          }
          if (billingPhone == undefined && item.accountInfo.hasOwnProperty("phoneNumber") && item.accountInfo.phoneNumber != null && item.accountInfo.phoneNumber.trim().length > 0) {
            billingPhone = item.accountInfo.phoneNumber;
          }
        }
        var eventProductOptionsHtml = "";
        if (item.productOptionsInfos) {
          eventProductOptionsHtml += "<div style='font-size: 70%;margin: 5px 20px;'>";
          $.each(item.productOptionsInfos, function (j, productOptionsInfo) {
            if (productOptionsInfo.hasOwnProperty("_price")) {
              _price += productOptionsInfo._price.price;
              _fee += productOptionsInfo._price.fee;
              _tax += productOptionsInfo._price.salesTax;
              _haveOptions = true;
            }
            eventProductOptionsHtml += "<div style='font-size: inherit;font-style: italic;'>" + productOptionsInfo.label + (productOptionsInfo.hasOwnProperty("_price") && productOptionsInfo._price.breakdownTxt != null ? "<div class='str-price-breakdown' style='float: none;'>(" + productOptionsInfo._price.breakdownTxt + ")</div>" : "") + " </div>";
          });
          eventProductOptionsHtml += "</div>";
        }

        _priceTotal += _price + _fee + _tax;

        console.info("\t\t_price: " + _price + "\tfee: " + _fee + "\ttax: " + _tax)

        html += "<tr " + (i == 0 ? "class='str-override')" : "") + ">";
        html += "<td class='str-cart-item str-cart-item-name str-override' colspan='2'> " + item.name + (_breakdown != null ? "<div class='str-price-breakdown' " + (_haveOptions != 0 ? " style='float: none;'" : "") + ">(" + _breakdown + ")</div>" : "") + eventProductOptionsHtml + "</td>";
        html += "<td class='str-cart-item str-cart-item-price str-override'>" + $store._formatPrice(_priceTotal) + "</td>";
        html += "</tr>";

        subtotal += _price;
        fee += _fee;
        tax += _tax;
      }
    });

    if (Object.keys(codes).length > 0) {
      $.each(codes, function (c, code) {
        if (code.rendered !== true) {
          console.info("--- cartCode w/o Products ------------------------------------------");
          console.info(code);
          if (!code.haveProducts && code.discountCodeAmountType == "AMOUNT") {
            discount += code.price;
          }
        }
      });
    }

    var haveBalance = parseFloat(subtotal - discount) > 0.00;

    console.info("haveBalance: " + haveBalance);

    subtotal = parseFloat(subtotal).toFixed(2);
    discount = parseFloat(discount).toFixed(2);
    fee = (haveBalance ? parseFloat(fee).toFixed(2) : 0.00);

    var total = parseFloat(parseFloat(subtotal) + parseFloat(fee) + parseFloat(tax)).toFixed(2);

    if (this.debug && subtotal > 0) {
      console.info("subtotal: " + subtotal);
      console.info("discount: " + discount);
      console.info("     fee: " + fee);
      console.info("     tax: " + tax);
      console.info("  ----------------");
      console.info("   total: " + total);

      html += "<tr><td></td><td class='str-divider str-override' colspan='2'></td></tr>";
      html += "<tr><td></td><td class='str-cart-total str-override' style='color:#b50;'>SUBTOTAL</td><td class='str-cart-item-price str-override' style='color:#b50;'>" + $store._formatPrice(subtotal) + "</td></tr>";
      html += (haveBalance ? "<tr><td></td><td class='str-cart-total str-override' style='color:#b50;'>CONVENIENCE FEE</td><td class='str-cart-item-price str-override' style='color:#b50;'>" + $store._formatPrice(fee) + "</td></tr>" : "");
      html += (tax > 0.0 ? "<tr><td></td><td class='str-cart-total str-override' style='color:#b50;'>SALES TAX</td><td class='str-cart-item-price str-override' style='color:#b50;'>" + $store._formatPrice(tax) + "</td></tr>" : "");
    }
    html += (discount > 0.0 ? "<tr><td></td><td class='str-cart-total str-override'>DISCOUNT</td><td class='str-cart-item-price str-override'>" + $store._formatPrice((discount * -1)) + "</td></tr>" : "");
    html += "<tr><td></td><td class='str-divider str-override' colspan='2'></td></tr>";
    html += "<tr><td></td><td class='str-cart-total str-override'>TOTAL</td><td class='str-cart-item-price str-override'>" + $store._formatPrice(total - discount) + "</td></tr>";
    html += "</table>";

    html += $store.renderFbPixel("InitiateCheckout");

    $store._storage.store("store-totals", {
      subtotal: subtotal,
      discount: discount,
      fee: fee,
      tax: tax,
      total: total
    });

    $("[data-store-section='cart']").html("<div class='str-cart str-override'>" + html + "" + this.renderPayment(billingName, billingEmail, billingPhone) + "</div>");

    if (haveBalance) {
      $store._store.paymentService.populate();
    }
    setTimeout($store._form.validate, 500);
  },
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
  _formatPrice: function (_price) {
    return $store._eventInfo.currency.symbol + parseFloat(_price).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")
  }
  ,
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
  _paymentFields: [
    {
      "ordering": 1,
      "formPartType": "text",
      "name": "Name on Credit Card",
      "choices": [],
      "required": true,
      "key": "name",
      "onblur": " onblur=\"$store._store.activity.record('CheckoutFullName', this.value)\""
    }, {
      "ordering": 2,
      "formPartType": "email",
      "name": "e-mail address",
      "choices": [],
      "required": true,
      "key": "emailAddress",
      "onblur": " onblur=\"$store._store.activity.record('CheckoutEmailAddress', this.value)\""
    }, {
      "ordering": 3,
      "formPartType": "phone",
      "name": "cellphone number",
      "choices": [],
      "required": true,
      "key": "phoneNumber",
      "onblur": " onblur=\"$store._store.activity.record('CheckoutPhoneNumber', this.value)\""
    }
  ],
  _purchaseFields: [
    {
      "ordering": 1,
      "formPartType": "text",
      "name": "full name",
      "choices": [],
      "required": true,
      "key": "name",
      "onblur": " onblur=\"$store._store.activity.record('CheckoutFullName', this.value)\""
    }, {
      "ordering": 2,
      "formPartType": "email",
      "name": "e-mail address",
      "choices": [],
      "required": true,
      "key": "emailAddress",
      "onblur": " onblur=\"$store._store.activity.record('CheckoutEmailAddress', this.value)\""
    }, {
      "ordering": 3,
      "formPartType": "phone",
      "name": "cellphone number",
      "choices": [],
      "required": true,
      "key": "phoneNumber",
      "onblur": " onblur=\"$store._store.activity.record('CheckoutPhoneNumber', this.value)\""
    }
  ],
  renderPayment: function (billingName, billingEmail, billingPhone) {
    $store.processingPayment = false;
    var html = "";
    var haveBalance = parseFloat($store._storage.store("store-totals").total) > 0.00;
    $.each((haveBalance ? this._paymentFields : this._purchaseFields), function (pi, part) {
      var val = "";
      switch (part.key) {
        case "name":
          val = (billingName != undefined ? billingName : "");
          if (val != null && val.trim().length != 0) $store._store.activity.record('CheckoutFullName', val);
          break;
        case "emailAddress":
          val = (billingEmail != undefined ? billingEmail : "");
          if (val != null && val.trim().length != 0) $store._store.activity.record('CheckoutEmailAddress', val);
          break;
        case "phoneNumber":
          val = (billingPhone != undefined ? billingPhone : "");
          if (val != null && val.trim().length != 0) $store._store.activity.record('CheckoutPhoneNumber', val);
          break;
      }
      html += "<tr><td colspan='2' class='str-item-label str-override'>" + part.name.toLowerCase() + "</td></tr>";
      html += "<tr><td colspan='2' class='str-item-full str-override'>" + $store._form.render("paymentInfo-" + part.key, 0, part, val, undefined, part.onblur) + "</td></tr>";
    });

    if (haveBalance) {
      html += "<tr><td style='padding-top: 5px;' class='str-item-label str-override'>credit card information</td></tr>";
      html += "<tr><td>" + $store._store.paymentService.render() + "</td></tr>";
    }

    var ret = "";

    ret += "<div class='str-sub-heading str-override'>" + (haveBalance ? "Payment Information" : "Purchase Information") + "</div>";
    ret += "<div class='str-instructions str-override' style='text-align: right'>" + this._form.required() + "</div>";
    ret += "<table class='str-payment str-override'>" + html + "</table>";
    ret += "<div class='str-buttons str-override' id='str-buttons-payment'><button class='str-back str-override' onClick='$store.back()'>back</button><button onclick='$store.processPayment()'>complete purchase</button></div>";
    ret += "<div class='str-message str-override' id='str-message-payment'>- processing purchase -</div>";

    return ret;
  },
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
  processPayment: function () {
    if ($store._form.validate()) {
      console.warn("--- processPayment :: IN -------------------------------------------------------");
      var haveBalance = parseFloat($store._storage.store("store-totals").total) > 0.00;
      $("#str-buttons-payment").hide();
      $("#str-message-payment").show();

      if (haveBalance) {
        console.info(haveBalance);
        $store._store.paymentService.token();
      }
      else {
        $store._store.processPurchase();
      }
      console.warn("--- processPayment :: OUT -------------------------------------------------------");
    }
    else {
      this.renderError("Provide all required payment information.");
      if ($store.debug) {
        $store._store.processPurchase("-bob=");
      }
    }
  },
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
  renderCompleted: function () {
    if ($("[data-store-section='cart']").length == 0) {
      return "<div class='str-section str-override' data-store-section='completed'></div>";
    }

    var html = "";

    html += "<div class='str-completed str-override'>";
    html += "<div class='str-completed-thankyou str-override'>Thank you for your purchase!</div>";
    html += "<div>Your order has been successfully processed.</div>";
    html += "<div>Your order number is <span class='str-completed-order-number str-override'>" + $store._eventInfo.receipt.id + "</span>.</div>";
    html += "<div><a class='str-completed-receipt str-override' href='" + $store._comm._uri + "/purchaseReceipt/" + $store._eventInfo.receipt.code + "' target='_blank'>View/Print Your Receipt</a></div>";
    html += "<div class='str-completed-instruction str-override'>You should receive a purchase receipt email within the next 5 minutes. If you do not, please check your Spam folder! Mark the email as safe if it landed there so your purchase details are easily accessible in your inbox for the event.</div>";
    /*html += "<div class='str-completed-instruction str-override'>If you do not receive an email from us, please email <a href='mailto:info@bridescan.com '>info@bridescan.com</a> for assistance.</div>";*/
    html += "<div class='str-completed-enjoy str-override'>We hope you enjoy the event!</div>";
    html += "</div>";

    html += "<div class='str-buttons str-override'><button onClick='$store.next(true)'>done</button></div>";

    html += $store.renderFbPixel("Purchase", $store._storage.store("store-totals").total);


    $store._storage.store("store", {});
    $store._storage.store("accountInfos", {});
    $store._storage.store("cart-quantities", {});
    $store._storage.store("store-codes", {});
    $store.renderTickets();

    $("[data-store-section='completed']").html(html);

    $store.renderGGEvent("PurchaseComplete");

    $store._store.activity.clearUniqueId();
  },
  formatDates: function (json, which, pre) {
    if (json) {
      var start = (json.hasOwnProperty("availableStartDate") && (which == null || which == "availableStartDate") && json.availableStartDate != null ? json.availableStartDate : (json.hasOwnProperty("startDate") && json.startDate != null ? json.startDate : null));
      var end = (json.hasOwnProperty("availableEndDate") && (which == null || which == "availableStartDate") && json.availableEndDate != null ? json.availableEndDate : (json.hasOwnProperty("endDate") && json.endDate != null ? json.endDate : null));

      if (start == null && which != undefined) {
        start = json[which];
        end = json[which];
      }

      if ((start != null && !start.hasOwnProperty("year")) || (end != null && !end.hasOwnProperty("year"))) {
        return "";
      }

      if (start != null && end != null) {
        if (start.year.name == end.year.name) {
          if (start.month.id == end.month.id) {
            if (start.day.id == end.day.id) {
              return "<span style='white-space: nowrap;font-size: inherit;'>" + start.month.short + " " + start.day.name + ", " + start.year.name + "</span>";
            }
            else {
              return "<span style='white-space: nowrap;font-size: inherit;'>" + start.month.short + " " + start.day.name + "-" + end.day.name + ", " + start.year.name + "</span>";
            }
          }
          else {
            return "<span style='white-space: nowrap;font-size: inherit;'>" + start.month.short + " " + start.day.name + "</span> <span style='opacity:.5;'>-</span> <span style='white-space: nowrap;font-size: inherit;'>" + end.month.short + " " + end.day.name + ", " + end.year.name + "</span>";
          }
        }
        else {
          return "<span style='white-space: nowrap;font-size: inherit;'>" + start.month.short + " " + start.day.name + ", " + start.year.name + "</span> <span style='opacity:.5;'>-</span> <span style='white-space: nowrap;font-size: inherit;'>" + end.month.short + " " + end.day.name + ", " + end.year.name + "</span>";
        }
      }
      else if (start != null) {
        return "<span style='opacity:.5;'>" + (pre != undefined ? pre : "from") + "</span> <span style='white-space: nowrap;font-size: inherit;'>" + start.month.short + " " + start.day.name + ", " + start.year.name + "</span>"

      }
      else if (end != null) {
        return "<span style='opacity:.5;'>" + (pre != undefined ? pre : "until") + "</span> <span style='white-space: nowrap;font-size: inherit;'>" + end.month.short + " " + end.day.name + ", " + end.year.name + "</span>"
      }
      return "<span style='opacity:.5;'>no dates available</span>";
    }
  },
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
  render: function (type) {
    console.info("--- render :: " + type);
    switch (type) {
      //---------------------------------------------------------------------------------------------------
      case "receipt":
        this.next();
        $("#str-message-payment").hide();
        $("#str-buttons-payment").show();
        break;
      case "error":
        this.renderError("Error occurred processing payment. " + $store._eventInfo.error.error);
        $("#str-message-payment").hide();
        $("#str-buttons-payment").show();
        break;
      case "uniqueCheck":
        if ($store._eventInfo.uniqueCheck.status != "success") {
          this.renderError($store._eventInfo.uniqueCheck.status);
        }
        else {
          $store.nextTo("cart", "Checkout");
          $store.renderCart();
        }
        break;
    }
  },
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
  content: function (html) {
    $("#store-" + $store._conf._eventKey).html("<div class='str str-override'>" + html + "</div>");
  },
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
  data: function (type, data) {
    console.info("--- data :: " + type);
    console.info(data);
    this._eventInfo[type] = data;
    this.render(type);
  },
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------
// @formatter:off
  style: {
    ".str": "max-width: 800px;margin:7px auto !important;border: 1px solid #aaa;border-radius: 7px;padding: 7px !important;background-color:#fff;color:#333;box-shadow:#ccc 0px 0px 6px;",
    ".str, .str *": "font:12pt Arial;",
    ".str a": "color:inherit !important;font-size:inherit !important;",
    ".str table": "border-spacing: 0px;border-collapse: separate;width:100%;margin:0 0 0 0 !important;border:none;",
    ".str table tr td": "border:0px;padding:0 7px;text-align:left;",
    ".str img": "max-width:98%;margin:1px 1%;border-radius:4px;",
    ".str svg": "max-width:26px;height:26px;margin:2px;",
    ".str button": "text-align:center;color:inherit;border:1px solid #aaa;background-color:#eee;font-size:90%;border-radius:3px;padding:1px 10px;cursor:pointer;",
    ".str input, .str select": "padding:10px 2%;width:96% !important;border:1px solid #bbb;border-radius:3px;color:#333;box-sizing:border-box;",
    ".str ul": "margin:0px;padding:5px 5px 5px 25px;",
    ".str ul li": "list-style-type: square;margin-top:2px;",

    ".str .str-hidden": "display:none !important;",
    ".str .str-noselect": "-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;",

    ".str .str-buttons": "text-align:center;padding-top:10px;",
    ".str .str-buttons button,.str .str-buttons-button": "padding:10px 30px;margin:5px 3px;",
    ".str .str-buttons button.str-back": "border:1px solid #ccc;background-color:#fff;",
    ".str .str-buttons-remove": "vertical-align: top;width: 1%;padding:5px;",
    ".str .str-buttons-remove button": "padding:3px 7px 0px 7px;background-color:rgba(200,0,0,.15);border:1px solid #900 !important;text-align:center;",
    ".str .str-buttons-remove button *": "color:#900;margin-right:0px;",
    ".str .str-buttons-remove button svg": "height:20px;",
    ".str .str-message": "display:none;text-align:center;padding:20px;font-style:italic;color:rgb(200,0,0);font-size:90%;",

    ".str .str-event-info": "text-align:center;background-color:#999;color:#fff;margin:auto;margin-top:-7px;margin-bottom:10px;max-width:85%;font-size:70%;padding:5px; border-radius:0 0 7px 7px;",
    ".str .str-event-info>div": "text-align:center;font-size:70%;font-style:italic;margin-top:3px;display:none;",

    ".str .str-navigation": "width:100%;border-bottom:0px solid #999;margin-bottom:10px;padding-bottom:5px;",
    ".str .str-navigation tr td": "text-align:center;padding:4px;",
    ".str .str-navigation tr td.str-title": "font-size:120%;",
    ".str .str-navigation tr td:first-child, .str .str-navigation tr td:last-child": "width:30px;",

    ".str .str-error": "text-align:center;border:1px solid rgba(200,0,0,.1);border-radius:5px;background-color:rgba(200,0,0,.05);color:rgb(200,0,0);padding:5px;font-style:italic;font-size:85%;margin-bottom:5px;display:none;",

    ".str .str-instructions": "font-size:75%;text-align:center;font-style:italic;color:#aaa;padding:5px;",
    ".str .str-item-exclusive": "color:#900;background-color:rgba(200,0,0,.08);margin:0px 15px;padding:3px 5px;font-style:italic;font-size:60%;display:inline-block;border-radius:5px;",
    ".str .str-item-exclusive.full": "font-size:90%;display:block;text-align:center;padding:10px;",

    ".str .str-section": "display:none",
    ".str .str-section-heading": "font-size:120%;margin:20px 2px 2px 2px;",
    ".str .str-section-heading:first-child": "margin-top:2px",

    ".str .str-ticket-groups": "color:#000;background-color:#ddd;border:1px solid #bbb;border-radius:5px;margin:6px 0;padding:10px;box-shadow:#ccc 2px 2px 8px;cursor:pointer;",
    ".str .str-tickets": "border:1px solid #bbb;border-radius:5px;margin:0 0 15px 0;padding-bottom:10px;box-shadow:#ccc 2px 2px 8px;",
    ".str .str-tickets .str-ticket-group-name": "color:#000;background-color:#ddd;padding:10px;border-radius:5px 5px 0 0;",

    ".str .str-ticket-group": "border: 1px solid #ccc;padding: 5px;border-radius: 5px;margin:20px 0;",

    ".str .str-ticket": "border-width:0px;border-top:1px solid #ccc;width:100%;cursor:pointer;margin:4px;",
    ".str .str-ticket:first-child": "border-top:none;",

    ".str .str-item-promo-code": "background-color:#ddd;background-color:rgba(187, 85, 0,.2);border:1px solid #b50 !important;width:23px;border-radius:8px;vertical-align:middle;",
    ".str .str-item-promo-code > div": "transform: rotate(-90deg);font-size:55%;text-align:center;color:#b50;",
    ".str .str-item-promo-code-code": "padding:15px 5px 5px 20px;font-size:110%;",
    ".str .str-item-promo-code-important ": "color:#444;padding-top:15px;font-size:80%!important;",
    ".str .str-item-promo-code-important span": "color:#700 !important;text-decoration:underline;background-color:rgba(200,0,0,.1) !important;padding:2px 5px;margin-right:5px;border-radius:5px;",

    ".str .str-ticket .str-item-image": "vertical-align:middle;padding:5px;width:1%;",
    ".str .str-ticket .str-item-image img": "max-width:100px;max-height:100px;",
    ".str .str-ticket .str-item-name": "font-size:130%;padding:10px;",
    ".str .str-ticket .str-item-count": "font-size:70%;padding-left:10px;opacity:.8;font-style:italic;",
    ".str .str-ticket .str-item-unique": "font-size:75%;margin-left:5px;font-style:italic;",
    ".str .str-ticket .str-item-price": "white-space:nowrap;text-align:right;font-size:120%;padding:5px;vertical-align:top;width:1%;",
    ".str .str-ticket .str-item-price .str-item-price-from": "font-size:65%;opacity:.6;margin-right:10px;",
    ".str .str-ticket .str-item-price .str-item-count": "font-size:65%;opacity:.6;margin-right:10px;",
    ".str .str-ticket .str-price-breakdown": "font-size:65%;opacity:.60;font-style:italic;margin:2px;margin-top:5px;",
    ".str .str-ticket .str-price-breakdown .str-item-price-original": "font-size:90%;opacity:.8;font-style:inherit;",
    ".str .str-ticket .str-item-price-original": "font-size:100%;text-decoration: line-through;margin:0 2px;",
    ".str .str-ticket .str-item-price-discount": "text-align:center;font-size:110%;padding:10px;vertical-align:top;width:1%;",
    ".str .str-ticket .str-item-price-discount > *": "opacity:.7",
    ".str .str-ticket .str-item-description": "padding:5px 15px 0 15px;font-size:85%;font-style:italic;color:#555;opacity:.9;",
    ".str .str-ticket .str-item-description *": "font-size:inherit;font-style:inherit;border:none;",
    ".str .str-ticket .str-item-description > *": "max-width:98%;",

    ".str .str-ticket .str-item-quantity": "text-align:center;display:inline-block;margin:20px 0 0 0;float:right;background-color:rgba(255,255,255,.75);border:1px solid #eee;border-radius:5px;",
    ".str .str-ticket .str-item-quantity tr td": "padding:5px;font-size:140%;font-weight:300;font-style:normal;",
    ".str .str-ticket .str-item-quantity tr td:first-child,.str .str-ticket .str-item-quantity tr td:last-child ": "text-align:center;font-size:140%;opacity:.7;",
    ".str .str-ticket .str-item-quantity tr td svg ": "cursor:pointer;",

    ".str .str-ticket .str-item-heading": "padding:5px 15px 0 15px;font-size:85%;font-style:italic;color:#555;",
    ".str .str-item-items": "padding:10px 0 10px 15px;",
    ".str .str-item-items>div": "font-weight:bold;",
    ".str .str-item-items>div>span": "font-weight:normal;font-size:70%;margin-left:10px;font-style:italic;",
    ".str .str-item-items>div>div": "font-weight:normal;color:#777",
    ".str .str-item-items>div>div>p": "margin:0px 10px;font-size:85%;",

    ".str .str-code-link": "text-align:left;cursor:pointer;xtext-shadow: 1px 1px 3px #aaa;color:inherit;padding:0 15px;font-weight:bold;font-size:80%;",
    ".str .str-code-link strong": "color:#111;xtext-shadow: 1px 1px 3px #666;font-size:110%;font-weight:bold;",
    ".str .str-code-link.str-code-link-bottom": "margin-top:20px;",
    ".str .str-code": "padding:10px;text-align:center;",
    ".str .str-code input": "text-align:center;",

    ".str .str-item-label": "width:100%;font-size:85%;font-style:italic;padding:7px 7px 3px 7px;color:#999;",
    ".str .str-item-text": "width:100%;",
    ".str .str-item-full>*": "width:100% !important;",
    ".str .str-item-shaded": "background-color:#f0f0f0;",
    ".str .str-divider": "border-top:2px solid #bbb;padding:0px;",

    ".str .str-cart": "font-size:90%;font-weight:normal;border:1px solid #bbb;border-radius:5px;padding:10px;",

    ".str .str-sub-heading": "font-size:120%;border-bottom:1px solid #aaa;padding:5px;background-color:#eee;text-align:center;margin-top:15px;",
    ".str .str-sub-heading:first-child": "margin-top:0px;",
    ".str .str-cart .str-cart-item": "padding:6px 5px 4px 5px;border-top:1px solid #d1d1d1;",
    ".str .str-cart .str-cart-item .str-promo-code": "margin-right: 5px;padding:2px 7px;font-style: italic;font-size: 80%;background-color:rgba(187, 85, 0,.2);color:#b50;border:1px solid #b50;border-radius:5px;",
    ".str .str-cart .str-cart-item-name": "",
    ".str .str-cart .str-cart-item-name .str-price-breakdown":"font-size:65%;opacity:.6;font-style:italic;margin:5px 5px 5px 20px;display:inline-block;float:right;",
    ".str .str-cart .str-cart-item-price": "text-align:right;white-space:nowrap;width:1%;padding-right:3px;padding-top:8px;vertical-align:top;",
    ".str .str-cart .str-cart-total": "white-space:nowrap;width:1%;font-size:90%;text-align:right;padding-right:5px;padding-left:80px;padding-top:8px;font-size:70%;color:#999;",

    ".str .str-completed div": "margin:10px 0;",
    ".str .str-completed .str-completed-thankyou": "font-size:120%;",
    ".str .str-completed .str-completed-order-number": "font-size:120%;font-weight:bolder;",
    ".str .str-completed .str-completed-receipt": "border:1px solid #aaa;padding:10px;display:inline-block;text-decoration: none;margin:15px;",
    ".str .str-completed .str-completed-instruction": "font-size:85%;",
    ".str .str-completed .str-completed-enjoy": "font-size:120%;font-weight:bold;color:#111;text-align:center;",

    ".str .str-form-item-required": "background-color:rgba(221, 119, 0, .05);border:1px solid #aaa;",

    ".str-card-elements > div": "border:1px solid #999;border-radius: 4px;background-color: white;box-shadow: none;width:15% !important;display:inline-block;margin:1px;",
    "#pay-theory-credit-card-number": "width:50% !important;",
    ".str-card-elements > div .field-wrapper > iframe": "height:35px;",

    ".str .StripeElement ": "box-sizing: border-box;padding: 13px;border: 1px solid #999;border-radius: 4px;background-color: white;box-shadow: none;-webkit-transition: box-shadow 150ms ease;transition: box-shadow 150ms ease;",
    ".str .StripeElement--focus ": "box-shadow: none",
    ".str .StripeElement--invalid ": "border-color: #fa755a;",
    ".str .StripeElement--webkit-autofill ": "  background-color: #fefde5 !important;",
  },
  css: function () {
    var css = "";
    $.each(this.style, function (k, v) {
      css += k + "{" + v + "} ";
    });
    $("<style type='text/css'>" + css + "</style>").appendTo("head");
  },
  _svg: {
    plus:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path opacity=\".4\" fill=\"currentColor\" d=\"M32 256a224 224 0 1 0 448 0 224 224 0 1 0 -448 0zm112 0c0-8.8 7.2-16 16-16l80 0 0-80c0-8.8 7.2-16 16-16s16 7.2 16 16l0 80 80 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-80 0 0 80c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-80-80 0c-8.8 0-16-7.2-16-16z\"/><path fill=\"currentColor\" d=\"M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM240 352c0 8.8 7.2 16 16 16s16-7.2 16-16l0-80 80 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-80 0 0-80c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 80-80 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l80 0 0 80z\"/></svg>",
    minus:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path opacity=\".4\" fill=\"currentColor\" d=\"M32 256a224 224 0 1 0 448 0 224 224 0 1 0 -448 0zm112 0c0-8.8 7.2-16 16-16l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16z\"/><path fill=\"currentColor\" d=\"M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM160 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l192 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-192 0z\"/></svg>",
    trash:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path opacity=\".4\" fill=\"currentColor\" d=\"M60.8 144L83.5 450.4c1.2 16.7 15.2 29.6 31.9 29.6l217.1 0c16.8 0 30.7-12.9 31.9-29.6L387.2 144 60.8 144zm88.7-80l149 0-11-36.6c-1.6-5.2-5.6-9.1-10.5-10.7-1.6-.3-3.2-.6-4.8-.7l-94.5 0c-.6 0-1.3 0-1.9 0-1.6 .2-3.2 .4-4.8 .7-5 1.6-9 5.5-10.5 10.7L149.5 64z\"/><path fill=\"currentColor\" d=\"M160.5 27.4c2-6.8 8.3-11.4 15.3-11.4l96.4 0c7.1 0 13.3 4.6 15.3 11.4l11 36.6-149 0 11-36.6zM116.1 64L16 64C7.2 64 0 71.2 0 80S7.2 96 16 96l416 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-100.1 0-13.7-45.8C312.1-2.1 293.4-16 272.2-16l-96.4 0c-21.2 0-39.9 13.9-46 34.2L116.1 64zM28.7 144L51.6 452.7c2.5 33.4 30.3 59.3 63.8 59.3l217.1 0c33.5 0 61.3-25.9 63.8-59.3l22.9-308.7-32.1 0-22.7 306.4c-1.2 16.7-15.2 29.6-31.9 29.6l-217.1 0c-16.8 0-30.7-12.9-31.9-29.6L60.8 144 28.7 144z\"/></svg>",
    thin: {
      plus:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path opacity=\".4\" fill=\"currentColor\" d=\"M16 256a240 240 0 1 0 480 0 240 240 0 1 0 -480 0zm128 0c0-4.4 3.6-8 8-8l96 0 0-96c0-4.4 3.6-8 8-8s8 3.6 8 8l0 96 96 0c4.4 0 8 3.6 8 8s-3.6 8-8 8l-96 0 0 96c0 4.4-3.6 8-8 8s-8-3.6-8-8l0-96-96 0c-4.4 0-8-3.6-8-8z\"/><path fill=\"currentColor\" d=\"M256 16a240 240 0 1 1 0 480 240 240 0 1 1 0-480zm0 496a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm-8-152c0 4.4 3.6 8 8 8s8-3.6 8-8l0-96 96 0c4.4 0 8-3.6 8-8s-3.6-8-8-8l-96 0 0-96c0-4.4-3.6-8-8-8s-8 3.6-8 8l0 96-96 0c-4.4 0-8 3.6-8 8s3.6 8 8 8l96 0 0 96z\"/></svg>",
      minus:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path opacity=\".4\" fill=\"currentColor\" d=\"M16 256a240 240 0 1 0 480 0 240 240 0 1 0 -480 0zm128 0c0-4.4 3.6-8 8-8l208 0c4.4 0 8 3.6 8 8s-3.6 8-8 8l-208 0c-4.4 0-8-3.6-8-8z\"/><path fill=\"currentColor\" d=\"M256 16a240 240 0 1 1 0 480 240 240 0 1 1 0-480zm0 496a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM152 248c-4.4 0-8 3.6-8 8s3.6 8 8 8l208 0c4.4 0 8-3.6 8-8s-3.6-8-8-8l-208 0z\"/></svg>",
      trash:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path opacity=\".4\" fill=\"currentColor\" d=\"M43.6 128l24 323.5c1.9 25.1 22.7 44.5 47.9 44.5l217.1 0c25.1 0 46-19.4 47.9-44.5l24-323.5-360.8 0zm88.2-64l184.4 0-19.6-48.9C293 6 284.1 0 274.3 0L173.7 0c-9.8 0-18.6 6-22.3 15.1L131.8 64z\"/><path fill=\"currentColor\" d=\"M173.7 0c-9.8 0-18.6 6-22.3 15.1L131.8 64 316.2 64 296.6 15.1C293 6 284.1 0 274.3 0L173.7 0zM136.5 9.1C142.6-6 157.3-16 173.7-16l100.7 0c16.4 0 31.1 10 37.1 25.1L333.4 64 440 64c4.4 0 8 3.6 8 8s-3.6 8-8 8L8 80c-4.4 0-8-3.6-8-8s3.6-8 8-8l106.6 0 21.9-54.9zM51.6 452.7l-24.1-324.7 16 0 24 323.5c1.9 25.1 22.7 44.5 47.9 44.5l217.1 0c25.1 0 46-19.4 47.9-44.5l24-323.5 16 0-24.1 324.7c-2.5 33.4-30.3 59.3-63.8 59.3l-217.1 0c-33.5 0-61.3-25.9-63.8-59.3z\"/></svg>"
    }
  },
  // @formatter:on
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  // @formatter:off
  _eventInfo: { "codes": [ { "applyTo": "EACH", "code": "LOVE", "applyToType": "DEFAULT", "price": "100.00", "discountCodeType": "MANUAL", "groups": [{ "maxQuantity": 1, "products": [ { "maxQuantity": 2, "eventProductId": 13093 }, { "maxQuantity": 10, "eventProductId": 13091 } ] }], "exclusive": "NON-EXCLUSIVE", "isPackage": false, "maxUsageCounts": 3000, "discountCodeAmountType": "PERCENTAGE", "eventDiscountCodeId": 2429 }, { "applyTo": "EACH", "code": "WEDDING", "applyToType": "DEFAULT", "price": "100.00", "discountCodeType": "MANUAL", "groups": [{ "maxQuantity": 1, "products": [ { "maxQuantity": 10, "eventProductId": 13091 }, { "maxQuantity": 2, "eventProductId": 13093 } ] }], "exclusive": "NON-EXCLUSIVE", "isPackage": false, "maxUsageCounts": 3000, "discountCodeAmountType": "PERCENTAGE", "eventDiscountCodeId": 2430 } ], "paymentService": { "uid": "acct_1QybliGH8Zw8XFOq", "jsApiUrl": "https://js.stripe.com/v3/", "name": "Stripe", "active": false, "serviceInstanceId": 9, "publicKey": "pk_live_7nlSMNC5CczWf6uwLsZ6Khhs", "serviceId": 21 }, "currency": { "symbol": "$", "code": "usd", "dollarAmount": "0.00", "name": "USD ($)", "id": 1, "percentageAmount": "0.000" }, "attributes": { "fbPixel": "422670756028064", "makeWebhookId": "0-1", "makeAuthApiKey": "maDajBZQ8tsL8S1MZ*QdLWwbol0dkWwAJNke" }, "event": { "eventId": 1745, "name": "2026/08/09 - Knoxville TN - Pink Bride", "producer": { "phone": "+1 (423) 309-1476", "name": "The Pink Bride Wedding and Women's Expo", "email": "info@thepinkbride.com" }, "startDate": "August 9, 2026 @ 4:00PM" }, "salesTax": "0.000", "storeProductOrdering": "priceAscendingNameAscending", "eventStoreFee": "Processing Fee", "enabled": true, "eventStoreButton": "buy tickets", "products": [ { "minPurchaseQuantity": 0, "maxPurchaseQuantity": 0, "variationLabel": "", "ordering": 1, "allowCopyToAll": true, "description": "<p><strong>Only select/purchase this ticket for an engaged bride/groom only! Your emailed receipt is your ticket into the show.<\/strong><\/p>", "requireResponse": false, "feeType": { "percentageAmountOther": "0.00", "percentageAmountType": "default", "dollarAmount": "1.50", "dollarAmountOther": "0.00", "name": "Default Ticket", "percentageAmount": "0.000", "percentageAmountOtherType": "default" }, "form": { "code": "dbd054aaa69ae", "stage": "", "parts": [ { "ordering": 1, "formPartType": "text", "name": "Full Name", "choices": [], "required": true, "key": "name" }, { "ordering": 2, "formPartType": "email", "name": "e-Mail Address", "choices": [], "required": true, "key": "emailAddress" }, { "ordering": 4, "formPartType": "phone", "name": "Phone Number", "choices": [], "required": true, "key": "phoneNumber" }, { "ordering": 6, "formPartType": "choice", "name": "Have Wedding Date?", "choices": [ { "aux1": "", "ordering": 1, "label": "Yes", "value": "true" }, { "aux1": "", "ordering": 2, "label": "No", "value": "false" } ], "required": true, "key": "weddingDateProvided" }, { "parentKey": "weddingDateProvided", "ordering": 7, "formPartType": "date", "name": "Wedding Date", "choices": [], "parentChoiceKey": "true", "required": true, "key": "weddingDate" } ], "formTypeId": 1, "name": "Store Default", "key": "storeAttendeeInfo" }, "price": "0.00", "variations": [], "formName": "storeAttendeeInfo", "options": [], "eventProductId": 13093, "name": "Engaged Bride/Groom Ticket", "productType": "Ticket" }, { "minPurchaseQuantity": 0, "maxPurchaseQuantity": 0, "variationLabel": "", "ordering": 1, "allowCopyToAll": true, "description": "<p><strong>Purchase guest admission tickets here! For engaged couples and their guests please use the tickets labeled<em>&nbsp;\"Engaged Bride/Groom Ticket\".<\/em><\/strong><\/p><p><strong>Your emailed receipt is your ticket into the show.<\/strong><\/p>", "requireResponse": false, "feeType": { "percentageAmountOther": "0.00", "percentageAmountType": "default", "dollarAmount": "1.50", "dollarAmountOther": "0.00", "name": "Default Ticket", "percentageAmount": "0.000", "percentageAmountOtherType": "default" }, "price": "0.00", "variations": [], "formName": "storeGuestInfo", "options": [], "eventProductId": 13091, "name": "General Admission Tickets", "productType": "Ticket" }, { "minPurchaseQuantity": 0, "maxPurchaseQuantity": 0, "variationLabel": "", "ordering": 1, "allowCopyToAll": true, "description": "<p><strong style=\"color: rgb(51, 51, 51);\"><em>VIP Bride Bundle:&nbsp;<\/em><\/strong><\/p><p><strong><em>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bride Ticket<\/em><\/strong><\/p><p><strong><em>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4 Guest Tickets<\/em><\/strong><\/p><p><strong><em>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bride Swag Bag (includes 5 goodies)<\/em><\/strong><\/p><p><strong><em>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;VIP Exclusive Promos and Giveaways<\/em><\/strong><\/p><p><strong><em>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*Nashville Show Only* - Reserved seating for the Fashion Runway Show<\/em><\/strong><\/p>", "requireResponse": false, "feeType": { "percentageAmountOther": "0.00", "percentageAmountType": "default", "dollarAmount": "2.00", "dollarAmountOther": "0.00", "name": "Default", "percentageAmount": "0.040", "percentageAmountOtherType": "default" }, "form": { "code": "dbd054aaa69ae", "stage": "", "parts": [ { "ordering": 1, "formPartType": "text", "name": "Full Name", "choices": [], "required": true, "key": "name" }, { "ordering": 2, "formPartType": "email", "name": "e-Mail Address", "choices": [], "required": true, "key": "emailAddress" }, { "ordering": 4, "formPartType": "phone", "name": "Phone Number", "choices": [], "required": true, "key": "phoneNumber" }, { "ordering": 6, "formPartType": "choice", "name": "Have Wedding Date?", "choices": [ { "aux1": "", "ordering": 1, "label": "Yes", "value": "true" }, { "aux1": "", "ordering": 2, "label": "No", "value": "false" } ], "required": true, "key": "weddingDateProvided" }, { "parentKey": "weddingDateProvided", "ordering": 7, "formPartType": "date", "name": "Wedding Date", "choices": [], "parentChoiceKey": "true", "required": true, "key": "weddingDate" } ], "formTypeId": 1, "name": "Store Default", "key": "storeAttendeeInfo" }, "price": "40.00", "variations": [], "formName": "storeAttendeeInfo", "options": [], "eventProductId": 13123, "name": "VIP Bride Bundle", "productType": "Ticket" } ] },
  _conf: { _uri:"https://www.bridescan.com", _authKey:"jmi", _eventKey:"knox" },
  _store: { init: function (storeInfo) { if (!this.initialized) { console.info("### STORE :: init :: --------------------------------------------------------------------------------------------------------------"); console.info(storeInfo); if (storeInfo.hasOwnProperty("paymentService")) { this["paymentService"] = (storeInfo.paymentService.name == "Stripe" ? this.stripe : this.paytheory); $("head").append("<script src=\"" + storeInfo.paymentService.jsApiUrl + "\"></script>"); } $.each(storeInfo.products, function (i, p) { if (p.hasOwnProperty("variations") && p.variations.length == 0) { delete p.variations; } }); $store._storage.store("store", {}); if (!$store._storage.store("cart-quantities")) { $store._storage.store("cart-quantities", {}); } this["initialized"] = true; if (this.hasOwnProperty("paymentService")) { setTimeout(this.paymentService.init, 2000); } } }, update: function () { console.clear(); console.warn("---------------------------------------------------------------------"); console.warn("### STORE :: update :: " + this._eventKey); var store = $store._storage.store("store"); var codes = $store._store.codes(); $("[data-store='" + this._eventKey + "']").each(function () { var id = $(this).data("formItemId"); var index = $(this).data("formItemIndex"); var name = $(this).data("formItemName"); var type = $(this).data("formItemType"); var val = $(this).val(); if (name == "quantity") val = $(this).html(); console.info(id + " :: " + index + " :: " + name + " :: " + type + " :: " + val); if (val != null && val != 0 && val.length == 0) val = null; if (!store.hasOwnProperty(id)) { store[id] = {id: id}; } if (index) { if (!store[id].hasOwnProperty("infos")) { store[id]["infos"] = {}; } if (!store[id].infos.hasOwnProperty(index)) { store[id].infos[index] = {}; } if (val) store[id].infos[index][name] = val; else delete store[id].infos[index][name]; } else { if (val) store[id][name] = (type == "number" ? parseInt(val) : val); else delete store[id][name]; } }); $.each(store, function (pid, storeProduct) { delete storeProduct["discountCode"]; delete storeProduct["discountCount"]; delete storeProduct["discountAmount"]; delete storeProduct["discountAmountType"]; }); $.each(codes, function (c, code) { console.info("-----------------------------"); console.info(code); if (code.groups.length == 0) { if (code.exclusive != "EXCLUSIVE" || code.discountCodeAmountType == "PERCENTAGE") { $.each(store, function (pid, storeProduct) { if (!storeProduct.hasOwnProperty("discountCount")) { storeProduct["discountCode"] = code.code; storeProduct["discountCount"] = storeProduct.quantity; storeProduct["discountAmount"] = code.price; storeProduct["discountAmountType"] = code.discountCodeAmountType; } }); } } else { $.each(code.groups, function (c, group) { if ((group.hasOwnProperty("count") && group.count > 0) || code.skipQuantities) { $.each(group.products, function (c, product) { if ((product.hasOwnProperty("count") && product.count > 0) || code.skipQuantities) { if (code.skipQuantities) { if (store.hasOwnProperty(product.eventProductId)) { if (store[product.eventProductId].quantity > 0) { store[product.eventProductId]["discountCode"] = code.code; store[product.eventProductId]["discountCount"] = (product.hasOwnProperty("maxQuantity") && product.maxQuantity < store[product.eventProductId].quantity ? product.maxQuantity : store[product.eventProductId].quantity); store[product.eventProductId]["discountAmount"] = code.price; store[product.eventProductId]["discountAmountType"] = code.discountCodeAmountType; group["count"] = 1; product["count"] = store[product.eventProductId]["discountCount"]; } } } else { store[product.eventProductId].quantity += product.count * group.count; } } }); } }); } }); console.info("--- STORE -------------------------------"); console.info(store); $.each(store, function (k, v) { if (v.quantity > 0) console.info("\t\t" + k + " :: " + JSON.stringify(v)); }); console.info(codes); console.info("--- STORE -------------------------------"); $store._storage.store("store", store); $store._store.codes(codes); accountInfos = {}; $.each(store, function (i, item) { if (item.hasOwnProperty("infos")) { $.each(item.infos, function (i, info) { var accountInfo = JSON.parse(JSON.stringify(info)); if (!accountInfos.hasOwnProperty(item.id)) { accountInfos[item.id] = []; } accountInfos[item.id].push(accountInfo); }); } }); if (Object.keys(accountInfos).length > 0) { console.info("--- ACCOUNT INFOS -------------------------------"); console.info(accountInfos); console.info("--- ACCOUNT INFOS -------------------------------"); $store._storage.store("accountInfos", accountInfos); } console.warn("---------------------------------------------------------------------"); }, infos: function () { console.warn("---------------------------------------------------------------------"); console.info("### STORE :: infos :: " + this._eventKey); var products = []; var storeInfo = $store._eventInfo; var store = $store._storage.store("store"); $.each(store, function (id, item) { if (item.quantity > 0) { var product = null; $.each(storeInfo.products, function (ip, p) { if (p.eventProductId == id) product = p; }); if (product && (product.hasOwnProperty("form") || product.hasOwnProperty("variations"))) { console.info(product); var p = {eventProductId: product.eventProductId, variationLabel: product.variationLabel, name: product.name, price: product.price, quantity: item.quantity, form: product.form, allowCopyToAll: true}; if (product.hasOwnProperty("variations")) { p["variations"] = product.variations; } if (product.hasOwnProperty("options")) { p["options"] = product.options; } if (product.hasOwnProperty("uniqueAccount")) { p["uniqueAccount"] = product.uniqueAccount; } if (product.hasOwnProperty("allowCopyToAll")) { p["allowCopyToAll"] = product.allowCopyToAll; } products.push(p); } } }); return (products.length != 0 ? products : null) }, codes: function (codes) { if (codes) $store._storage.store("store-codes", codes); return $store._storage.store("store-codes"); }, cart: function () { console.clear(); console.warn("---------------------------------------------------------------------------------------------------------"); console.warn("---------------------------------------------------------------------------------------------------------"); console.warn("### STORE :: cart"); var cart = []; var storeInfo = $store._eventInfo; var store = $store._storage.store("store"); $.each(store, function (id, item) { var product = null; $.each(storeInfo.products, function (ip, p) { if (p.eventProductId == id) product = p; }); if (product) { if (item.quantity > 0) { console.warn("- - - - - -"); console.info(item); console.info(product); } var usedDiscount = 0; var availableDiscount = (item.hasOwnProperty("discountCount") ? item.discountCount : 0); var discountAmount = (item.hasOwnProperty("discountAmount") ? item.discountAmount : null); var isDiscountAmount = item.discountAmountType == "AMOUNT"; var discountCode = (item.hasOwnProperty("discountCode") ? "<span class='str-promo-code str-override'>" + item.discountCode + "</span>" : ""); for (var i = 0; i < item.quantity; i++) { var variation = null; var info = null; var optionsTotal = 0.0; var productOptionsInfos = []; if (item.hasOwnProperty("infos") && item.infos.hasOwnProperty(i + 1)) { info = item.infos[i + 1]; if (product.variations) { $.each(product.variations, function (iv, v) { if (v.eventProductVariationId == info.variation) { variation = v; } }); } if (product.options) { var auxs = []; $.each(product.options, function (io, o) { if (info.hasOwnProperty(o.eventProductId)) { if (o.variations) { $.each(o.variations, function (iv, v) { if (v.eventProductVariationId == info[o.eventProductId] && v.hasOwnProperty("price")) { optionsTotal += parseFloat(v.price); productOptionsInfos.push({label: v.name, _price: v._price}); auxs.push({"id": o.eventProductId, "value": info[o.eventProductId], "ordering": io}); } }); } else { productOptionsInfos.push({label: info[o.eventProductId]}); auxs.push({"id": o.eventProductId, "value": info[o.eventProductId], "ordering": io}); } } }); info["infos"] = [{auxs: auxs}]; } } var code = ""; var haveCode = false; if (discountAmount != null && usedDiscount < availableDiscount) { code = discountCode; haveCode = true; } var cartItem = { id: "p" + id + "-" + i, eventProductId: id, name: code + product.name + (variation ? " - " + variation.name : ""), haveCode: haveCode, haveGroupCode: false, quantity: 1, feeType: product.feeType, _price: variation ? variation._price : product._price, productOptionsInfos: productOptionsInfos }; console.info(cartItem); if (info) { var accountFields = ",name,companyName,contactName,emailAddress,phoneNumber,mobilePhoneNumber,streetAddress1,streetAddress2,city,state,country,zip,"; var attributes = {}; $.each(info, function (field, value) { if (accountFields.indexOf("," + field + ",") == -1 && field != "infos") { attributes[field] = value; } }); if (Object.keys(attributes).length != 0) { info["attributes"] = attributes; } cartItem["accountInfo"] = info; if (info.hasOwnProperty("variation")) { cartItem["eventProductVariationId"] = info.variation; cartItem.feeType = variation.feeType ? variation.feeType : product.feeType; delete info.variation; } } if (cartItem.hasOwnProperty("feeType") && cartItem.feeType != null && cartItem.feeType.hasOwnProperty("dollarAmount")) { cartItem.feeType.dollarAmount = parseFloat(cartItem.feeType.dollarAmount); cartItem.feeType.percentageAmount = parseFloat(cartItem.feeType.percentageAmount); } cart.push(cartItem); usedDiscount++; } } }); console.warn("--- CART ----------------------------------------------------"); console.info(cart); console.warn("---------------------------------------------------------------------------------------------------------"); console.warn("---------------------------------------------------------------------------------------------------------"); return cart; }, processPurchase: function (token) { console.clear(); console.warn("---------------------------------------------------------------------"); console.warn("--- processPurchase"); console.info("### STORE :: processPurchase :: " + token); var subtotal = 0.0; var fee = 0.0; var cart = $store._store.cart(); var json = {eventId: $store._eventInfo.event.eventId, name: $("[data-form-item-id='paymentInfo-name']").val(), emailAddress: $("[data-form-item-id='paymentInfo-emailAddress']").val(), phoneNumber: $("[data-form-item-id='paymentInfo-phoneNumber']").val(), paymentType: 1, products: [], eventDiscountCodes: []}; if (token) { json["paymentServiceToken"] = token; } $.each(cart, function (index, item) { var product = JSON.parse(JSON.stringify(item)); delete product.fee; delete product.id; delete product.name; delete product.price; delete product.symbol; json.products.push(product); subtotal += item.price; fee += item.fee; }); $.each($store._store.codes(), function (c, code) { var _code = {eventDiscountCodeId: code.eventDiscountCodeId, groups: []}; $.each(code.groups, function (g, group) { if (group.hasOwnProperty("count") && group.count > 0) { var _group = {eventDiscountCodeGroupId: 0, count: group.count, products: []}; if (group.hasOwnProperty("eventDiscountCodeGroupId")) { _group["eventDiscountCodeGroupId"] = group.eventDiscountCodeGroupId; } $.each(group.products, function (p, product) { if (product.hasOwnProperty("count") && product.count > 0) { _group.products.push({eventProductId: product.eventProductId, count: product.count}); } }); _code.groups.push(_group); } }); json.eventDiscountCodes.push(_code); }); json["total"] = parseFloat($store._storage.store("store-totals").total).toFixed(2); console.info(json); if (token != "-bob-") { $store._comm._post("/api/embedPurchase", json); } console.warn("--- processPurchase"); console.warn("---------------------------------------------------------------------"); }, quantity: function (id, val, inc, max) { var products = $store._eventInfo.products; var product = null; $.each(products, function (i, p) { if (p.eventProductId == id) { product = p; } }); var cartQuantities = $store._storage.store("cart-quantities"); if (!cartQuantities.hasOwnProperty(id)) { cartQuantities[id] = val; } var o = cartQuantities[id]; cartQuantities[id] += inc; cartQuantities[id] = max !== undefined && max > 0 && cartQuantities[id] > max ? max : cartQuantities[id]; cartQuantities[id] = cartQuantities[id] < 0 ? 0 : cartQuantities[id]; var n = cartQuantities[id]; if (product != null) { if (o < n) $store._store.activity.record("AddToCart", product.name); if (o > n) $store._store.activity.record("RemoveFromCart", product.name); } $store._storage.store("cart-quantities", cartQuantities); $("[data-form-item-id='" + id + "']").html(cartQuantities[id]); }, hasQuantity: function () { var store = $store._storage.store("store"); var ret = false; $.each(store, function (key, item) { ret |= item.quantity > 0; }); var codes = $store._store.codes(); $.each(codes, function (c, code) { $.each(code.groups, function (g, group) { ret |= group.hasOwnProperty("count") && group.count > 0; }); }); return ret; }, inputs: { number: function (id, val, cls, max) { return "<input " + $store._form.datas(id, null, {key: "quantity", formPartType: "number", required: false}) + " type='number' min='0' " + (max ? " max='" + max + "'" : "") + " value='" + (val ? val : "") + "' class='" + (cls ? cls : "") + "'/>"; }, quantity: function (id, val, cls, max, ro) { var cartQuantities = $store._storage.store("cart-quantities"); if (cartQuantities.hasOwnProperty(id)) { val = cartQuantities[id]; } var txt = "<div class='" + cls + "'><table><tr>"; if (ro !== true) txt += "<td onclick='$store._store.quantity(\"" + id + "\"," + val + ",-1)'>" + $store._svg.minus + "</td>"; txt += "<td class='str-item-quantity-value' " + $store._form.datas(id, null, {key: "quantity", formPartType: "number", required: false}) + " style='font-size: 170%;vertical-align: top;'>" + val + "</td>"; if (ro !== true) txt += "<td onclick='$store._store.quantity(\"" + id + "\"," + val + ",1," + max + ")'>" + $store._svg.plus + "</td>"; txt += "</tr></table></div>"; return txt; }, choice: function (id, index, options, cls, key) { return "<select " + $store._form.datas(id, index, {key: (key ? key : "variation"), formPartType: "choice", required: false}) + " class='" + (cls ? cls : "") + "'>" + options + "</select>"; } }, activity: { record: function (auxLogTypeAction, comment, record) { var json = {eventId: $store._eventInfo.event.eventId, auxLogTypeAction: auxLogTypeAction, comment: comment, uniqueId: $store._store.activity.getUniqueId()}; var params = new URLSearchParams(window.location.search); if (params.get("fbclid") != null) { json["fbclid"] = params.get("fbclid"); } if (record != undefined) { json["record"] = record; } $store._comm._postAction("/api/embedStoreActivity", json); }, getUniqueId: function () { var uniqueIdJson = $store._storage.store("_app_aux_log_id"); if (uniqueIdJson == null || uniqueIdJson == undefined || uniqueIdJson.uniqueId == null || uniqueIdJson.uniqueId == undefined) { uniqueId = ""; var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; var charactersLength = characters.length; for (var i = 0; i < 10; i++) { uniqueId += characters.charAt(Math.floor(Math.random() * charactersLength)); } $store._storage.store("_app_aux_log_id", {"uniqueId": "EM_" + uniqueId + "-" + new Date().getTime()}); } return $store._storage.store("_app_aux_log_id").uniqueId; }, clearUniqueId: function () { $store._storage.store("_app_aux_log_id", null); } }, paytheory: { init: function () { console.warn("### STORE :: PAYTHEORY :: INIT"); $store["paytheory"] = window.paytheory }, render: function () { console.info("### STORE :: PAYTHEORY :: RENDER"); var html = "<div class='str-card-elements'>"; html += " <div id='pay-theory-credit-card-number'></div>"; html += " <div id='pay-theory-credit-card-exp'></div>"; html += " <div id='pay-theory-credit-card-cvv'></div>"; html += " <div id='pay-theory-credit-card-zip'></div>"; html += "</div>"; return html; }, populate: function () { console.warn("### STORE :: PAYTHEORY :: POPULATE"); $store.paytheory.payTheoryFields({apiKey: $store._eventInfo.paymentService.apiKey}); }, token: async function () { console.warn("### STORE :: PAYTHEORY :: TOKEN"); var name = $("[data-form-item-id='paymentInfo-name']").val(); var emailAddress = $("[data-form-item-id='paymentInfo-emailAddress']").val(); var phoneNumber = $("[data-form-item-id='paymentInfo-phoneNumber']").val(); console.info(name + " :: " + emailAddress + " :: " + phoneNumber); var firstName = name; var lastName = name; if (name.split(" ").length > 1) { firstName = name.split(' ').slice(0, -1).join(' '); lastName = name.split(' ').slice(-1).join(' '); } const TOKENIZE_PAYMENT_METHOD_PARAMETERS = { payorInfo: { "first_name": firstName, "last_name": lastName, "email": emailAddress, "phone": phoneNumber } }; let result = await $store.paytheory.tokenizePaymentMethod(TOKENIZE_PAYMENT_METHOD_PARAMETERS); console.info(result); if (result.type === "TOKENIZED") { $store._store.processPurchase(result.body.payment_method_id); } else if (result.type === "ERROR") { $("#str-message-payment").hide(); $("#str-buttons-payment").show(); $store.renderError("Processing of your payment did not succeed. Please verify your payment information and try again."); } } }, stripe: { init: function () { console.warn("### STORE :: STRIPE :: INIT"); var paymentService = $store._eventInfo.paymentService; try { if (paymentService.hasOwnProperty("uid")) { $store["stripe"] = Stripe(paymentService.publicKey, {"stripeAccount": paymentService.uid}); } else { $store["stripe"] = Stripe(paymentService.publicKey); } } catch (e) { /*setTimeout(this.initStripe, 1000);*/ } }, render: function () { console.warn("### STORE :: STRIPE :: RENDER"); return "<div id='card-element'></div><div id='card-errors' role='alert'></div>"; }, populate: function () { console.warn("### STORE :: STRIPE :: POPULATE"); if ($store.stripe) { if ($store.stripe.elements()) { var style = { base: { color: '#32325d', fontFamily: '"Helvetica Neue", Helvetica, sans-serif', fontSmoothing: 'antialiased', fontSize: '14px', '::placeholder': {color: '#aab7c4'} }, invalid: { color: '#fa755a', iconColor: '#fa755a' } }; var elements = $store.stripe.elements(); $store["card"] = elements.create('card', {style: style}); $store.card.mount('#card-element'); $store.card.addEventListener('change', function (event) { if (event.error) { $store.renderError(event.error.message); } }); } } }, token: function () { console.warn("### STORE :: STRIPE :: TOKEN"); var name = $("[data-form-item-id='paymentInfo-name']").val(); var emailAddress = $("[data-form-item-id='paymentInfo-emailAddress']").val(); var phoneNumber = $("[data-form-item-id='paymentInfo-phoneNumber']").val(); $store.stripe.createPaymentMethod({type: "card", card: $store.card, billing_details: {name: name, email: emailAddress, phone: phoneNumber}}).then(function (result) { if (result.error) { $("#str-message-payment").hide(); $("#str-buttons-payment").show(); $store.renderError(result.error.message); } else { $store._store.processPurchase(result.paymentMethod.id); } }); } } },
  _form: { _css_prefix_: "", render: function (id, index, field, value, datas, onblur) { onblur = onblur !== undefined ? onblur : ""; return this[field.formPartType](id, index, field, value, datas,onblur); }, text: function (id, index, field, value, datas, onblur) { onblur = onblur !== undefined ? onblur : ""; return "<input type='text' value='" + value + "' " + this.datas(id, index, field, datas) + onblur + "/>"; }, email: function (id, index, field, value, datas, onblur) { onblur = onblur !== undefined ? onblur : ""; return "<input type='email' value='" + value + "' " + this.datas(id, index, field, datas) + onblur + "/>"; }, phone: function (id, index, field, value, datas, onblur) { onblur = onblur !== undefined ? onblur : ""; return "<input type='tel' value='" + value + "' " + this.datas(id, index, field, datas) + onblur + "/>"; }, hidden: function (id, index, field, value, datas, onblur) { onblur = onblur !== undefined ? onblur : ""; return "<input type='text' value='" + value + "' " + this.datas(id, index, field, datas) + onblur + "/>"; }, date: function (id, index, field, value, datas, onblur) { onblur = onblur !== undefined ? onblur : ""; return "<input type='date' value='" + value + "' " + this.datas(id, index, field, datas) + onblur + "/>"; }, choice: function (id, index, field, value, datas, onblur) { onblur = onblur !== undefined ? onblur : ""; var choices = "<option value=''></option>"; $.each(field.choices, function (i, c) { choices += "<option value='" + c.value + "'" + (c.value == value ? " selected" : "") + ">" + c.label + "</option>"; }); return "<select " + this.datas(id, index, field, datas) + onblur + ">" + choices + "</select>"; }, required: function () { return "required <div class='str-form-item-required' style='width:10px;height: 10px; display: inline-block;margin-bottom: -3px;margin-left:5px;'></div>"; }, datas: function (id, index, field, datas) { var additionalDatas = ""; if (datas) { $.each(datas, function (k, v) { additionalDatas += "data-" + k + "='" + v + "' "; }) } return additionalDatas + "data-store='" + this._eventKey + "' " + "data-form-item-id='" + id + "' " + "data-form-item-lbl-id='" + id + "-" + (index ? index + "-" : "") + field.key + "' " + (index ? "data-form-item-index='" + index + "' " : "") + "data-form-item-name='" + field.key + (field.product ? "' data-form-item-product='" + field.product : "") + (field.name ? "' data-form-item-lbl='" + field.name : "") + "' data-form-item-type='" + field.formPartType + "' " + "data-form-item-required='" + field.required + "' " + "data-form-item-required-css='" + this._css_prefix_ + "form-item-required' " + (field.parentKey ? "data-form-item-parent='" + field.parentKey + "' " : "") + (field.parentChoiceKey ? "data-form-item-parent-value='" + field.parentChoiceKey + "' " : "") + "onkeyup=\"" + this._root + "._form.validate('" + id + "')\" " + "onchange=\"" + this._root + "._form.validate('" + id + "')\""; }, lbldatas: function (id, index, field) { return " data-form-lbl-id='" + id + "-" + (index ? index + "-" : "") + field.key + "' "; }, validate: function (iid) { var _valid = true; $("[data-store='" + $store._form._eventKey + "']").each(function () { var parentKey = $(this).data("formItemParent"); var parentValue = $(this).data("formItemParentValue") + ""; var index = $(this).data("formItemIndex"); if (parentKey != null) { var parent = $("[data-store='" + $store._form._eventKey + "'][data-form-item-name='" + parentKey + "']" + (index ? "[data-form-item-index='" + index + "']" : "") + ":visible"); var value = parent.val() + ""; if (parent.length == 0 || value != parentValue) { $(this).hide(); $("[data-form-lbl-id='" + $(this).data("formItemLblId") + "']").hide(); } else { $(this).show(); $("[data-form-lbl-id='" + $(this).data("formItemLblId") + "']").show(); } } }); $("[data-store='" + $store._form._eventKey + "']:visible").each(function () { var id = $(this).data("formItemId"); var val = $(this).val(); var name = $(this).data("formItemName"); var type = $(this).data("formItemType"); var required = $(this).data("formItemRequired"); var requiredCss = $(this).data("formItemRequiredCss"); if (iid == undefined || (iid != undefined && (iid == id))) { $(this).removeClass(requiredCss); valid = true; if (id && required && !val) { valid = false; } if (val) { switch (type) { case "email": valid = $store._form.validateEmailAddress(val); break; case "phone": valid = $store._form.validatePhone(val); break; } switch (name) { case "state": valid = $store._form.validateState(val); break; case "zip": valid = $store._form.validateZip(val); break; } } _valid &= valid; if (!valid) $(this).addClass(requiredCss); } }); return _valid; }, validateUnique: function (iid) { var _valid = this.validate(); if (_valid) { var uniques = {}; var duplicates = false; $("[data-unique]").each(function () { console.info($(this).data()); if (!uniques.hasOwnProperty($(this).val())) { uniques[$(this).val()] = $(this).data("formItemId"); } else { duplicates = true; _valid = "Only one " + $(this).data("formItemProduct") + " per " + $(this).data("formItemLbl") + " can be purchased."; } }); if (!duplicates) { var emailsProducts = []; $.each(uniques, function (email, eventProductId) { emailsProducts.push({emailAddress: email, eventProductId: eventProductId}); }); if (emailsProducts.length != 0) { $store._comm._post("/api/purchasedProductCheck", emailsProducts); return "uniqueCheck"; } } } return _valid; }, validateEmailAddress: function (value) { return /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(value); }, validatePhone: function (value) { return /^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/im.test(value); }, validateState: function (value) { return /^(A[BLKSZRAEP]|BC|C[AOT]|D[EC]|F[LM]|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ABDEHINOPST]|N[BCDEHJLMVSY]|O[NHKR]|P[AERW]|QC|RI|S[CDK]|T[NX]|UT|V[AIT]|W[AIVY])$/.test(value); }, validateZip: function (value) { return /^[0-9A-Z -]{1,10}$/.test(value); } },
  _storage: { store: function (key, value) { if (window.localStorage) { if (key !== undefined) { if (value !== undefined) { if (value != null) { value = JSON.stringify(value); window.localStorage[this._eventKey + "-" + key] = value; if (window.localStorage[this._eventKey + "-" + key] != value) alert("SYSTEM ERROR: Unable to store local data!!!"); return window.localStorage[this._eventKey + "-" + key] == value; } else { delete window.localStorage[this._eventKey + "-" + key]; } } else { if (window.localStorage[this._eventKey + "-" + key]) { return JSON.parse(window.localStorage[this._eventKey + "-" + key]); } return {}; } } } } },
  _comm: { _uri: "https://www.bridescan.com", _initialize: function () { $("body").append("<iframe id='comm-" + this._eventKey.toLowerCase() + "-iframe-get' name='comm-" + this._eventKey.toLowerCase() + "-iframe-get' style='width: 100%;border:1px solid #900;display:none;'></iframe>"); $("body").append("<iframe id='comm-" + this._eventKey.toLowerCase() + "-iframe-post' name='comm-" + this._eventKey.toLowerCase() + "-iframe-post' style='width: 100%;border:1px solid #900;display:none;'></iframe>"); $("body").append("<iframe id='comm-" + this._eventKey.toLowerCase() + "-iframe-action' name='comm-" + this._eventKey.toLowerCase() + "-iframe-action' style='width: 100%;border:1px solid #900;display:none;'></iframe>"); $("body").append("<form id='comm-" + this._eventKey.toLowerCase() + "-form-get' name='comm-" + this._eventKey.toLowerCase() + "-form-get' method='get' action='' target='comm-" + this._eventKey.toLowerCase() + "-iframe-get'></form>"); $("body").append("<form id='comm-" + this._eventKey.toLowerCase() + "-form-post' name='comm-" + this._eventKey.toLowerCase() + "-form-post' method='post' action='' target='comm-" + this._eventKey.toLowerCase() + "-iframe-post'><input type='hidden' id='comm-" + this._eventKey.toLowerCase() + "-form-post-json' name='json'/></form>"); for (var i = 0; i < 20; i++) { $("body").append("<form id='comm-" + this._eventKey.toLowerCase() + "-form-post-action-" + i + "' name='comm-" + this._eventKey.toLowerCase() + "-form-post-action-" + i + "' method='post' action='' target='comm-" + this._eventKey.toLowerCase() + "-iframe-action'><input type='hidden' id='comm-" + this._eventKey.toLowerCase() + "-form-post-action-json-" + i + "' name='json'/></form>"); } }, _get: function (url) { url = this._uri + (url.indexOf("/") == 0 ? "" : "/") + url; $("#comm-" + this._eventKey.toLowerCase() + "-form-get").attr("action", url); $("#comm-" + this._eventKey.toLowerCase() + "-form-get").submit(); }, _post: function (url, json) { console.info("------ _post :: " + url); url = this._uri + (url.indexOf("/") == 0 ? "" : "/") + url; var ljson = JSON.stringify(json); $("#comm-" + this._eventKey.toLowerCase() + "-form-post").attr("action", url); $("#comm-" + this._eventKey.toLowerCase() + "-form-post-json").val(ljson); $("#comm-" + this._eventKey.toLowerCase() + "-form-post").submit(); }, _postAction: function (url, json) { console.info("------ _postAction :: " + url); if (!$store.hasOwnProperty("_postActionIndex")) { $store["_postActionIndex"] = 0; } var index = $store["_postActionIndex"] % 20; url = this._uri + (url.indexOf("/") == 0 ? "" : "/") + url; var ljson = JSON.stringify(json); var eventKey = this._eventKey.toLowerCase(); $("#comm-" + eventKey + "-form-post-action-" + index).attr("action", url); $("#comm-" + eventKey + "-form-post-action-json-" + index).val(ljson); var f = function () { console.info("_postAction :: " + index + " :: " + url + " :: SUBMIT"); $("#comm-" + eventKey + "-form-post-action-" + index).submit(); }; setTimeout(f, index * 750); $store["_postActionIndex"]++; } },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  // @formatter:on
  _xyz: {}
};

if ($ == undefined) {
  $ = jQuery.noConflict();
}
$(function () {
  if (store.ok()) {
    eval("window.$store = store").init();
  }
});

window.addEventListener("message", function (event) {
  if (typeof event.data === "string") {
    var parts = event.data.replace(/(<([^>]+)>)/ig, "").split("::");
    if (parts.length == 2) {
      var type = parts[0];
      var data = JSON.parse(parts[1]);
      $store.data(type, data);
    }
  }
});
console.info("--- STORE -----------------------------------------------");