$(document).ready(function () {
  var rookieLink =
    "https://tickets.nbacon.com/tickets/nba-con-las-vegas-2023-rookie?utm_source=Web&utm_medium=Ticket+Module&utm_campaign=Rookie+Web&utm_id=NBACon.com";
  var rookieLink2 =
    "https://tickets.nbacon.com/tickets/nba-con-las-vegas-2023-rookie?utm_source=Web&utm_medium=Ticket+Module&utm_campaign=Rookie+Web&utm_id=NBACon.com";
  var rookieDescriptionSet =
    '<ul class="list">' +
    '<li class="li"><p class="mvp-copy">General Admission Access from 12pm-8pm</p></li>' +
    '<li class="li"><p class="mvp-copy">Panels, Podcasts, Meet & Greets, Live Performances, Brand Activations, and Access to Exclusive Merch</p></li>' +
    "</ul>";
  $("#rookiePassBtn").attr("href", rookieLink); // set link for default option
  $("#rookiePrice").html("$30.00"); // set price for default option
  $("#rookieDescription").html(rookieDescriptionSet); // set description for default option
  $("#rookiePass").trigger("change"); // trigger change event to update button with link

  function availableRookie() {
    $("#rookiePassBtn").html("Get Tickets");
    ticketBlock.find(".disabled").removeClass("disabled");
  }

  function notAvailableRookie() {
    $("#rookiePassBtn").html("Sold Out");
    $("#rookiePassBtn").addClass("disabled");
  }

  $("#rookiePass").on("change", function () {
    var ticketBlock = $(this).closest(".ticket-block");

    var rookiePrice1 = "$30.00";
    var rookiePrice2 = "$50.00";

    var rookieTicketDescription1 =
      '<ul class="list">' +
      '<li class="li"><p class="mvp-copy">General Admission Access from 12pm-8pm</p></li>' +
      '<li class="li"><p class="mvp-copy">Panels, Podcasts, Meet & Greets, Live Performances, Brand Activations, and Access to Exclusive Merch</p></li>' +
      "</ul>";
    var rookieTicketDescription2 =
      '<ul class="list">' +
      '<li class="li"><p class="mvp-copy">3 Days of General Admission Access from 12pm-8pm</p></li>' +
      '<li class="li"><p class="mvp-copy">Panels, Podcasts, Meet & Greets, Live Performances, Brand Activations, and Access to Exclusive Merch</p></li>' +
      "</ul>";

    if ($(this).val() == "Rookie (Kids)") {
      $("#rookiePassBtn").attr("href", rookieLink);
      $("#rookiePrice").html(rookiePrice1);
      $("#rookieDescription").html(rookieTicketDescription1);
    } else if ($(this).val() == "Rookie (Kids) 3-Day") {
      $("#rookiePassBtn").attr("href", rookieLink2);
      $("#rookiePrice").html(rookiePrice2);
      $("#rookieDescription").html(rookieTicketDescription2);
    }
  });

  var starterLink =
    "https://tickets.nbacon.com/tickets/nba-con-las-vegas-2023-starter?utm_source=Web&utm_medium=Ticket+Module&utm_campaign=Starter+Web&utm_id=NBACon.com";
  var starterLink2 =
    "https://tickets.nbacon.com/tickets/nba-con-las-vegas-2023-starter?utm_source=Web&utm_medium=Ticket+Module&utm_campaign=Starter+Web&utm_id=NBACon.com";

  var starterDescriptionSet =
    '<ul class="list">' +
    '<li class="li"><p class="mvp-copy">General Admission Access from 12pm-8pm</p></li>' +
    '<li class="li"><p class="mvp-copy">Panels, Podcasts, Meet & Greets, Live Performances, Brand Activations, and Access to Exclusive Merch</p></li>' +
    '<li class="li"><p class="mvp-copy">Dedicated line and expedited entry to a Tao Group nightclub each night of NBA Con</p></li>' +
    "</ul>";

  $("#starterPassBtn").attr("href", starterLink); // set link for default option
  $("#starterPrice").html("$60.00"); // set price for default option
  $("#starterDescription").html(starterDescriptionSet); // set description for default option

  $("#starterPass").trigger("change"); // trigger change event to update button with link

  $("#starterPass").on("change", function () {
    var ticketBlock = $(this).closest(".ticket-block");

    var starterPrice1 = "$60.00";
    var starterPrice2 = "$150.00";

    var starterTicketDescription1 =
      '<ul class="list">' +
      '<li class="li"><p class="mvp-copy">General Admission Access from 12pm-8pm</p></li>' +
      '<li class="li"><p class="mvp-copy">Panels, Podcasts, Meet & Greets, Live Performances, Brand Activations, and Access to Exclusive Merch</p></li>' +
      '<li class="li"><p class="mvp-copy">Dedicated line and expedited entry to a Tao Group nightclub each night of NBA Con</p></li>' +
      "</ul>";

    var starterTicketDescription2 =
      '<ul class="list">' +
      '<li class="li"><p class="mvp-copy">3 Days of General Admission Access from 12pm-8pm</p></li>' +
      '<li class="li"><p class="mvp-copy">Panels, Podcasts, Meet & Greets, Live Performances, Brand Activations, and Access to Exclusive Merch</p></li>' +
      '<li class="li"><p class="mvp-copy">Dedicated line and expedited entry to a Tao Group nightclub each night of NBA Con</p></li>' +
      "</ul>";

    function availableStarter() {
      $("#starterPassBtn").html("Get Tickets");
      ticketBlock.find(".disabled").removeClass("disabled");
    }

    function notAvailableStarter() {
      $("#starterPassBtn").html("Sold Out");
      $("#starterPassBtn").addClass("disabled");
    }

    ticketBlock.find(".disabled").removeClass("disabled");

    if ($(this).val() == "Starter (GA)") {
      $("#starterPassBtn").attr("href", starterLink);
      $("#starterPrice").html(starterPrice1);
      $("#starterDescription").html(starterTicketDescription1);
      //notAvailableStarter()
    } else if ($(this).val() == "Starter (GA) 3-Day") {
      $("#starterPassBtn").attr("href", starterLink2);
      $("#starterPrice").html(starterPrice2);
      $("#starterDescription").html(starterTicketDescription2);
      //notAvailableStarter()
      //availableStarter();
    }
  });
});

var mvpLink1 =
  "https://tickets.nbacon.com/tickets/nba-con-las-vegas-2023-mvp?utm_source=Web&utm_medium=Ticket+Module&utm_campaign=MVP+Web&utm_id=NBACon.com";
var mvpLink2 =
  "https://tickets.nbacon.com/tickets/nba-con-las-vegas-2023-mvp?utm_source=Web&utm_medium=Ticket+Module&utm_campaign=MVP+Web&utm_id=NBACon.com";

$("#mvpPassBtn").attr("href", mvpLink1); // set link for default option
$("#mvpPrice").html("$250.00"); // set price for default option
$("#ticketCount").html("Only 1500 Available");

var MVPTicketDescriptionSet =
  '<ul class="list">' +
  '<li class="li"><p class="mvp-copy">1 Hour Early Access (11am)</p></li>' +
  '<li class="li"><p class="mvp-copy">Panels, Podcasts, Meet & Greets, Live Performances, Brand Activations</p></li>' +
  '<li class="li"><p class="mvp-copy">Fast Pass Lanes at Select NBA Con Activations</p></li>' +
  '<li class="li"><p class="mvp-copy">Priority Access and Viewing Area for NBA Con Concerts</p></li>' +
  '<li class="li"><p class="mvp-copy">Commemorative NBA Con "MVP" Badge</p></li>' +
  '<li class="li"><p class="mvp-copy">Dedicated line and expedited entry to a Tao Group nightclub each night of NBA Con</p></li>' +
  "</ul>";

$("#mvpDescription").html(MVPTicketDescriptionSet); // set description for default option

var ticketDescriptionList = document.createElement("ul");

$("#mvpDescription")
  .html()
  .split("\n")
  .forEach(function (item) {
    if (item) {
      var listItem = document.createElement("li");
      var paragraph = document.createElement("p");
      paragraph.innerHTML = item.trim();
      listItem.appendChild(paragraph);
      ticketDescriptionList.appendChild(listItem);
    }
  });

$("#mvpPass").trigger("change"); // trigger change event to update button with link

$("#mvpPass").on("change", function () {
  var ticketBlock = $(this).closest(".ticket-block");

  var mvpPrice1 = "$250.00";
  var mvpPrice2 = "$600.00";
  var ticketCounter1 = "Only 1500 Available";
  var ticketCounter2 = "Only 500 Available";

  var MVPTicketDescription1 =
    '<ul class="list">' +
    '<li class="li"><p class="mvp-copy">1 Hour Early Access (11am)</p></li>' +
    '<li class="li"><p class="mvp-copy">Panels, Podcasts, Meet & Greets, Live Performances, Brand Activations</p></li>' +
    '<li class="li"><p class="mvp-copy">Fast Pass Lanes at Select NBA Con Activations</p></li>' +
    '<li class="li"><p class="mvp-copy">Priority Access and Viewing Area for NBA Con Concerts</p></li>' +
    '<li class="li"><p class="mvp-copy">Commemorative NBA Con "MVP" Badge</p></li>' +
    '<li class="li"><p class="mvp-copy">Dedicated line and expedited entry to a Tao Group nightclub each night of NBA Con</p></li>' +
    "</ul>";

  var MVPTicketDescription2 =
    '<ul class="list">' +
    '<li class="li"><p class="mvp-copy">3 Days of VIP Access to NBA Con</p></li>' +
    '<li class="li"><p class="mvp-copy">1 Hour Early Access (11am) Each Day</p></li>' +
    '<li class="li"><p class="mvp-copy">Panels, Podcasts, Meet & Greets, Live Performances, Brand Activations</p></li>' +
    '<li class="li"><p class="mvp-copy">Fast Pass Lanes at Select NBA Con Activations</p></li>' +
    '<li class="li"><p class="mvp-copy">Priority Access and Viewing Area for NBA Con Concerts</p></li>' +
    '<li class="li"><p class="mvp-copy">Commemorative NBA Con "MVP" Badge</p></li>' +
    '<li class="li"><p class="mvp-copy">Dedicated line and expedited entry to a Tao Group nightclub each night of NBA Con</p></li>' +
    "</ul>";

  function availableMVP() {
    $("#mvpPassBtn").html("Get Tickets");
    ticketBlock.find(".disabled").removeClass("disabled");
  }

  function notAvailableMvp() {
    $("#mvpPassBtn").html("Sold Out");
    $("#mvpPassBtn").addClass("disabled");
  }

  ticketBlock.find(".disabled").removeClass("disabled");

  if ($(this).val() == "MVP") {
    $("#mvpPassBtn").attr("href", mvpLink1);
    $("#mvpPrice").html(mvpPrice1);
    $("#mvpDescription").html(MVPTicketDescription1);
    $("#ticketCount").html(ticketCounter1);
    //notAvailableStarter()
  } else if ($(this).val() == "MVP 3-Day") {
    $("#mvpPassBtn").attr("href", mvpLink2);
    $("#mvpPrice").html(mvpPrice2);
    $("#mvpDescription").html(MVPTicketDescription2);
    $("#ticketCount").html(ticketCounter2);
    //notAvailableStarter()
  }
});