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);
    }
    //------------------------------------------------------------
    //--- 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.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 () {
    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 = "";
    var innerHtmlGroup = "";

    innerHtml += $store.renderStoreCodes();
    var _groups = {}
    var _groupNames = [];

    $.each(this._eventInfo.products, function (i, 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 symbol = $store._eventInfo.currency.symbol;

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

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

    $.each(discountCodes, function (key, discountCode) {
      console.info(discountCode);
      if (discount == null && discountCode.skipQuantities && (discountCode.haveProducts || (discountCode.exclusive == "EXCLUSIVE" && discountCode.discountCodeAmountType == "PERCENTAGE"))) {
        if (discountCode.groups.length == 0) {
          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";
              upto = (product.hasOwnProperty("maxQuantity") ? "<span class='str-item-count'>(up to " + product.maxQuantity + " count)</span>" : "");
            }
          });
        });
      }
    });

    if (price == undefined) {
      var different = false;
      $.each(ticket.variations, function (v, variation) {
        if (price != undefined) {
          different |= price != variation.price;
        }
        oprice = price = (price == undefined || parseFloat(price) > parseFloat(variation.price) ? variation.price : price);

        if (variation.hasOwnProperty("maxPurchaseQuantity")) {
          if (max == undefined || max > variation.maxPurchaseQuantity) {
            max = variation.maxPurchaseQuantity;
          }
        }
      });
      var discountAmount = (discount != null ? (isAmount ? discount : price * discount / 100) : 0);
      oprice = (different ? "<span>from</span> " : "") + symbol + oprice;
      price = (different ? "<span>from</span> " : "") + symbol + parseFloat(price - discountAmount).toFixed(2);
    }
    else {
      var discountAmount = (discount != null ? (isAmount ? discount : price * discount / 100) : 0);
      oprice = symbol + oprice;
      price = symbol + parseFloat(price - discountAmount).toFixed(2);
    }

    var quantityHtml = this._store.inputs.quantity(ticket.eventProductId, index + "", "str-item-quantity str-override", max);

    html += "<table class='str-ticket str-override'>";
    html += "  <tr>";
    html += "    <td class='str-item-name str-override'>" + ticket.name + "</td>";
    html += "    <td class='str-item-price str-override' rowspan='2'>" + (oprice != price ? upto + price + "<div class='str-item-price-original' style='text-decoration: line-through;'>" + oprice + "</div>" : price) + quantityHtml + "</td>";
    html += "  </tr>";
    html += "  <tr><td class='str-item-description str-override'>" + ticket.description + "</td></tr>";
    html += "</table>";

    return html;
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  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.info("--- renderStoreCode ----------------------------------------");
    console.info(code);
    var symbol = $store._eventInfo.currency.symbol;

    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 discountedPrice = "";

    if (!haveProducts || code.skipQuantities) {
      discountedPrice = (isAmount ? symbol : "") + code.price + (!isAmount ? "%" : "") + "<div style='white-space: nowrap;font-size: 70%;'>off" + (code.haveProducts ? " each" : "") + "</div>";
    }
    else {
      discountedPrice = symbol + parseFloat(price - discount).toFixed(2);
    }

    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'>" + code.code + (isExclusive ? "<span class='str-item-exclusive str-override'>EXCLUSIVE</span>" : "") + "</td>";
    html += "    <td class='str-item-price-discount str-override' style='padding-top: 12px;'>";
    html += "      " + discountedPrice;
    html += "      <div class='str-item-price-original'>" + (code.haveProducts && !code.skipQuantities ? symbol + parseFloat(price).toFixed(2) : "") + "</div>";
    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><td class='str-item-description str-override' style='padding-left: 20px;' colspan='3'>";

    if (code.haveProducts) {
      html += "<table><tr><td>";
      var skipQuantities = false;
      $.each(code.groups, function (g, group) {
        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>";
          $.each(group.products, function (p, product) {
            if (product.count > 0 || code.skipQuantities) {
              $.each($store._eventInfo.products, function (j, eventProduct) {
                if (eventProduct.eventProductId == product.eventProductId) {
                  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>";
                }
              });
            }
          });
          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 += symbol + parseFloat(group.discountPriceEach).toFixed(2);
              html += " <div style='font-size: 70%;font-weight: normal;text-decoration: line-through;opacity: .7;text-align: right;'>" + symbol + parseFloat(group.priceEach).toFixed(2) + "</div>";
              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 for 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>";
    }

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

    html += this.renderCodeDebug(code);
    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 += symbol + parseFloat(group.discountPriceEach).toFixed(2);
                    html += "<div class='str-item-price-original'>" + symbol + parseFloat(group.priceEach).toFixed(2) + "</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 += symbol + parseFloat(discountPrice).toFixed(2);
                    html += "<div class='str-item-price-original'>" + symbol + parseFloat(price).toFixed(2) + "</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.info("--- 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> " : "") + symbol + 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 ? " @ " + symbol + variation.price : "") + "</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 ? " @ " + symbol + variation.price : "") + "</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>";
            }
          });
        }
        if (i == 0 && info.quantity > 1) {
          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>";
        }
        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 symbol = "$";
    var subtotal = 0.0;
    var discount = 0.0;
    var fee = 0.0;
    var tax = 0.0;
    var total = 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.info("--- cart ------------------------------------------");
    console.info(cart);
    console.info("--- cartCodes ------------------------------------------");
    console.info(codes);

    $.each(codes, function (c, code) {
      if (code.skipQuantities !== true && code.haveProducts) {
        $.each(code.groups, function (g, group) {
          for (var i = 0; i < group.count; i++) {
            var codeTotal = 0;
            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><ul>";
            $.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.hasOwnProperty("code")) {
                    cartProduct = cartItem;
                    codeTotal += cartItem.price;
                    fee += cartItem.fee;

                  }
                });

                if (cartProduct != null) {
                  var eventProductOptionsHtml = "";
                  if (cartProduct.productOptionsInfos) {
                    eventProductOptionsHtml += "<div style='font-size: 70%;margin: 5px 20px;'>";
                    $.each(cartProduct.productOptionsInfos, function (j, productOptionsInfo) {
                      eventProductOptionsHtml += "<div style='font-size: inherit;font-style: italic;'>" + productOptionsInfo.label + "</div>";
                    });
                    eventProductOptionsHtml += "</div>";
                  }

                  cartProduct["code"] = code.code;
                  html += "<li style='font-size: 80%;margin: 0;'>" + cartProduct.name + eventProductOptionsHtml + "</li>";
                }
              }
            });
            var codeTotalDiscounted = codeTotal - (code.discountCodeAmountType == "AMOUNT" ? code.price : codeTotal * code.price / 100);
            var htmlPrice = "<span style='font-size: 70%;margin-right: 10px;font-weight: normal;text-decoration: line-through;opacity: .7;'>" + symbol + parseFloat(codeTotal).toFixed(2) + "</span>";
            var htmlPriceDiscounted = symbol + " " + parseFloat(codeTotalDiscounted).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

            html += "          </ul>";
            html += "        </td>";
            html += "      </tr>";
            html += "    </table>";
            html += "  </td>";
            html += "  <td class='str-cart-item str-cart-item-price str-override'>" + htmlPrice + htmlPriceDiscounted + "</td>";
            html += "</tr>";

            code["rendered"] = true;
            subtotal += codeTotalDiscounted;

          }
        });
      }
    });


    console.info("--- cartItems ------------------------------------------");
    $.each(cart, function (i, item) {
      console.info(item);
      $store.renderFbPixel("AddToCart", undefined, item.name);
      if (!item.hasOwnProperty("code")) {
        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;
          }
        }

        symbol = item.symbol;
        subtotal += item.price;
        fee += item.fee;

        var eventProductOptionsHtml = "";
        if (item.productOptionsInfos) {
          eventProductOptionsHtml += "<div style='font-size: 70%;margin: 5px 20px;'>";
          $.each(item.productOptionsInfos, function (j, productOptionsInfo) {
            eventProductOptionsHtml += "<div style='font-size: inherit;font-style: italic;'>" + productOptionsInfo.label + "</div>";
          });
          eventProductOptionsHtml += "</div>";
        }

        var htmlPrice = (item.price != item.priceOriginal ? "<span style='font-size: 70%;margin-right: 10px;font-weight: normal;text-decoration: line-through;opacity: .7;'>" + symbol + parseFloat(item.priceOriginal).toFixed(2) + "</span>" : "");
        var htmlPriceDiscounted = symbol + " " + parseFloat(item.price).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

        html += "<tr " + (i == 0 ? "class='str-override')" : "") + ">";
        html += "<td class='str-cart-item str-cart-item-name str-override' colspan='2'>" + item.name + eventProductOptionsHtml + "</td>";
        html += "<td class='str-cart-item str-cart-item-price str-override'>" + htmlPrice + htmlPriceDiscounted + "</td>";
        html += "</tr>";
      }
    });

    console.info("--- discount ------------------------------------------");
    $.each(codes, function (c, code) {
      console.info(code);
      if (code.skipQuantities !== true && code.rendered !== true) {
        if (code.haveProducts) {
          $.each(code.groups, function (g, group) {
            if (group.hasOwnProperty("count") && group.count > 0) {
              console.info(group);
              if (group.hasOwnProperty("priceEach")) {
                discount += group.count * group.discountAmountEach;
              }
              else {
                $.each(group.products, function (p, product) {
                  if (product.hasOwnProperty("count")) {
                    discount += group.count * product.count * product.discountAmountEach;
                  }
                });
              }
            }
          });
        }
        else {
          discount += (code.discountCodeAmountType == "AMOUNT" ? code.price : subtotal * code.price / 100);
        }
      }
    });

    storeInfo = $store._storage.store("store-info");

    console.info("subtotal: " + subtotal);
    console.info("discount: " + discount);


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

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

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

    subtotal = parseFloat(subtotal).toFixed(2);
    discount = parseFloat(discount).toFixed(2);

    fee = (haveBalance ? parseFloat(fee).toFixed(2) : "0.00");
    tax = parseFloat((parseFloat(subtotal) - parseFloat(discount) + parseFloat(fee)) * (parseFloat(storeInfo.salesTax) / 100)).toFixed(2);
    total = parseFloat(parseFloat(subtotal) - parseFloat(discount) + parseFloat(fee) + parseFloat(tax)).toFixed(2);


    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'>SUBTOTAL</td><td class='str-cart-item-price str-override'>" + symbol + " " + subtotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + "</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'>" + symbol + " " + parseFloat(discount * -1).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + "</td></tr>" : "");
    html += (haveBalance ? "<tr><td></td><td class='str-cart-total str-override'>CONVENIENCE FEE</td><td class='str-cart-item-price str-override'>" + symbol + " " + fee.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + "</td></tr>" : "");
    html += (tax > 0.0 ? "<tr><td></td><td class='str-cart-total str-override'>TAX</td><td class='str-cart-item-price str-override'>" + symbol + " " + tax.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + "</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'>" + symbol + " " + total.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + "</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);
  },
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------

  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  //------------------------------------------------------------------------------------------------------------------------
  _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><div id='card-element'></div><div id='card-errors' role='alert'></div></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:1px 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-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-count": "font-size:60%;opacity:.6;margin:0 10px;",
    ".str .str-ticket .str-item-price-original": "font-size:60%;opacity:.75;text-decoration: line-through;",
    ".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:1px solid #aaa;padding:0px;",

    ".str .str-cart": "font-size:90%;font-weight:normal;border:1px solid #ccc;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-top:2px;border-top:0px solid #ccc;",
    ".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-price": "text-align:right;white-space:nowrap;width:1%;padding-right:3px;",
    ".str .str-cart .str-cart-total": "white-space:nowrap;width:1%;font-size:90%;text-align:right;padding-right:5px;padding-left:25px;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": [], "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": 1749, "name": "2026/09/06 - Chattanooga TN - Pink Bride", "producer": { "phone": "+1 (423) 309-1476", "name": "The Pink Bride Wedding and Women's Expo", "email": "info@thepinkbride.com" }, "startDate": "September 6, 2026 @ 4:00PM" }, "salesTax": "0.000", "storeProductOrdering": "priceAscendingNameAscending", "eventStoreFee": "Processing Fee", "allowCashSales": true, "enabled": true, "eventStoreButton": "buy tickets", "products": [ { "variationLabel": "", "maxPurchaseQuantity": 0, "ordering": 1, "requireResponse": false, "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>", "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" }, "variations": [], "price": "0.00", "formName": "storeAttendeeInfo", "options": [], "eventProductId": 14246, "name": "Engaged Bride/Groom Ticket", "productType": "Ticket" }, { "variationLabel": "", "maxPurchaseQuantity": 0, "ordering": 1, "requireResponse": false, "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>", "feeType": { "percentageAmountOther": "0.00", "percentageAmountType": "default", "dollarAmount": "1.50", "dollarAmountOther": "0.00", "name": "Default Ticket", "percentageAmount": "0.000", "percentageAmountOtherType": "default" }, "variations": [], "price": "0.00", "formName": "storeGuestInfo", "options": [], "eventProductId": 14297, "name": "General Admission Tickets", "productType": "Ticket" } ] },
  _conf: { _uri:"https://www.bridescan.com", _authKey:"jmi", _eventKey:"chatt" },
  _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-info", storeInfo); $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.info("### 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); 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 () { var products = []; var storeInfo = $store._storage.store("store-info"); 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}; if (product.hasOwnProperty("variations")) { p["variations"] = product.variations; } if (product.hasOwnProperty("options")) { p["options"] = product.options; } if (product.hasOwnProperty("uniqueAccount")) { p["uniqueAccount"] = product.uniqueAccount; } 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.warn("---------------------------------------------------------------------------------------------------------"); console.warn("---------------------------------------------------------------------------------------------------------"); console.info("### STORE :: cart"); var cart = []; var storeInfo = $store._storage.store("store-info"); 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) { 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 productTotal = parseFloat(variation ? variation.price : product.price) + optionsTotal; var discount = (discountAmount != null && usedDiscount < availableDiscount ? (isDiscountAmount ? discountAmount : productTotal * discountAmount / 100) : 0.00); var code = (discountAmount != null && usedDiscount < availableDiscount ? discountCode : ""); var price = productTotal - discount; var dollarAmount = parseFloat(product.feeType.dollarAmount); var cartItem = {id: "p" + id + "-" + i, eventProductId: id, name: code + product.name + (variation ? " - " + variation.name : ""), price: price, priceOriginal: productTotal, symbol: storeInfo.currency.symbol, quantity: 1, fee: (dollarAmount + ((price + (product.feeType.percentageAmountType == "onFeeAmount" ? dollarAmount : 0.00)) * parseFloat(product.feeType.percentageAmount))), productOptionsInfos: productOptionsInfos}; 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; var variationDollarAmount = parseFloat(variation.feeType ? variation.feeType.dollarAmount : product.feeType.dollarAmount); cartItem.fee = (variationDollarAmount + ((price + (product.feeType.percentageAmountType == "onFeeAmount" ? variationDollarAmount : 0.00)) * parseFloat(variation.feeType ? variation.feeType.percentageAmount : product.feeType.percentageAmount))); delete info.variation; } } cart.push(cartItem); usedDiscount++; } } }); console.warn("-------------------------------------------------------"); 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 (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._storage.store("store-info").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._storage.store("store-info").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>") .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>") .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>") .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>") .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 -----------------------------------------------");