if (
    (
      window.location.href === 'https://mariantest.elluciancrmrecruit.com/apply' ||
      window.location.href === 'https://mariantest.elluciancrmrecruit.com/Apply' ||
      window.location.href === 'https://mariantest.elluciancrmrecruit.com/Apply/' ||
      window.location.href === 'https://marian.elluciancrmrecruit.com/apply' ||
      window.location.href === 'https://marian.elluciancrmrecruit.com/apply/' ||
      window.location.href === 'https://marian.elluciancrmrecruit.com/Apply' ||
      window.location.href === 'https://marian.elluciancrmrecruit.com/Apply/'
    ) 
  )
{
    $(document).ready(function () {
        const bubbleStates = {
          preAdmit: {
            info: {
              src: "//www.marian.edu/_assets/images/more-info.svg",
              html: (programUrl, programName) => `<a href='${programUrl}' style='text-decoration:underline;' target='_blank'>Learn more about ${programName}</a>`
            },
            application: {
              start: {
                src: "//www.marian.edu/_assets/images/start-application.svg",
                html: "<a href='/Apply/Application/ApplicationList' style='text-decoration:underline;'>Click here to start an application</a>"
              },
              complete: {
                src: "//www.marian.edu/_assets/images/complete-application.svg",
                html: (applicationId) => `<a href='/Apply/Application/Apply?ApplicationId=${applicationId}' style='text-decoration:underline;'>Click here to complete your application</a>`
              },
              submitted: {
                src: "//www.marian.edu/_assets/images/application-submitted.svg",
                html: "<p>Application Submitted</p>"
              }
            },
            supplemental: {
              none: {
                src: "//www.marian.edu/_assets/images/supplemental-items.svg",
                html: "<p>No supplemental items needed yet</p>"
              },
              incomplete: {
                src: "//www.marian.edu/_assets/images/submit-supplemental-items.svg",
                html: (applicationId) => `<a href='/Apply/Application/Apply?ApplicationId=${applicationId}#tab-supplemental' style='text-decoration:underline;'>Click here to submit your supplemental admission items</a>`
              },
              complete: {
                src: "//www.marian.edu/_assets/images/supplemental-items-completed.svg",
                html: "<p>Supplemental items completed</p>"
              }
            },
            decision: {
              pending: {
                src: "//www.marian.edu/_assets/images/wait-for-admission.svg",
                html: "<p>Wait for an admission decision</p>"
              },
              submit: {
                src: "//www.marian.edu/_assets/images/admission-decision.svg",
                html: "<p>Submit your application and supplemental items to receive an admission decision</p>"
              },
              admitted: {
                src: "//www.marian.edu/_assets/images/admitted.svg",
                html: "<p>Congratulations! You have been admitted</p>"
              },
              denied: {
                src: "//www.marian.edu/_assets/images/denied.svg",
                html: "Your application was not admitted"
              }
            },
            preAdmitText: {
              html: "<p style='font-size:18px;'>Complete the steps below to receive an admission decision.</p>"
            }
          },
          postAdmit: {
            fafsa: {
              notSubmitted: {
                src: "//www.marian.edu/_assets/images/file-fafsa.svg",
                html: "<p><a href='//studentaid.gov/h/apply-for-aid/fafsa' target='_blank' style='text-decoration:underline;'>Submit your FAFSA at fafsa.gov</a><br>Processing takes 3-5 business days. Marian's FAFSA code is 001821</p>"
              },
              submitted: {
                src: "//www.marian.edu/_assets/images/fafsa-submitted.svg",
                html: "<p>Your FAFSA has been submitted</p>"
              },
              notNeeded: {
                src: "//www.marian.edu/_assets/images/fafsa.svg",
                html: "<p>FAFSA is not accepted for your program.</p>"
              }
            },
            deposit: {
              notSubmitted: {
                src: "//www.marian.edu/_assets/images/submit-enrollment-deposit.svg",
                html: "<p><a href='//www.marian.edu/deposit' target='_blank' style='text-decoration:underline;'>Submit your enrollment deposit here</a><br>Processing takes 2-3 business days</p>"
              },
              submitted: {
                src: "//www.marian.edu/_assets/images/enrollment-deposit-submitted.svg",
                html: "<p>Your enrollment deposit has been received</p>"
              }
            },
            housing: {
              static: {
                src: "//www.marian.edu/_assets/images/submit-housing-forms.svg",
                html: (housingLink) => `<p><a href='${housingLink}' target='_blank' style='text-decoration:underline;'>Complete your housing application</a><br>Housing information is not updated in this dashboard</p>`
              },
              joseph: {
                src: "//www.marian.edu/_assets/images/submit-housing-forms.svg",
                html: "On-campus housing is not available for St. Joseph's College"
              },
              incomplete: {
                src: "//www.marian.edu/_assets/images/submit-supplemental-items.svg",
                html: (applicationId) => `<a href='/Apply/Application/Apply?ApplicationId=${applicationId}#tab-supplemental' style='text-decoration:underline;'>Click here to view your missing supplemental admission items</a>`
              }
            },
            orientation: {
              register: {
                src: "//www.marian.edu/_assets/images/register-for-orientation.svg",
                html: (nsoLink) => `<a href='${nsoLink}' style='text-decoration:underline;'>Click here to register for New Student Orientation</a>`
              },
              registered: {
                src: "//www.marian.edu/_assets/images/orientation-reservation-received.svg",
                html: "<p>You have registered for New Student Orientation</p>"
              }
            },
            postAdmitText: {
                html: "<p style='font-size:18px;'>CONGRATULATIONS! You have been admitted!</p>"
            }
            }
        };

        function createBox() {
          const widgetHtml = `<div class='statusbrick'>
          <header>
            <div class='title'>My Application Statuses</div>
            <div class='text-right subtitle'>
        		<select id='appJourneySelect' aria-required='true'>
                	<option>Select application</option>
              	</select>
        	  </div>
          </header>
          <div class="row">
            <div class="col-md-14 text-left" style="font-size: 14px; margin-left: 15px;">
            <span class="bubbleFiveText"><p>Complete the steps below to receive an admission decision.</p></span>
            </div>
          </div>
          <div class='row'>
            <div class='col-md-3 col-6 text-center'>
              <img id='bubbleOne' style='min-width:79px;' src='' />
              <span id='bubbleOneText' class='row' style='margin: auto;'>
        		</span>
        	  </div>
            <div class='col-md-3 col-6 text-center'>
        		<img id='bubbleTwo' style='min-width:79px;' src='' />
        		<span id='bubbleTwoText' class='row' style='margin: auto;'>
        		</span>
        	  </div>
            <div class='col-md-3 col-6 text-center'>
        		<img id='bubbleThree' style='min-width:79px;' src='' />
        		<span id='bubbleThreeText' class='row' style='margin: auto;'>
        		</span>
        	  </div>
            <div class='col-md-3 col-6 text-center'>
        		<img id='bubbleFour' style='min-width:79px;' src='' />
        		<span id='bubbleFourText' class='row' style='margin: auto;'>
        		</span>
        	  </div>
          </div>
          <div class="row">
            <div style="font-size: 14px; margin-right:15px; margin-top:10px; text-align:right!important;">
            <span class="bubbleSixText">
            <p style='margin-bottom:0px!important;'>Something not right? Email us at <a href="mailto:recruithelp@marian.edu">recruithelp@marian.edu</a></p></span>
            </div>
          </div>
        </div>`;
          $("#home-applications").prepend(widgetHtml)
        }

        function populateDropdown() {
          $("#d0c2a084-25b6-6c98-113c-27a25dcd9108").find("div table tbody tr").each(function () {
            const appName = $(this).find("td:eq(0)").text().trim();
            if (appName) {
              $("#appJourneySelect").append(`<option value="${appName}">${appName}</option>`)
            }})}

            function updateBubble(bubbleId, stateGroupPath, stateKey, additionalData = null) {
                const groups = stateGroupPath.split('.');
                let state = bubbleStates;
                for (let group of groups) {
                  state = state?.[group];
                }
                state = state?.[stateKey];
                if (state) {
                  let content;
                  if (typeof state.html === "function") {
                    if (additionalData && typeof additionalData === "object") {
                      content = state.html(additionalData.programUrl, additionalData.programName);
                    } else {
                      content = state.html(additionalData);
                    }
                  } else {
                    content = state.html || state.text;
                  }
                  
                  if (bubbleId === "bubbleFive") {
                    // For bubbleFive, update the text container with the class name instead of an img or #bubbleFiveText id
                    $(".bubbleFiveText").html(content);
                  } else {
                    // For other bubbles, update the image and text elements
                    $(`#${bubbleId}`).attr("src", state.src);
                    $(`#${bubbleId}Text`).html(content);
                  }
                } else {
                  console.warn(`State not found for path "${stateGroupPath}" and key "${stateKey}"`);
                }
              }
              

        function updateWidget() {
          const selectedApp = $("#appJourneySelect").val();
          const selectedRow = $("#d0c2a084-25b6-6c98-113c-27a25dcd9108 table tbody tr").filter((_, row) => $(row).find("td:eq(0)").text().trim() === selectedApp).first();
          if (!selectedRow.length) return;
          const journeyData = {
            started: selectedRow.find("td:nth-child(9)").text().trim(),
            submitted: selectedRow.find("td:nth-child(10)").text().trim(),
            markedComplete: selectedRow.find("td:nth-child(11)").text().trim(),
            admitted: selectedRow.find("td:nth-child(12)").text().trim(),
            fafsa: selectedRow.find("td:nth-child(20)").text().trim(),
            housing: selectedRow.find("td:nth-child(17)").text().trim(),
            nso: selectedRow.find("td:nth-child(21)").text().trim(),
            applicationId: selectedRow.find("td:nth-child(16)").text().trim(),
            studentType: selectedRow.find("td:nth-child(3)").text().trim(),
            deposit: selectedRow.find("td:nth-child(13)").text().trim(),
            campus: selectedRow.find("td:nth-child(2)").text().trim(),
            programName: selectedRow.find("td:nth-child(6)").text().trim(),
            programUrl: selectedRow.find("td:nth-child(29)").text().trim(),
            supplementalItems: selectedRow.find("td:nth-child(22)").text().trim(),
            programUrlIndy: selectedRow.find("td:nth-child(30)").text().trim(),
            programUrlAncilla: selectedRow.find("td:nth-child(31)").text().trim(),
            programUrlSjc: selectedRow.find("td:nth-child(32)").text().trim(),
            programUrlNonDegree: selectedRow.find("td:nth-child(33)").text().trim(),
            denied: selectedRow.find("td:nth-child(36)").text().trim()
          };
          if (journeyData.programUrlNonDegree.length > 0){
            journeyData.programUrl = journeyData.programUrlNonDegree || journeyData.programUrl;
          } else if (journeyData.campus === "Indianapolis Campus - Indianapolis, IN") {
            journeyData.programUrl = journeyData.programUrlIndy || journeyData.programUrl;
          } else if (journeyData.campus === "Ancilla Campus - Plymouth, IN") {
            journeyData.programUrl = journeyData.programUrlAncilla || journeyData.programUrl;
          } else if (journeyData.campus === "Saint Joseph's Campus - Indianapolis, IN") {
            journeyData.programUrl = journeyData.programUrlSjc || journeyData.programUrl;
          };
          if (!journeyData.programUrl) {
            journeyData.programUrl = "https://www.marian.edu/academics/degree-programs";
          }
          if (!journeyData.programName) {
            journeyData.programName = "Marian University degrees";
          }
          $('.program-learnmoreLink a').attr('href', journeyData.programUrl);
          console.warn(journeyData);
          console.warn(journeyData.supplementalItems.length);
        //  console.warn('programURL' + journeyData.programUrl);
        //  console.warn('programNonDegreeURL' + journeyData.programUrlNonDegree);
          const nsoLink = journeyData.campus === "Indianapolis Campus - Indianapolis, IN" ? "/Apply/Events/List?ID=6" : "/Apply/Events/List?ID=3"
          const housingLink = journeyData.campus === "Ancilla Campus - Plymouth, IN" ? "//www.marian.edu/ancilla-college/campus-life-at-marian-universitys-ancilla-college/housing.php" : "//www.marian.edu/campus-life/residential-and-commuter-life/live-on-campus/new-students.php"
          const isUndergraduate = ["Undergraduate - 4 Year Marian University", "Undergraduate - 2 Year Saint Joe College", "Undergraduate - Marian University's Ancilla College"].includes(journeyData.studentType);
          if (journeyData.denied) {
            updateBubble("bubbleOne", "preAdmit.application", journeyData.submitted ? "submitted" : (journeyData.started ? "complete" : "start"), journeyData.applicationId);
            updateBubble("bubbleTwo", "preAdmit.supplemental", journeyData.supplementalItems.length < 1 ? "complete" : "incomplete", journeyData.applicationId);
            updateBubble("bubbleThree", "preAdmit.decision", "denied");
            updateBubble("bubbleFour", "preAdmit", "info", {programUrl: journeyData.programUrl,programName: journeyData.programName});
            updateBubble("bubbleFive", "preAdmit", "preAdmitText")
          } else {
            if (journeyData.admitted) {
                if (isUndergraduate) {
                  updateBubble("bubbleOne", "postAdmit.fafsa", journeyData.campus === "Exchange Program" ? "notNeeded" : (journeyData.fafsa === "Yes" ? "submitted" : "notSubmitted"));
                  updateBubble("bubbleTwo", "postAdmit.deposit", journeyData.deposit ? "submitted" : "notSubmitted");
                  updateBubble("bubbleThree", "postAdmit.housing", journeyData.supplementalItems.length < 1
                      ? (journeyData.campus === "Saint Joseph's Campus - Indianapolis, IN" ? "joseph" : "static")
                      : "incomplete",
                    journeyData.supplementalItems.length < 1 ? housingLink : journeyData.applicationId);    
                  updateBubble("bubbleFour", "postAdmit.orientation", journeyData.nso === "Yes" ? "registered" : "register", nsoLink)
                  updateBubble("bubbleFive", "postAdmit", "postAdmitText")
                } else {
                  updateBubble("bubbleOne", "preAdmit.application", journeyData.submitted ? "submitted" : (journeyData.started ? "complete" : "start"), journeyData.applicationId);
                  updateBubble("bubbleTwo", "preAdmit.supplemental", journeyData.supplementalItems.length < 1 ? "complete" : "incomplete", journeyData.applicationId);
                  updateBubble("bubbleThree", "preAdmit.decision", "admitted");
                  updateBubble("bubbleFour", "preAdmit", "info", {programUrl: journeyData.programUrl,programName: journeyData.programName});
                  updateBubble("bubbleFive", "preAdmit", "preAdmitText")
                }
              } else {
                updateBubble("bubbleOne", "preAdmit.application", journeyData.submitted ? "submitted" : (journeyData.started ? "complete" : "start"), journeyData.applicationId);
                updateBubble("bubbleTwo", "preAdmit.supplemental", journeyData.markedComplete ? "complete" : (journeyData.submitted ? "incomplete" : "none"), journeyData.applicationId);
                updateBubble("bubbleThree", "preAdmit.decision", (journeyData.submitted && journeyData.markedComplete) ? "pending" : "submit");
                updateBubble("bubbleFour", "preAdmit", "info", {programUrl: journeyData.programUrl, programName: journeyData.programName})
                updateBubble("bubbleFive", "preAdmit", "preAdmitText")
              }
          }
        }
        createBox();
        populateDropdown();
        $("#appJourneySelect").on("change", updateWidget)
        if ($("#d0c2a084-25b6-6c98-113c-27a25dcd9108 table tbody tr").length > 0) {$('#appJourneySelect').prop('selectedIndex', 1);}
        $('body').on('pageshow', function (event) {
          if (
              event.originalEvent.persisted ||
              (window.performance &&
               performance.getEntriesByType("navigation").length > 0 &&
               performance.getEntriesByType("navigation")[0].type === "back_forward")
          ) {
              updateWidget();
          }
      });
    updateWidget();});
}