<!DOCTYPE html><html  lang="en-us"><head><title>Indiana Divisional Headquarters</title>
<meta
  name="description"
  content="The Salvation Army USA | Indiana Division Headquarters"
/>
<meta
  property="og:title"
  content="Indiana Divisional Headquarters"
/>
<meta
  property="og:description"
  content="The Salvation Army USA | Indiana Division Headquarters"
/>
<meta
  property="og:url"
  content="https://www.salvationarmyusa.org/usa-central-territory/indiana/"
/>
<meta
  property="og:type"
  content="website"
/>
<meta
  property="og:site_name"
  content="The Salvation Army USA"
/>

  
<meta
  property="og:image"
  content="https://8hxvw8tw.media.zesty.site/use-careers-officer-computer.jpg"
/>
<meta
  property="twitter:image:src"
  content="https://8hxvw8tw.media.zesty.site/use-careers-officer-computer.jpg"
/>


<meta
  name="twitter:card"
  content="summary"
/>
<meta
  name="twitter:title"
  content="Indiana Divisional Headquarters"
/>
<meta
  name="twitter:site"
  content="The Salvation Army USA"
/>
<!-- <meta name="twitter:creator" content=""> -->
<meta
  name="twitter:description"
  content="The Salvation Army USA | Indiana Division Headquarters"
/>

<link
  rel="icon"
  type="image/png"
  href=""
/>
<script>
  (function () {
    function getCookie(name) {
      const cookies = document.cookie.split(';');
      for (let cookie of cookies) {
        cookie = cookie.trim();
        if (cookie.startsWith(name + '=')) {
          return decodeURIComponent(cookie.substring(name.length + 1));
        }
      }
      return null;
    }

    const propType = getCookie('location_property_type');
    if (propType === 'simplified') {
      document.documentElement.classList.add('prop-type-simplified');
    }
  })();
</script>
<link rel="preconnect" href="https://8hxvw8tw.media.zestyio.com" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
<link rel="preload" as="font" type="font/woff2" crossorigin href="https://fonts.gstatic.com/s/materialsymbolsoutlined/v315/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2" />
<link rel="preload" as="font" type="font/woff2" crossorigin href="https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2" />





























































































































































































































































<script>
  const cookieManager = {
    set(name, value, days = 7) {
      const date = new Date();
      date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
      const expires = `; expires=${date.toUTCString()}`;
      document.cookie = `${name}=${value}${expires}; path=/`;
    },

    get(name) {
      const cookies = document.cookie.split(`;`);
      for (let cookie of cookies) {
        cookie = cookie.trim();
        if (cookie.startsWith(name + `=`)) {
          const value = cookie.substring(name.length + 1);
          return decodeURIComponent(value);
        }
      }
      return null;
    },

    delete(name) {
      this.set(name, ``, -1);
    }
  };

  let currentModel = `6-acb19a94bd-4q8ftj`;
  const levels = {
    national: `national`,
    territory: `territory`,
    division: `division`,
    corp: `corp`
  };

  const national = `7-dab495a2c1-13lthp`;

  const territories = {
    west: `7-dcb3daeee7-3l9t49`,
    east: `7-ae82da90c9-zjnfr3`,
    south: `7-b4aeafb8dd-033tjr`,
    central: `7-ec8a80fdbe-46hzww`
  };

  const tealiumProfile = {
    west: `westernterritory`,
    east: `easternterritory`,
    south: `southernterritory`,
    central: `centralterritory`,
    national: `national`
  };

  const specialPropertyTypes = {
    '7-b29cb08fe5-379fqs': `adult_rehabilitation_center`,
    '7-a0f48bbaad-gzx0rj': `kroc_center`,
    '7-d2e39fdd9e-hfnxcs': `family_center`
  };

  const cookieKeys = {
    locationModel: `location_model`,
    locationZUID: `location_zuid`,
    locationPropertyType: `location_property_type`,
    locationHomeURL: `location_home_url`,
    locationName: `location_name`,
    locationAddress: `location_address`,
    locationCity: `location_city`,
    locationState: `location_state`,
    volunteerUrl: `volunteer_url`,
    employmentUrl: `employment_url`,
    waysToGiveUrl: `wtg_url`,
    plannedGivingUrl: `planned_url`,
    mutualFundsUrl: `mutual_funds_url`,
    locationDonateForm: `location_donate_form`,
    territoryZUID: `territory_zuid`,
    territoryCode: `territory_code`,
    divisionCode: `division_code`,
    divisionZUID: `division_zuid`,
    analyticsCode: `code`,
    analyticsPageType: "page_type",
    tealiumprofile: `tealium_profile`,
    organizationLevel: `organization_level`,
    organizationCorp: `organization_corp`,
    organizationDivision: `organization_division`,
    organizationTerritory: `organization_territory`,
    contactUsImage: `contact_us_image`,
    contactUsTitle: `contact_us_title`,
    contactUsHeader: `contact_us_header`,
    dgiohID: `dgioh_id`,
    shouldRedirect: `should_redirect`,
    lastVisitedZUID: `last_visited_zuid`,
    lastVisitedModel: `last_visited_model`,
    locationZipcode: `location_zipcode`,
    classyID: `classy_id`,
    classyOrganizationID: `classy_organization_id`,
    classyCampaignURL: `classy_campaign_url`
  };

  async function setDefaultCookies() {
    if (!cookieManager.get(cookieKeys.locationZUID)) {
      cookieManager.set(cookieKeys.locationModel, currentModel);
      cookieManager.set(cookieKeys.lastVisitedModel, currentModel);
      cookieManager.set(cookieKeys.locationZUID, `7-e4a1c59bd4-02km0q`);
      cookieManager.set(cookieKeys.lastVisitedZUID, `7-e4a1c59bd4-02km0q`);
      cookieManager.set(cookieKeys.locationHomeURL, `/`);
      cookieManager.set(cookieKeys.locationName, `NATIONAL`);
      cookieManager.set(cookieKeys.volunteerUrl, `/volunteer/`);
      cookieManager.set(cookieKeys.employmentUrl, `/employment-opportunities/nhq-careers/`);
      cookieManager.set(cookieKeys.waysToGiveUrl, `/ways-to-give/`);
      cookieManager.set(cookieKeys.plannedGivingUrl, `/ways-to-give/planned-giving-wills-gift-annuities-and-trusts/`);
      cookieManager.set(cookieKeys.mutualFundsUrl, `/ways-to-give/bonds-funds-and-stocks/`);
      cookieManager.set(cookieKeys.locationDonateForm, `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=top_nav`);
      cookieManager.set(cookieKeys.analyticsCode, `SAL^USN`);
      cookieManager.set(cookieKeys.organizationLevel, levels.national);
      cookieManager.set(cookieKeys.contactUsImage, `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`);
      cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
      cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
      cookieManager.set(cookieKeys.classyID, `676125`);
      cookieManager.set(cookieKeys.classyOrganizationID, `49500`);
      cookieManager.set(cookieKeys.classyCampaignURL, `https://give.salvationarmyusa.org/checkout`);

      cookieManager.delete(cookieKeys.territoryZUID);
      cookieManager.delete(cookieKeys.organizationCorp);
      cookieManager.delete(cookieKeys.organizationDivision);
      cookieManager.delete(cookieKeys.organizationTerritory);
      cookieManager.delete(cookieKeys.locationPropertyType);
      cookieManager.delete(cookieKeys.locationAddress);
      cookieManager.delete(cookieKeys.locationCity);
      cookieManager.delete(cookieKeys.locationState);

      await setCodeCookie(national);
      cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.national);
    }
  }

  async function initCookies() {
    // await setDefaultCookies();
    switch (currentModel) {
      case `6-a0898ca2c1-krnm0f`: // Homepage
        cookieManager.set(cookieKeys.locationModel, currentModel);
        cookieManager.set(cookieKeys.locationZUID, `7-e4a1c59bd4-02km0q`);
        cookieManager.set(cookieKeys.locationHomeURL, `/`);
        cookieManager.set(cookieKeys.locationName, `NATIONAL`);
        cookieManager.set(cookieKeys.volunteerUrl, `/volunteer/`);
        cookieManager.set(cookieKeys.employmentUrl, `/employment-opportunities/nhq-careers/`);
        cookieManager.set(cookieKeys.waysToGiveUrl, `/ways-to-give/`);
        cookieManager.set(cookieKeys.plannedGivingUrl, `/ways-to-give/planned-giving-wills-gift-annuities-and-trusts/`);
        cookieManager.set(cookieKeys.mutualFundsUrl, `/ways-to-give/bonds-funds-and-stocks/`);
        cookieManager.set(cookieKeys.locationDonateForm, `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=top_nav`);
        cookieManager.set(cookieKeys.analyticsCode, `SAL^USN`);
        cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.national);
        cookieManager.set(cookieKeys.organizationLevel, levels.national);
        cookieManager.set(
          cookieKeys.contactUsImage,
          `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
        );
        cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
        cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
        cookieManager.set(cookieKeys.classyID, `676125`);
        cookieManager.set(cookieKeys.classyOrganizationID, `49500`);
        cookieManager.set(cookieKeys.classyCampaignURL, `https://give.salvationarmyusa.org/checkout`);

        cookieManager.delete(cookieKeys.territoryZUID);
        cookieManager.delete(cookieKeys.organizationCorp);
        cookieManager.delete(cookieKeys.organizationDivision);
        cookieManager.delete(cookieKeys.organizationTerritory);
        cookieManager.delete(cookieKeys.locationPropertyType);
        cookieManager.delete(cookieKeys.locationAddress);
        cookieManager.delete(cookieKeys.locationCity);
        cookieManager.delete(cookieKeys.locationState);
        cookieManager.delete(cookieKeys.locationState);
        cookieManager.delete(cookieKeys.locationState);

        await setCodeCookie(`7-e4a1c59bd4-02km0q`);
        break;

      case `6-deab97cfd9-wb5km4`: // Territories
        if (
          cookieManager.get(cookieKeys.locationZUID) &&
          cookieManager.get(cookieKeys.locationModel)
        ) {
          cookieManager.set(
            cookieKeys.lastVisitedModel,
            cookieManager.get(cookieKeys.locationModel)
          );
          cookieManager.set(cookieKeys.lastVisitedZUID, cookieManager.get(cookieKeys.locationZUID));
        }

        cookieManager.set(cookieKeys.locationModel, currentModel);
        cookieManager.set(cookieKeys.locationZUID, `7-e4a1c59bd4-02km0q`);
        cookieManager.set(cookieKeys.locationHomeURL, `/usa-central-territory/indiana/`);
        cookieManager.set(cookieKeys.locationName, ``);
        cookieManager.set(cookieKeys.contactUsImage, `https://8hxvw8tw.media.zestyio.com/use-careers-officer-computer.jpg`);
        cookieManager.set(cookieKeys.contactUsTitle, `Contact Us`);
        cookieManager.set(cookieKeys.contactUsHeader, `Get in Touch`);
        cookieManager.set(cookieKeys.locationAddress, `6060 Castleway West Dr`);
        cookieManager.set(cookieKeys.locationCity, `INDIANAPOLIS`);
        cookieManager.set(cookieKeys.locationState, `Indiana`);
        cookieManager.set(cookieKeys.locationZipcode, `46208-4718`);
        cookieManager.set(
          cookieKeys.organizationTerritory,
          ``
        );
        cookieManager.set(cookieKeys.organizationLevel, levels.territory);

        cookieManager.delete(cookieKeys.organizationCorp);
        cookieManager.delete(cookieKeys.organizationDivision);
        cookieManager.delete(cookieKeys.locationPropertyType);

        setLocationCookiesByTerritory(`7-e4a1c59bd4-02km0q`);
        await setCodeCookie(`7-e4a1c59bd4-02km0q`, currentModel);
        break;

      case `6-acb19a94bd-4q8ftj`: // DIvisions
        if (
          cookieManager.get(cookieKeys.locationZUID) &&
          cookieManager.get(cookieKeys.locationModel)
        ) {
          cookieManager.set(
            cookieKeys.lastVisitedModel,
            cookieManager.get(cookieKeys.locationModel)
          );
          cookieManager.set(cookieKeys.lastVisitedZUID, cookieManager.get(cookieKeys.locationZUID));
        }
        
        cookieManager.set(cookieKeys.locationModel, currentModel);
        cookieManager.set(cookieKeys.locationZUID, `7-e4a1c59bd4-02km0q`);
        cookieManager.set(cookieKeys.locationHomeURL, `/usa-central-territory/indiana/`);
        cookieManager.set(cookieKeys.locationName, `Indiana`);
        cookieManager.set(cookieKeys.contactUsImage, `https://8hxvw8tw.media.zestyio.com/use-careers-officer-computer.jpg`);
        cookieManager.set(cookieKeys.contactUsTitle, `Contact Us`);
        cookieManager.set(cookieKeys.contactUsHeader, `Get in Touch`);
        cookieManager.set(cookieKeys.locationAddress, `6060 Castleway West Dr`);
        cookieManager.set(cookieKeys.locationCity, `INDIANAPOLIS`);
        cookieManager.set(cookieKeys.locationState, `Indiana`);
        cookieManager.set(
          cookieKeys.organizationDivision,
          `Indiana`
        );
        cookieManager.set(cookieKeys.locationZipcode, `46208-4718`);

        cookieManager.set(
          cookieKeys.organizationTerritory,
          `USA Central Territory`
        );
        cookieManager.set(cookieKeys.organizationLevel, levels.division);

        cookieManager.delete(cookieKeys.organizationCorp);
        cookieManager.delete(cookieKeys.locationPropertyType);
        setLocationCookiesByTerritory(`7-ec8a80fdbe-46hzww`);
        await setCodeCookie(`7-e4a1c59bd4-02km0q`, currentModel);
        break;

      case `6-b4c9aba69c-h2nqvm`: // Locations
        ``;
        const redirectURL = ``;
        const shouldRedirect = `0`;
        const instanceEnv = `live`;
        console.info("Logging", "locations")
        if (instanceEnv == `dev`) {
          if (shouldRedirect == `1` && redirectURL) {
            window.location.replace(redirectURL);
          }
        } else {
          if (redirectURL) {
            window.location.replace(redirectURL);
          }
        }

        cookieManager.set(
          cookieKeys.locationPropertyType,
          ``
        );

        if (
          cookieManager.get(cookieKeys.locationZUID) &&
          cookieManager.get(cookieKeys.locationModel)
        ) {
          cookieManager.set(
            cookieKeys.lastVisitedModel,
            cookieManager.get(cookieKeys.locationModel)
          );
          cookieManager.set(cookieKeys.lastVisitedZUID, cookieManager.get(cookieKeys.locationZUID));
        }

        cookieManager.set(cookieKeys.locationModel, currentModel);
        cookieManager.set(cookieKeys.locationZUID, `7-e4a1c59bd4-02km0q`);
        cookieManager.set(cookieKeys.locationHomeURL, `/usa-central-territory/indiana/`);
        cookieManager.set(cookieKeys.locationName, ``);

        cookieManager.set(cookieKeys.locationAddress, `6060 Castleway West Dr`);
        cookieManager.set(cookieKeys.locationCity, `INDIANAPOLIS`);
        cookieManager.set(cookieKeys.locationState, `Indiana`);
        cookieManager.set(cookieKeys.locationZipcode, `46208-4718`);



        const territoryZUID = ``;
        const divisionZUID = ``;

        cookieManager.set(cookieKeys.divisionZUID, divisionZUID);
        const divisionImg = `https://8hxvw8tw.media.zestyio.com/the-salvation-army-contact-us-4.jpg`;
        const territoryImg = `https://8hxvw8tw.media.zestyio.com/12611243_122422-wpvi-SALVATIONARMY-thumb.webp`;

        const divisionTitle = `Contact Us`;
        const territoryTitle = `Contact Our Eastern Territory `;

        const divisionCTAHeader = ``;
        const territoryCTAHeader = ``;

        if (`https://8hxvw8tw.media.zestyio.com/use-careers-officer-computer.jpg`) {
          cookieManager.set(cookieKeys.contactUsImage, `https://8hxvw8tw.media.zestyio.com/use-careers-officer-computer.jpg`);
          cookieManager.set(cookieKeys.contactUsTitle, `Contact Us`);
          cookieManager.set(cookieKeys.contactUsHeader, `Get in Touch`);
        } else if (divisionImg) {
          cookieManager.set(
            cookieKeys.contactUsImage,
            divisionImg
          );
          cookieManager.set(cookieKeys.contactUsTitle, divisionTitle);
          cookieManager.set(cookieKeys.contactUsHeader, divisionCTAHeader);
        } else if (territoryImg) {
          cookieManager.set(
            cookieKeys.contactUsImage,
            territoryImg
          );
          cookieManager.set(cookieKeys.contactUsTitle, territoryTitle);
          cookieManager.set(cookieKeys.contactUsHeader, territoryCTAHeader);
        } else {
          cookieManager.set(
            cookieKeys.contactUsImage,
            `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
          );
          cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
          cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
        }

        cookieManager.set(cookieKeys.organizationCorp, ``);
        cookieManager.set(
          cookieKeys.organizationDivision,
          `Greater New York`
        );
        cookieManager.set(
          cookieKeys.organizationTerritory,
          `USA Eastern Territory`
        );
        cookieManager.set(cookieKeys.organizationLevel, levels.corp);

        setLocationCookiesByTerritory(territoryZUID);
        await setCodeCookie(`7-e4a1c59bd4-02km0q`, currentModel);
        break;

      case `6-fef1bbcecc-cjfmfq`: // Services
        const locationZUID = ``;
        const locationParent = `7-ec8a80fdbe-46hzww`;

        const territoryZuid = "7-ec8a80fdbe-46hzww";
        const divisionZuid = "";

        if (locationZUID && locationParent != 0 && locationParent !== ``) {

          (``);
          const redirectURL = ``;
          const shouldRedirect = `0`;
          const instanceEnv = `live`;

          if (instanceEnv == `dev`) {
            if (shouldRedirect == `1` && redirectURL) {
              window.location.replace(redirectURL);
            }
          } else {
            if (redirectURL) {
              window.location.replace(redirectURL);
            }
          }

          cookieManager.set(cookieKeys.locationModel, `6-b4c9aba69c-h2nqvm`);
          cookieManager.set(cookieKeys.locationZUID, locationZUID);
          cookieManager.set(
            cookieKeys.locationPropertyType,
            ``
          );
          cookieManager.set(
            cookieKeys.contactUsImage,
            ``
          );
          cookieManager.set(cookieKeys.contactUsTitle, ``);
          cookieManager.set(cookieKeys.contactUsHeader, ``);

          cookieManager.set(cookieKeys.locationHomeURL, `/usa-central-territory/`);
          cookieManager.set(
            cookieKeys.locationName,
            ``
          );

          (``);
          (``);
          (``);

          const territoryZUID = ``;
          cookieManager.set(cookieKeys.divisionZUID, "}");

          cookieManager.set(
            cookieKeys.locationAddress,
            ``
          );
          cookieManager.set(cookieKeys.locationCity, `JACKSONVILLE`);
          cookieManager.set(cookieKeys.locationState, `Illinois`);
          cookieManager.set(cookieKeys.locationZipcode, `46208-4718`);

          cookieManager.set(
            cookieKeys.organizationCorp,
            ``
          );
          cookieManager.set(
            cookieKeys.organizationDivision,
            `Greater New York`
          );
          cookieManager.set(
            cookieKeys.organizationTerritory,
            `USA Eastern Territory`
          );
          cookieManager.set(cookieKeys.organizationLevel, levels.corp);
          
      
          const locationImage = ""
          const divisionImage = "https://8hxvw8tw.media.zestyio.com/the-salvation-army-contact-us-4.jpg"
          const territoryImage = "https://8hxvw8tw.media.zestyio.com/12611243_122422-wpvi-SALVATIONARMY-thumb.webp"

          // Handle the cascading here. Check the locations page and instead of the service location

          if(locationImage){
            cookieManager.set(cookieKeys.contactUsImage, locationImage); 
            cookieManager.set(cookieKeys.contactUsTitle, ``);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else if(divisionImage){
            cookieManager.set(cookieKeys.contactUsImage, divisionImage); 
            cookieManager.set(cookieKeys.contactUsTitle, `Contact Us`);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else if(territoryImage){
            cookieManager.set(cookieKeys.contactUsImage, territoryImage); 
            cookieManager.set(cookieKeys.contactUsTitle, `Contact Our Eastern Territory `);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else{ 
            cookieManager.set(
              cookieKeys.contactUsImage,
              `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
            );
            cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
            cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
          }

          setLocationCookiesByTerritory(territoryZUID);
          await setCodeCookie(locationZUID, "6-b4c9aba69c-h2nqvm");
        } else if (
          territoryZuid != "" && divisionZuid == ""
        ) {
          
          cookieManager.set(cookieKeys.locationZUID, "7-ec8a80fdbe-46hzww");
          cookieManager.set(cookieKeys.locationHomeURL, `/usa-central-territory/`);
          cookieManager.set(cookieKeys.locationName, `USA Central Territory`);
          cookieManager.set(cookieKeys.locationModel, `6-deab97cfd9-wb5km4`);
          
          cookieManager.set(cookieKeys.locationAddress, `5550 Prairie Stone Parkway`);
          cookieManager.set(cookieKeys.locationCity, `HOFFMAN ESTATES`);
          cookieManager.set(cookieKeys.locationState, `Illinois`);
          cookieManager.set(cookieKeys.locationZipcode, `60192`);

          const divisionImage = ""
          const territoryImage = "https://8hxvw8tw.media.zestyio.com/12611243_122422-wpvi-SALVATIONARMY-thumb.webp"

          if(divisionImage){
            cookieManager.set(cookieKeys.contactUsImage, divisionImage); 
            cookieManager.set(cookieKeys.contactUsTitle, ``);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else if(territoryImage){
            cookieManager.set(cookieKeys.contactUsImage, territoryImage);
            cookieManager.set(cookieKeys.contactUsTitle, `Contact the Central Territory`);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else{ 
            cookieManager.set(
              cookieKeys.contactUsImage,
              `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
            );
            cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
            cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
          }
        } else if (
          territoryZuid == "" && divisionZuid != ""
        ) {
          cookieManager.set(cookieKeys.locationHomeURL, `/usa-central-territory/`);
          cookieManager.set(cookieKeys.locationName, ``);
          cookieManager.set(cookieKeys.locationModel, `6-acb19a94bd-4q8ftj`);
          cookieManager.set(cookieKeys.locationZUID, "7-ec8a80fdbe-46hzww");
          cookieManager.set(cookieKeys.locationAddress, ``);
          cookieManager.set(cookieKeys.locationCity, `JACKSONVILLE`);
          cookieManager.set(cookieKeys.locationState, `Illinois`);
          cookieManager.set(cookieKeys.locationZipcode, ``);

          const territoryImage = "https://8hxvw8tw.media.zestyio.com/Large-Intake_officer.jpg"
         if(territoryImage){
            cookieManager.set(cookieKeys.contactUsImage, territoryImage); 
            cookieManager.set(cookieKeys.contactUsTitle, `Contact the Central Territory`);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else{ 
            cookieManager.set(
              cookieKeys.contactUsImage,
              `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
            );
            cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
            cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
          }

        } else {
          cookieManager.set(cookieKeys.locationModel, `6-a0898ca2c1-krnm0f`);
          cookieManager.set(cookieKeys.locationZUID, `7-dab495a2c1-13lthp`);
          cookieManager.set(cookieKeys.locationHomeURL, `/`);
          cookieManager.set(cookieKeys.locationName, `NATIONAL`);
          cookieManager.set(cookieKeys.volunteerUrl, `/volunteer/`);
          cookieManager.set(cookieKeys.employmentUrl, `/employment-opportunities/nhq-careers/`);
          cookieManager.set(cookieKeys.waysToGiveUrl, `/ways-to-give/`);
          cookieManager.set(cookieKeys.plannedGivingUrl, `/ways-to-give/planned-giving-wills-gift-annuities-and-trusts/`);
          cookieManager.set(cookieKeys.mutualFundsUrl, `/ways-to-give/bonds-funds-and-stocks/`);
          cookieManager.set(cookieKeys.locationDonateForm, `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=top_nav`);
          cookieManager.delete(cookieKeys.territoryZUID);
          cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.national);
          cookieManager.set(
          cookieKeys.contactUsImage,
            `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
          );
          cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
          cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
          cookieManager.set(cookieKeys.organizationLevel, levels.national);

          cookieManager.delete(cookieKeys.territoryZUID);
          cookieManager.delete(cookieKeys.organizationCorp);
          cookieManager.delete(cookieKeys.organizationDivision);
          cookieManager.delete(cookieKeys.organizationTerritory);
          cookieManager.delete(cookieKeys.locationPropertyType);
          cookieManager.delete(cookieKeys.locationAddress);
          cookieManager.delete(cookieKeys.locationCity);
          cookieManager.delete(cookieKeys.locationState);
          await setCodeCookie(`7-dab495a2c1-13lthp`);
        }
        break;

      case `6-aa8c819c86-953qkz`: // Contact Us
      case `6-b29d85ada7-5kzkcc`: // About Us
      case `6-f8c59d8382-h4z4pc`: // Stories Landing Page
      case `6-c4d6a894f1-rtzv2z`: // Events Ladning Page
      case `6-cee4dda7e4-0md6ts`: // Leadership Landing Page
        const location = ``;
        const division = ``;
        const territory = `USA Central Territory`;

      
        if (
          cookieManager.get(cookieKeys.locationZUID) &&
          cookieManager.get(cookieKeys.locationModel)
        ) {
          cookieManager.set(
            cookieKeys.lastVisitedModel,
            cookieManager.get(cookieKeys.locationModel)
          );
          cookieManager.set(cookieKeys.lastVisitedZUID, cookieManager.get(cookieKeys.locationZUID));
        }

        if (
          location &&
          `7-ec8a80fdbe-46hzww` !== `3-12e0b7af-8vp5kk` &&
          `7-ec8a80fdbe-46hzww` !== `0`
        ) {
          (``);

          (``);
          const redirectURL = ``;
          const shouldRedirect = `0`;
          const instanceEnv = `live`;

          if (instanceEnv == `dev`) {
            if (shouldRedirect == `1` && redirectURL) {
              window.location.replace(redirectURL);
            }
          } else {
            if (redirectURL) {
              window.location.replace(redirectURL);
            }
          }

          cookieManager.set(cookieKeys.locationModel, `6-b4c9aba69c-h2nqvm`);
          cookieManager.set(cookieKeys.locationPropertyType, ``);
          cookieManager.set(cookieKeys.locationZUID, `7-ec8a80fdbe-46hzww`);
          cookieManager.set(cookieKeys.locationHomeURL, `/usa-central-territory/`);
          
          (``);
          (``);
          (``);

          cookieManager.set(cookieKeys.divisionZUID, "");

         const locationImage = ""
          const divisionImage = "https://8hxvw8tw.media.zestyio.com/the-salvation-army-contact-us-4.jpg"
          const territoryImage = "https://8hxvw8tw.media.zestyio.com/12611243_122422-wpvi-SALVATIONARMY-thumb.webp"

          // Handle the cascading here. Check the locations page and instead of the service location

          if(locationImage){
            cookieManager.set(cookieKeys.contactUsImage, locationImage); 
            cookieManager.set(cookieKeys.contactUsTitle, ``);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else if(divisionImage){
            cookieManager.set(cookieKeys.contactUsImage, divisionImage); 
            cookieManager.set(cookieKeys.contactUsTitle, `Contact Us`);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else if(territoryImage){
            cookieManager.set(cookieKeys.contactUsImage, territoryImage); 
            cookieManager.set(cookieKeys.contactUsTitle, `Contact Our Eastern Territory `);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else{ 
            cookieManager.set(
              cookieKeys.contactUsImage,
              `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
            );
            cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
            cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
          }

          cookieManager.set(
            cookieKeys.locationName,
            ``
          );

    
          const territoryZUID = ``;

          cookieManager.set(
            cookieKeys.locationAddress,
            ``
          );
          cookieManager.set(cookieKeys.locationCity, `JACKSONVILLE`);
          cookieManager.set(cookieKeys.locationState, `Illinois`);
          cookieManager.set(cookieKeys.locationZipcode, ``);

          cookieManager.set(
            cookieKeys.organizationCorp,
            ``
          );
          cookieManager.set(
            cookieKeys.organizationDivision,
            `Greater New York`
          );
          cookieManager.set(
            cookieKeys.organizationTerritory,
            `USA Eastern Territory`
          );
          cookieManager.set(cookieKeys.organizationLevel, levels.corp);

          setLocationCookiesByTerritory(territoryZUID);

          await setCodeCookie(`7-ec8a80fdbe-46hzww`, "6-b4c9aba69c-h2nqvm");
        } else if (division && `7-ec8a80fdbe-46hzww` !== `0`) {
          // DIVISIONS
          console.log("DIVISIONS")
          cookieManager.set(cookieKeys.locationModel, `6-acb19a94bd-4q8ftj`);
          cookieManager.set(cookieKeys.locationZUID, `7-ec8a80fdbe-46hzww`);
          cookieManager.set(cookieKeys.locationHomeURL, `/usa-central-territory/`);

          const divisionImage = ""
          const territoryImage = "https://8hxvw8tw.media.zestyio.com/12611243_122422-wpvi-SALVATIONARMY-thumb.webp"

          // Handle the cascading here. Check the locations page and instead of the service location

          if(divisionImage){
            cookieManager.set(cookieKeys.contactUsImage, divisionImage); 
            cookieManager.set(cookieKeys.contactUsTitle, ``);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else if(territoryImage){
            cookieManager.set(cookieKeys.contactUsImage, territoryImage);
            cookieManager.set(cookieKeys.contactUsTitle, `Contact Our Eastern Territory `);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else{ 
            cookieManager.set(
              cookieKeys.contactUsImage,
              `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
            );
            cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
            cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
          }

          (``);
          cookieManager.set(
            cookieKeys.locationAddress,
            ``
          );


          cookieManager.set(cookieKeys.locationCity, `JACKSONVILLE`);
          cookieManager.set(cookieKeys.locationState, `Illinois`);
          cookieManager.set(cookieKeys.locationZipcode, ``);

          cookieManager.set(
            cookieKeys.locationName,
            ``
          );

          cookieManager.set(
            cookieKeys.organizationDivision,
            ``
          );
          cookieManager.set(
            cookieKeys.organizationTerritory,
            `USA Central Territory`
          );
          cookieManager.set(cookieKeys.organizationLevel, levels.division);

          cookieManager.delete(cookieKeys.organizationCorp);
          cookieManager.delete(cookieKeys.locationPropertyType);
          setLocationCookiesByTerritory(`7-ec8a80fdbe-46hzww`);
          await setCodeCookie(`7-ec8a80fdbe-46hzww`, "6-acb19a94bd-4q8ftj");
        } else if (territory && `7-ec8a80fdbe-46hzww` !== `0`) {
          cookieManager.set(cookieKeys.locationModel, `6-deab97cfd9-wb5km4`);
          cookieManager.set(cookieKeys.locationZUID, `7-ec8a80fdbe-46hzww`);
          cookieManager.set(cookieKeys.locationHomeURL, `/usa-central-territory/`);
          cookieManager.set(
            cookieKeys.locationName,
            `USA Central Territory`
          );

          (``);
          (``);
          cookieManager.set(
            cookieKeys.locationAddress,
            `5550 Prairie Stone Parkway`
          );
          cookieManager.set(cookieKeys.locationCity, `HOFFMAN ESTATES`);
          cookieManager.set(cookieKeys.locationState, `Illinois`);
          cookieManager.set(cookieKeys.locationZipcode, `60192`);

          const territoryImage = "https://8hxvw8tw.media.zestyio.com/Large-Intake_officer.jpg"

          // Handle the cascading here. Check the locations page and instead of the service location

           if(territoryImage){
            cookieManager.set(cookieKeys.contactUsImage, territoryImage); 
            cookieManager.set(cookieKeys.contactUsTitle, `Contact the Central Territory`);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else{ 
            cookieManager.set(
              cookieKeys.contactUsImage,
              `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
            );
            cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
            cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
          }

          setLocationCookiesByTerritory(`7-ec8a80fdbe-46hzww`);
          cookieManager.set(
            cookieKeys.organizationTerritory,
            `USA Central Territory`
          );
          cookieManager.set(cookieKeys.organizationLevel, levels.territory);

          cookieManager.delete(cookieKeys.organizationCorp);
          cookieManager.delete(cookieKeys.organizationDivision);
          cookieManager.delete(cookieKeys.locationPropertyType);

          await setCodeCookie(`7-ec8a80fdbe-46hzww`, "6-deab97cfd9-wb5km4");
        } else {
          cookieManager.set(cookieKeys.locationModel, `6-a0898ca2c1-krnm0f`);
          cookieManager.set(cookieKeys.locationZUID, `7-dab495a2c1-13lthp`);
          cookieManager.set(cookieKeys.locationHomeURL, `/`);
          cookieManager.set(cookieKeys.locationName, `NATIONAL`);
          cookieManager.set(cookieKeys.volunteerUrl, `/volunteer/`);
          cookieManager.set(cookieKeys.employmentUrl, `/employment-opportunities/nhq-careers/`);
          cookieManager.set(cookieKeys.waysToGiveUrl, `/ways-to-give/`);
          cookieManager.set(cookieKeys.plannedGivingUrl, `/ways-to-give/planned-giving-wills-gift-annuities-and-trusts/`);
          cookieManager.set(cookieKeys.mutualFundsUrl, `/ways-to-give/bonds-funds-and-stocks/`);
          cookieManager.set(cookieKeys.locationDonateForm, `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=top_nav`);
          cookieManager.delete(cookieKeys.territoryZUID);
          cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.national);
          cookieManager.set(
            cookieKeys.contactUsImage,
            `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
          );
          cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
          cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
          cookieManager.set(cookieKeys.organizationLevel, levels.national);

          cookieManager.delete(cookieKeys.territoryZUID);
          cookieManager.delete(cookieKeys.organizationCorp);
          cookieManager.delete(cookieKeys.organizationDivision);
          cookieManager.delete(cookieKeys.organizationTerritory);
          cookieManager.delete(cookieKeys.locationPropertyType);
          cookieManager.delete(cookieKeys.locationAddress);
          cookieManager.delete(cookieKeys.locationCity);
          cookieManager.delete(cookieKeys.locationState);
          cookieManager.delete(cookieKeys.locationZipcode);
          await setCodeCookie(`7-dab495a2c1-13lthp`);
        }
        break;

      case `6-c2b7f2a9ad-k4frxv`: // Informational Page
        const informationalPageZUID = `7-e4a1c59bd4-02km0q`;
        const locationRelational = ""
        const divisionRelational = ""
        const territoryRelational = "7-ec8a80fdbe-46hzww"

        console.log(locationRelational, divisionRelational, territoryRelational)
        const zuidInformationalPage = ``;
        const zuidLocation = ``;
        const zuidDivision = ``;
        const zuidTerritory = `USA Central Territory`;
        console.log(zuidInformationalPage)
        if (
          `7-e4a1c59bd4-02km0q` === `7-98f6a2b4bf-8xvb3r` &&
          cookieManager.get(cookieKeys.locationZUID)
        ) {
          return;
        }
        
        if (`7-e4a1c59bd4-02km0q` === `7-b8c09b84c2-fp57hm` || "7-e4a1c59bd4-02km0q" === "7-a68bca8d8e-l7vs7f" || "7-e4a1c59bd4-02km0q" === "7-98f6a2b4bf-8xvb3r") {
          // await setCodeCookie(`7-ec8a80fdbe-46hzww`);
          
          if(!cookieManager.get(cookieKeys.locationZUID)){
            cookieManager.set(cookieKeys.locationModel, `6-a0898ca2c1-krnm0f`);
            cookieManager.set(cookieKeys.locationZUID, `7-dab495a2c1-13lthp`);
            cookieManager.set(cookieKeys.locationHomeURL, `/`);
            cookieManager.set(cookieKeys.locationName, `NATIONAL`);
            cookieManager.set(cookieKeys.volunteerUrl, `/volunteer/`);
            cookieManager.set(cookieKeys.employmentUrl, `/employment-opportunities/nhq-careers/`);
            cookieManager.set(cookieKeys.waysToGiveUrl, `/ways-to-give/`);
            cookieManager.set(cookieKeys.plannedGivingUrl, `/ways-to-give/planned-giving-wills-gift-annuities-and-trusts/`);
            cookieManager.set(cookieKeys.mutualFundsUrl, `/ways-to-give/bonds-funds-and-stocks/`);
            cookieManager.set(cookieKeys.locationDonateForm, `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=top_nav`);
            cookieManager.delete(cookieKeys.territoryZUID);
            cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.national);
            cookieManager.set(
              cookieKeys.contactUsImage,
              `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
            );
            cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
            cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
            cookieManager.set(cookieKeys.organizationLevel, levels.national);

            cookieManager.delete(cookieKeys.territoryZUID);
            cookieManager.delete(cookieKeys.organizationCorp);
            cookieManager.delete(cookieKeys.organizationDivision);
            cookieManager.delete(cookieKeys.organizationTerritory);
            cookieManager.delete(cookieKeys.locationPropertyType);
            cookieManager.delete(cookieKeys.locationAddress);
            cookieManager.delete(cookieKeys.locationCity);
            cookieManager.delete(cookieKeys.locationState);
            cookieManager.delete(cookieKeys.locationZipcode);
            await setCodeCookie(`7-dab495a2c1-13lthp`);
          }
          return;
        }
        
        
        if (
          locationRelational
        ) {
          (``);

          (``);
          const redirectURL = ``;
          const shouldRedirect = `0`;
          const instanceEnv = `live`;

          if (instanceEnv == `dev`) {
            if (shouldRedirect == `1` && redirectURL) {
              window.location.replace(redirectURL);
            }
          } else {
            if (redirectURL) {
              window.location.replace(redirectURL);
            }
          }
          await handleInformationalPage(informationalPageZUID);

          cookieManager.set(cookieKeys.locationModel, `6-b4c9aba69c-h2nqvm`);
          cookieManager.set(cookieKeys.locationPropertyType, `simplified`);
          cookieManager.set(cookieKeys.locationZUID, ``);
         

          (``);
          (``);

          cookieManager.set(cookieKeys.divisionZUID, "");


          const locationImage = ""
          const divisionImage = "https://8hxvw8tw.media.zestyio.com/the-salvation-army-contact-us-4.jpg"
          const territoryImage = "https://8hxvw8tw.media.zestyio.com/Large-Intake_officer.jpg"
          // Handle the cascading here. Check the locations page and instead of the service location

          

          if(locationImage){
            cookieManager.set(cookieKeys.contactUsImage, locationImage); 
            cookieManager.set(cookieKeys.contactUsTitle, ``);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else if(divisionImage){
            cookieManager.set(cookieKeys.contactUsImage, divisionImage); 
            cookieManager.set(cookieKeys.contactUsTitle, `Contact Us`);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else if(territoryImage){
            cookieManager.set(cookieKeys.contactUsImage, territoryImage);
            cookieManager.set(cookieKeys.contactUsTitle, `Contact the Central Territory`);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else{ 
            cookieManager.set(
              cookieKeys.contactUsImage,
              `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
            );
            cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
            cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
          }


          cookieManager.set(cookieKeys.locationHomeURL, `/`);
          cookieManager.set(
            cookieKeys.locationName,
            ``
          );

          (``);
          (``);
          (``);
          (``);
          const territoryZUID = `7-ec8a80fdbe-46hzww`;

          cookieManager.set(
            cookieKeys.locationAddress,
            ``
          );


          (``)
          (``)
          (``)
          (``)

          cookieManager.set(cookieKeys.locationCity, `CORRY`);
          cookieManager.set(cookieKeys.locationState, ``);
          cookieManager.set(cookieKeys.locationZipcode, `16407`);

          

          cookieManager.set(
            cookieKeys.organizationCorp,
            `CORRY WORSHIP & SERVICE CENTER`
          );
          cookieManager.set(
            cookieKeys.organizationDivision,
            `Greater New York`
          );
          cookieManager.set(
            cookieKeys.organizationTerritory,
            `USA Central Territory`
          );
          cookieManager.set(cookieKeys.organizationLevel, levels.corp);

          setLocationCookiesByTerritory(territoryZUID);

          await setCodeCookie(``, "6-b4c9aba69c-h2nqvm");
        } else if (divisionRelational) {
          cookieManager.set(cookieKeys.locationModel, `6-acb19a94bd-4q8ftj`);
          cookieManager.set(cookieKeys.locationZUID, ``);
          cookieManager.set(cookieKeys.locationHomeURL, `/`);

          const divisionImage = "https://8hxvw8tw.media.zestyio.com/the-salvation-army-contact-us-4.jpg"
          const territoryImage = "https://8hxvw8tw.media.zestyio.com/Large-Intake_officer.jpg"
          if(divisionImage){
            cookieManager.set(cookieKeys.contactUsImage, divisionImage); 
            cookieManager.set(cookieKeys.contactUsTitle, `Contact Us`);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else if(territoryImage){
            cookieManager.set(cookieKeys.contactUsImage, territoryImage);
            cookieManager.set(cookieKeys.contactUsTitle, `Contact the Central Territory`);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else{ 
            cookieManager.set(
              cookieKeys.contactUsImage,
              `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
            );
            cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
            cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
          }

          (``);
          await handleInformationalPage(informationalPageZUID);

          cookieManager.set(
            cookieKeys.locationAddress,
            `120 West 14th Street`
          );
          
          
          
          
          
          cookieManager.set(cookieKeys.locationCity, `NEW YORK`);
          cookieManager.set(cookieKeys.locationState, `New York`);
          cookieManager.set(cookieKeys.locationZipcode, `10011-7393`);

          cookieManager.set(
            cookieKeys.locationName,
            `Greater New York`
          );

          cookieManager.set(
            cookieKeys.organizationDivision,
            `Greater New York`
          );
          cookieManager.set(
            cookieKeys.organizationTerritory,
            `USA Central Territory`
          );
          cookieManager.set(cookieKeys.organizationLevel, levels.division);

          cookieManager.delete(cookieKeys.organizationCorp);
          cookieManager.delete(cookieKeys.locationPropertyType);

          setLocationCookiesByTerritory(``);
          await setCodeCookie(``, "6-acb19a94bd-4q8ftj");
        } else if (territoryRelational) {
          console.log("territory")


          await handleInformationalPage(informationalPageZUID);

          cookieManager.set(cookieKeys.locationModel, `6-deab97cfd9-wb5km4`);
          cookieManager.set(cookieKeys.locationZUID, `7-ec8a80fdbe-46hzww`);
          cookieManager.set(cookieKeys.locationHomeURL, `/usa-central-territory/`);
          cookieManager.set(
            cookieKeys.locationName,
            `USA Central Territory`
          );
          
          
          cookieManager.set(
            cookieKeys.locationAddress,
            `5550 Prairie Stone Parkway`
          );
          
          cookieManager.set(cookieKeys.locationCity, `HOFFMAN ESTATES`);
          cookieManager.set(cookieKeys.locationState, `Illinois`);
          cookieManager.set(cookieKeys.locationZipcode, `60192`);

          const territoryImage = "https://8hxvw8tw.media.zestyio.com/Large-Intake_officer.jpg"

        if(territoryImage){
            cookieManager.set(cookieKeys.contactUsImage, territoryImage);
            cookieManager.set(cookieKeys.contactUsTitle, `Contact the Central Territory`);
            cookieManager.set(cookieKeys.contactUsHeader, ``);
          }else{ 
            cookieManager.set(
              cookieKeys.contactUsImage,
              `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
            );
            cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
            cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
          }

          setLocationCookiesByTerritory(`7-ec8a80fdbe-46hzww`);
          cookieManager.set(
            cookieKeys.organizationTerritory,
              `USA Central Territory`
          );
          cookieManager.set(cookieKeys.organizationLevel, levels.territory);

          cookieManager.delete(cookieKeys.organizationCorp);
          cookieManager.delete(cookieKeys.organizationDivision);
          cookieManager.delete(cookieKeys.locationPropertyType);

          await setCodeCookie(`7-ec8a80fdbe-46hzww`, "6-deab97cfd9-wb5km4");
        } else if (zuidInformationalPage && `7-ec8a80fdbe-46hzww` !== `0`) {
          await handleInformationalPage(informationalPageZUID);
        } else {
          cookieManager.set(cookieKeys.locationModel, `6-a0898ca2c1-krnm0f`);
          cookieManager.set(cookieKeys.locationZUID, `7-dab495a2c1-13lthp`);
          cookieManager.set(cookieKeys.locationHomeURL, `/`);
          cookieManager.set(cookieKeys.locationName, `NATIONAL`);
          cookieManager.set(cookieKeys.volunteerUrl, `/volunteer/`);
          cookieManager.set(cookieKeys.employmentUrl, `/employment-opportunities/nhq-careers/`);
          cookieManager.set(cookieKeys.waysToGiveUrl, `/ways-to-give/`);
          cookieManager.set(cookieKeys.plannedGivingUrl, `/ways-to-give/planned-giving-wills-gift-annuities-and-trusts/`);
          cookieManager.set(cookieKeys.mutualFundsUrl, `/ways-to-give/bonds-funds-and-stocks/`);
          cookieManager.set(cookieKeys.locationDonateForm, `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=top_nav`);
          cookieManager.delete(cookieKeys.territoryZUID);
          cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.national);
          cookieManager.set(
            cookieKeys.contactUsImage,
            `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
          );
    cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
            cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
          cookieManager.set(cookieKeys.organizationLevel, levels.national);

          cookieManager.delete(cookieKeys.territoryZUID);
          cookieManager.delete(cookieKeys.organizationCorp);
          cookieManager.delete(cookieKeys.organizationDivision);
          cookieManager.delete(cookieKeys.organizationTerritory);
          cookieManager.delete(cookieKeys.locationPropertyType);
          cookieManager.delete(cookieKeys.locationAddress);
          cookieManager.delete(cookieKeys.locationCity);
          cookieManager.delete(cookieKeys.locationState);

          await setCodeCookie(`7-dab495a2c1-13lthp`);
        }

        break;

      case `6-a2dbc1a6e2-x4pzmx`: // Events
        await handleEventCookies();
        break;
      case `6-80c7e29486-k0pq6s`: // Stories
        await handleStoryCookies();
        break;
      case `6-8e91efbf9b-jqqxjt`: // Location Finder
      case `6-8cdcc4c1bf-r8jnvc`: // All stories
        if (!cookieManager.get(cookieKeys.locationZUID)) {
          cookieManager.set(cookieKeys.locationModel, currentModel);
          cookieManager.set(cookieKeys.locationZUID, `7-e4a1c59bd4-02km0q`);
          cookieManager.set(cookieKeys.locationHomeURL, `/`);
          cookieManager.set(cookieKeys.locationName, `NATIONAL`);
          cookieManager.set(cookieKeys.volunteerUrl, `/volunteer/`);
          cookieManager.set(cookieKeys.employmentUrl, `/employment-opportunities/nhq-careers/`);
          cookieManager.set(cookieKeys.waysToGiveUrl, `/ways-to-give/`);
          cookieManager.set(cookieKeys.plannedGivingUrl, `/ways-to-give/planned-giving-wills-gift-annuities-and-trusts/`);
          cookieManager.set(cookieKeys.mutualFundsUrl, `/ways-to-give/bonds-funds-and-stocks/`);
          cookieManager.set(cookieKeys.locationDonateForm, `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=top_nav`);
          cookieManager.set(cookieKeys.analyticsCode, `SAL^USN`);
          cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.national);
          cookieManager.set(cookieKeys.organizationLevel, levels.national);
          cookieManager.set(
            cookieKeys.contactUsImage,
            `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
          );
    cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
            cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
          cookieManager.delete(cookieKeys.territoryZUID);
          cookieManager.delete(cookieKeys.divisionZUID);
          cookieManager.delete(cookieKeys.organizationCorp);
          cookieManager.delete(cookieKeys.organizationDivision);
          cookieManager.delete(cookieKeys.organizationTerritory);
          cookieManager.delete(cookieKeys.locationAddress);
          cookieManager.delete(cookieKeys.locationCity);
          cookieManager.delete(cookieKeys.locationState);
          await setCodeCookie(national);
        }
        break;
      case `6-ce888daf92-fpzvz1`: //States
        if (
          cookieManager.get(cookieKeys.locationZUID) &&
          cookieManager.get(cookieKeys.locationModel)
        ) {
          cookieManager.set(
            cookieKeys.lastVisitedModel,
            cookieManager.get(cookieKeys.locationModel)
          );
          cookieManager.set(cookieKeys.lastVisitedZUID, cookieManager.get(cookieKeys.locationZUID));
        }

        cookieManager.set(
          cookieKeys.contactUsImage,
          `https://8hxvw8tw.media.zestyio.com/Large-Intake_officer.jpg`
        );
        cookieManager.set(
          cookieKeys.contactUsTitle,
          `Contact the Central Territory`
        );
        cookieManager.set(
          cookieKeys.contactUsHeader,
          ``
        );
        break;
      case `cities`:
        ``;
        ``;

        cookieManager.set(
          cookieKeys.contactUsImage,
          `https://8hxvw8tw.media.zestyio.com/12611243_122422-wpvi-SALVATIONARMY-thumb.webp`
        );
                cookieManager.set(
          cookieKeys.contactUsTitle,
          `Contact Our Eastern Territory `
        );
        cookieManager.set(
          cookieKeys.contactUsHeader,
          ``
        );
        break;
    }
  }

  async function handleEventCookies() {
    if (cookieManager.get(cookieKeys.locationZUID) && cookieManager.get(cookieKeys.locationModel)) {
      cookieManager.set(cookieKeys.lastVisitedModel, cookieManager.get(cookieKeys.locationModel));
      cookieManager.set(cookieKeys.lastVisitedZUID, cookieManager.get(cookieKeys.locationZUID));
    }

    const zuid = cookieManager.get(cookieKeys.locationZUID);

    if (zuid) {
      // const eventInformation = await fetchInformation(`find-event`, zuid);
      // setupCookiesWithInformation(eventInformation, zuid);
    } else {
      cookieManager.set(cookieKeys.locationModel, `6-a0898ca2c1-krnm0f`);
      cookieManager.set(cookieKeys.locationZUID, `7-dab495a2c1-13lthp`);
      cookieManager.set(cookieKeys.locationHomeURL, `/`);
      cookieManager.set(cookieKeys.locationName, `NATIONAL`);
      cookieManager.set(cookieKeys.volunteerUrl, `/volunteer/`);
      cookieManager.set(cookieKeys.employmentUrl, `/employment-opportunities/nhq-careers/`);
      cookieManager.set(cookieKeys.waysToGiveUrl, `/ways-to-give/`);
      cookieManager.set(cookieKeys.plannedGivingUrl, `/ways-to-give/planned-giving-wills-gift-annuities-and-trusts/`);
      cookieManager.set(cookieKeys.mutualFundsUrl, `/ways-to-give/bonds-funds-and-stocks/`);
      cookieManager.set(cookieKeys.locationDonateForm, `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=top_nav`);
      cookieManager.set(cookieKeys.analyticsCode, `SAL^USN`);
      cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.national);
      cookieManager.set(
        cookieKeys.contactUsImage,
        `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
      );
    cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
            cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
      cookieManager.delete(cookieKeys.divisionZUID);
      cookieManager.delete(cookieKeys.territoryZUID);
      cookieManager.delete(cookieKeys.locationPropertyType);
      cookieManager.delete(cookieKeys.locationAddress);
      cookieManager.delete(cookieKeys.locationCity);
      cookieManager.delete(cookieKeys.locationState);
    }
  }

  async function handleStoryCookies() {
    // PERSISTED COOKIE
    const zuid = cookieManager.get(cookieKeys.locationZUID);

    if (zuid) {
      // RESET COOKIES
      // const eventInformation = await fetchInformation(`find-story`, zuid);
      // setupCookiesWithInformation(eventInformation, zuid);
    } else {
      // NATIONAL
      cookieManager.set(cookieKeys.locationModel, `6-a0898ca2c1-krnm0f`);
      cookieManager.set(cookieKeys.locationZUID, `7-dab495a2c1-13lthp`);
      cookieManager.set(cookieKeys.locationHomeURL, `/`);
      cookieManager.set(cookieKeys.locationName, `NATIONAL`);
      cookieManager.set(cookieKeys.volunteerUrl, `/volunteer/`);
      cookieManager.set(cookieKeys.employmentUrl, `/employment-opportunities/nhq-careers/`);
      cookieManager.set(cookieKeys.waysToGiveUrl, `/ways-to-give/`);
      cookieManager.set(cookieKeys.plannedGivingUrl, `/ways-to-give/planned-giving-wills-gift-annuities-and-trusts/`);
      cookieManager.set(cookieKeys.mutualFundsUrl, `/ways-to-give/bonds-funds-and-stocks/`);
      cookieManager.set(cookieKeys.locationDonateForm, `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=top_nav`);
      cookieManager.set(cookieKeys.analyticsCode, `SAL^USN`);
      cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.national);
      cookieManager.set(
        cookieKeys.contactUsImage,
        `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
      );
      cookieManager.set(cookieKeys.contactUsTitle, `Connect with us`);
      cookieManager.set(cookieKeys.contactUsHeader, `Having Issues?`);
      cookieManager.delete(cookieKeys.territoryZUID);
      cookieManager.delete(cookieKeys.divisionZUID);
      cookieManager.delete(cookieKeys.locationAddress);
      cookieManager.delete(cookieKeys.locationCity);
      cookieManager.delete(cookieKeys.locationState);
    }
  }

  async function setCodeCookie(zuid, modelZuid) {
    res = await fetchInformation(`data_code`, zuid, modelZuid);
    cookieManager.set(cookieKeys.analyticsCode, res.code);
    cookieManager.set(cookieKeys.analyticsPageType, res.page_type);
    cookieManager.set(cookieKeys.territoryCode, res?.territory_code || "");
    cookieManager.set(cookieKeys.divisionCode, res?.division_code || "");
  }

  async function fetchInformation(url, zuid, modelZuid) {
    let informationURL = "";

    if(modelZuid){
      informationURL = `https://salvationarmyusa.org/${url}.json?zuid=${zuid}&model=${modelZuid}`
    }else{
      informationURL = `https://salvationarmyusa.org/${url}.json?zuid=${zuid}`
    }

    try {
      const res = await fetch(informationURL);
      const body = await res.json();

      return body;
    } catch (err) {
      console.error(`error: `, err);
    }
  }

  function setupCookiesWithInformation(eventInformation, zuid) {
    cookieManager.set(cookieKeys.locationZUID, zuid);
    cookieManager.set(cookieKeys.locationHomeURL, eventInformation.path);
    cookieManager.set(cookieKeys.locationName, eventInformation.name);
    cookieManager.set(cookieKeys.analyticsCode, eventInformation.code);
    setLocationCookiesByTerritory(eventInformation.territoryZUID);

    switch (eventInformation.event_found_at) {
      case `locations`:
        if (eventInformation.redirect_url) {
          window.location.replace(eventInformation.redirect_url);
          return;
        }

        cookieManager.set(cookieKeys.locationModel, `6-b4c9aba69c-h2nqvm`);
        cookieManager.set(cookieKeys.contactUsImage, eventInformation.contact_us_image);
        cookieManager.set(cookieKeys.contactUsTitle, eventInformation.contact_us_title);
        cookieManager.set(cookieKeys.contactUsHeader, eventInformation.contact_us_header);
        cookieManager.set(cookieKeys.locationPropertyType, eventInformation.property_type);
        cookieManager.set(cookieKeys.organizationCorp, eventInformation.name);
        cookieManager.set(cookieKeys.organizationDivision, eventInformation.divisionName);
        cookieManager.set(cookieKeys.organizationTerritory, eventInformation.territoryName);
        cookieManager.set(cookieKeys.organizationLevel, levels.corp);
        cookieManager.set(cookieKeys.locationAddress, eventInformation.address);
        cookieManager.set(cookieKeys.locationCity, eventInformation.city);
        cookieManager.set(cookieKeys.locationState, eventInformation.state);
        cookieManager.set(cookieKeys.locationZipcode, eventInformation.zipcode);
        cookieManager.set(cookieKeys.divisionZUID, eventInformation.divisionZUID);
        cookieManager.set(cookieKeys.territoryZUID, eventInformation.territoryZUID);

        break;
      case `divisions`:
        cookieManager.set(cookieKeys.locationModel, `6-acb19a94bd-4q8ftj`);
        cookieManager.set(cookieKeys.organizationDivision, eventInformation.name);
        cookieManager.set(cookieKeys.organizationTerritory, eventInformation.territoryName);
        cookieManager.set(cookieKeys.organizationLevel, levels.division);
        cookieManager.set(cookieKeys.contactUsImage, eventInformation.contact_us_image);
        cookieManager.set(cookieKeys.contactUsTitle, eventInformation.contact_us_title);
        cookieManager.set(cookieKeys.contactUsHeader, eventInformation.contact_us_header);
        cookieManager.set(cookieKeys.locationAddress, eventInformation.address);
        cookieManager.delete(cookieKeys.organizationCorp);
        cookieManager.delete(cookieKeys.locationPropertyType);
        cookieManager.set(cookieKeys.locationAddress, eventInformation.address);
        cookieManager.set(cookieKeys.locationCity, eventInformation.city);
        cookieManager.set(cookieKeys.locationState, eventInformation.state);
        cookieManager.set(cookieKeys.locationZipcode, eventInformation.zipcode);
        break;
      case `territories`:
        cookieManager.set(cookieKeys.locationModel, `6-deab97cfd9-wb5km4`);

        cookieManager.set(cookieKeys.organizationTerritory, eventInformation.Name);
        cookieManager.set(cookieKeys.organizationLevel, levels.territory);
        cookieManager.set(cookieKeys.contactUsImage, eventInformation.contact_us_image);
        cookieManager.set(cookieKeys.contactUsTitle, eventInformation.contact_us_title);
        cookieManager.set(cookieKeys.contactUsHeader, eventInformation.contact_us_header);
        cookieManager.set(cookieKeys.locationAddress, eventInformation.address);
        cookieManager.delete(cookieKeys.organizationCorp);
        cookieManager.delete(cookieKeys.locationPropertyType);
        cookieManager.set(cookieKeys.locationAddress, eventInformation.address);
        cookieManager.set(cookieKeys.locationCity, eventInformation.city);
        cookieManager.set(cookieKeys.locationState, eventInformation.state);
        cookieManager.set(cookieKeys.locationZipcode, eventInformation.zipcode);
        break;
      default:
        cookieManager.set(cookieKeys.locationModel, `6-a0898ca2c1-krnm0f`);
        cookieManager.set(cookieKeys.locationZUID, `7-dab495a2c1-13lthp`);
        cookieManager.set(cookieKeys.locationHomeURL, `/`);
        cookieManager.set(cookieKeys.locationName, `NATIONAL`);
        cookieManager.set(cookieKeys.volunteerUrl, `/volunteer/`);
        cookieManager.set(cookieKeys.employmentUrl, `/employment-opportunities/nhq-careers/`);
        cookieManager.set(cookieKeys.locationDonateForm, `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=top_nav`);
        cookieManager.set(cookieKeys.analyticsCode, `SAL^USN`);
        cookieManager.set(cookieKeys.organizationLevel, levels.national);

        cookieManager.delete(cookieKeys.territoryZUID);
        cookieManager.delete(cookieKeys.organizationCorp);
        cookieManager.delete(cookieKeys.organizationDivision);
        cookieManager.delete(cookieKeys.organizationTerritory);
        cookieManager.delete(cookieKeys.locationPropertyType);
        cookieManager.delete(cookieKeys.locationAddress);
        cookieManager.delete(cookieKeys.locationCity);
        cookieManager.delete(cookieKeys.locationState);
        cookieManager.delete(cookieKeys.locationZipcode);

        cookieManager.delete(cookieKeys.divisionZUID);
        break;
    }
  }

  async function handleInformationalPage(zuid) {
    const locationCookie = cookieManager.get(cookieKeys.locationZUID);
    console.log(locationCookie)
    if (locationCookie) {
      const model = await fetchInformation(`get-informational-page`, zuid);
      switch (model.content.meta.model_name) {
        case `locations`:
          cookieManager.set(cookieKeys.locationModel, `6-b4c9aba69c-h2nqvm`);
          cookieManager.set(
            cookieKeys.locationPropertyType,
            model.content.property_type.page_layout
          );
          cookieManager.set(cookieKeys.locationZUID, model.content.meta.zuid);
          cookieManager.set(cookieKeys.locationHomeURL, model.content.meta.web.uri);

          cookieManager.set(cookieKeys.locationName, model.content.name);

          (``);
          (``);

          const territoryZUID = ``;

          cookieManager.set(cookieKeys.organizationCorp, model.content.name);
          cookieManager.set(cookieKeys.organizationDivision, model.content.divisions.data[0].name);
          cookieManager.set(cookieKeys.organizationTerritory, model.content.territory.data[0].name);
          cookieManager.set(cookieKeys.organizationLevel, levels.corp);
          cookieManager.set(cookieKeys.contactUsImage, model.content.contact_us_image.data[0].url);
          cookieManager.set(cookieKeys.contactUsTitle, model.content.contact_us_title);
          cookieManager.set(cookieKeys.contactUsHeader, model.content.contact_us_cta_header);
          cookieManager.set(cookieKeys.locationAddress, model.address);
          cookieManager.set(cookieKeys.locationCity, model.city);
          cookieManager.set(cookieKeys.locationState, model.state);
          cookieManager.set(cookieKeys.locationZipcode, model.zipcode);

          setLocationCookiesByTerritory(model.content.territory.data[0].meta.zuid);

          await setCodeCookie(model.content.meta.zuid);

          break;
        case `divisions`:
          cookieManager.set(cookieKeys.locationModel, `6-acb19a94bd-4q8ftj`);
          cookieManager.set(cookieKeys.locationZUID, model.content.meta.zuid);
          cookieManager.set(cookieKeys.locationHomeURL, model.content.meta.web.uri);
          cookieManager.set(cookieKeys.locationName, model.content.name);

          cookieManager.set(cookieKeys.organizationDivision, model.content.name);
          cookieManager.set(cookieKeys.organizationTerritory, model.content.territory.data[0].name);
          cookieManager.set(cookieKeys.contactUsImage, model.content.contact_us_image.data[0].url);
          cookieManager.set(cookieKeys.contactUsTitle, model.content.contact_us_title);
          cookieManager.set(cookieKeys.contactUsHeader, model.content.contact_us_cta_header);
          cookieManager.set(cookieKeys.organizationLevel, levels.division);
          cookieManager.set(cookieKeys.locationAddress, model.address);
          cookieManager.set(cookieKeys.locationCity, model.city);
          cookieManager.set(cookieKeys.locationState, model.state);
          cookieManager.set(cookieKeys.locationZipcode, model.zipcode);

          cookieManager.delete(cookieKeys.organizationCorp);
          cookieManager.delete(cookieKeys.locationPropertyType);

          setLocationCookiesByTerritory(model.content.territory.data[0].meta.zuid);
          await setCodeCookie(model.content.meta.zuid);
          break;
        case `territories`:
          cookieManager.set(cookieKeys.locationModel, `6-deab97cfd9-wb5km4`);
          cookieManager.set(cookieKeys.locationZUID, model.content.meta.zuid);
          cookieManager.set(cookieKeys.locationHomeURL, model.content.meta.web.uri);
          cookieManager.set(cookieKeys.locationName, model.content.name);
          cookieManager.set(cookieKeys.contactUsImage, model.content.contact_us_image.data[0].url);
          cookieManager.set(cookieKeys.contactUsTitle, model.content.contact_us_title);
          cookieManager.set(cookieKeys.contactUsHeader, model.content.contact_us_cta_header);
          cookieManager.set(cookieKeys.locationAddress, model.address);
          cookieManager.set(cookieKeys.locationCity, model.city);
          cookieManager.set(cookieKeys.locationState, model.state);
          cookieManager.set(cookieKeys.locationZipcode, model.zipcode);

          setLocationCookiesByTerritory(model.content.meta.zuid);
          cookieManager.set(cookieKeys.organizationTerritory, model.content.name);
          cookieManager.set(cookieKeys.organizationLevel, levels.territory);

          cookieManager.delete(cookieKeys.organizationCorp);
          cookieManager.delete(cookieKeys.organizationDivision);
          cookieManager.delete(cookieKeys.locationPropertyType);
          await setCodeCookie(model.content.meta.zuid);
          break;
        default:
          cookieManager.set(cookieKeys.locationModel, `6-a0898ca2c1-krnm0f`);
          cookieManager.set(cookieKeys.locationZUID, `7-dab495a2c1-13lthp`);
          cookieManager.set(cookieKeys.locationHomeURL, `/`);
          cookieManager.set(cookieKeys.locationName, `NATIONAL`);
          cookieManager.set(cookieKeys.volunteerUrl, `/volunteer/`);
          cookieManager.set(cookieKeys.employmentUrl, `/employment-opportunities/nhq-careers/`);
          cookieManager.set(cookieKeys.waysToGiveUrl, `/ways-to-give/`);
          cookieManager.set(cookieKeys.plannedGivingUrl, `/ways-to-give/planned-giving-wills-gift-annuities-and-trusts/`);
          cookieManager.set(cookieKeys.mutualFundsUrl, `/ways-to-give/bonds-funds-and-stocks/`);
          cookieManager.set(cookieKeys.locationDonateForm, `https://give.salvationarmyusa.org/give/359529/#!/donation/checkout?eg=true`);
          cookieManager.delete(cookieKeys.territoryZUID);
          cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.national);

          cookieManager.set(cookieKeys.organizationLevel, levels.national);
          cookieManager.set(
            cookieKeys.contactUsImage,
            `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
          );

      cookieManager.delete(cookieKeys.territoryZUID);
      cookieManager.delete(cookieKeys.divisionZUID);
      cookieManager.delete(cookieKeys.organizationCorp);
      cookieManager.delete(cookieKeys.organizationDivision);
      cookieManager.delete(cookieKeys.organizationTerritory);
      cookieManager.delete(cookieKeys.locationPropertyType);
      cookieManager.delete(cookieKeys.locationAddress);
      cookieManager.delete(cookieKeys.locationCity);
      cookieManager.delete(cookieKeys.locationState);
      await setCodeCookie(`7-dab495a2c1-13lthp`);
          break;
      }
    } else {
      cookieManager.set(cookieKeys.locationModel, `6-a0898ca2c1-krnm0f`);
      cookieManager.set(cookieKeys.locationZUID, `7-dab495a2c1-13lthp`);
      cookieManager.set(cookieKeys.locationHomeURL, `/`);
      cookieManager.set(cookieKeys.locationName, `NATIONAL`);
      cookieManager.set(cookieKeys.volunteerUrl, `/volunteer/`);
      cookieManager.set(cookieKeys.employmentUrl, `/employment-opportunities/nhq-careers/`);
      cookieManager.set(cookieKeys.waysToGiveUrl, `/ways-to-give/`);
      cookieManager.set(cookieKeys.plannedGivingUrl, `/ways-to-give/planned-giving-wills-gift-annuities-and-trusts/`);
      cookieManager.set(cookieKeys.mutualFundsUrl, `/ways-to-give/bonds-funds-and-stocks/`);
      cookieManager.set(cookieKeys.locationDonateForm, `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=top_nav`);
      cookieManager.delete(cookieKeys.territoryZUID);
      cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.national);

      cookieManager.set(cookieKeys.organizationLevel, levels.national);
      cookieManager.set(
        cookieKeys.contactUsImage,
        `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`
      );

      cookieManager.delete(cookieKeys.territoryZUID);
      cookieManager.delete(cookieKeys.divisionZUID);
      cookieManager.delete(cookieKeys.organizationCorp);
      cookieManager.delete(cookieKeys.organizationDivision);
      cookieManager.delete(cookieKeys.organizationTerritory);
      cookieManager.delete(cookieKeys.locationPropertyType);
      cookieManager.delete(cookieKeys.locationAddress);
      cookieManager.delete(cookieKeys.locationCity);
      cookieManager.delete(cookieKeys.locationState);
      await setCodeCookie(`7-dab495a2c1-13lthp`);
    }
  }

  function setLocationCookiesByTerritory(zuid) {
    if (zuid === territories.west) {
      cookieManager.set(cookieKeys.locationDonateForm, `https://give-usw.salvationarmy.org/campaign/701882/donate?c_src=top_nav`);
      cookieManager.set(cookieKeys.volunteerUrl, `/usa-western-territory/volunteer/`);
      cookieManager.set(cookieKeys.employmentUrl, `/usa-western-territory/employment-opportunites-us-west/`);
      cookieManager.set(cookieKeys.waysToGiveUrl, `/usa-western-territory/ways-to-give/`);
      cookieManager.set(cookieKeys.plannedGivingUrl, `/usa-western-territory/planned-giving-wills-gift-annuities-and-trusts/`);
      cookieManager.set(cookieKeys.mutualFundsUrl, `/usa-western-territory/bonds-funds-and-stocks/`);
      cookieManager.set(cookieKeys.dgiohID, `c3d666a9-b5be-4e2c-ac9c-bb409386e267`);
      cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.west);
      cookieManager.set(cookieKeys.classyID, `701882`);
      cookieManager.set(cookieKeys.classyOrganizationID, `16975`);
      cookieManager.set(cookieKeys.classyCampaignURL, `https://give-usw.salvationarmy.org/checkout`);
    } else if (zuid === territories.east) {
      cookieManager.set(cookieKeys.locationDonateForm, `https://give.salvationarmy.org/campaign/692357/donate?c_src=DN26XROAXC&c_src2=top_nav`);
      cookieManager.set(cookieKeys.volunteerUrl, `/usa-eastern-territory/volunteer/`);
      cookieManager.set(cookieKeys.employmentUrl, `/usa-eastern-territory/employment-opportunites/`);
      cookieManager.set(cookieKeys.waysToGiveUrl, `/usa-eastern-territory/ways-to-give/`);
      cookieManager.set(cookieKeys.plannedGivingUrl, `/usa-eastern-territory/planned-giving-wills-gift-annuities-and-trusts/`);
      cookieManager.set(cookieKeys.mutualFundsUrl, `/usa-eastern-territory/bonds-funds-and-stocks/`);
      cookieManager.set(cookieKeys.dgiohID, `54973e2b-15b2-4374-945f-404ed9766b08`);
      cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.east);
      cookieManager.set(cookieKeys.classyID, `692357`);
      cookieManager.set(cookieKeys.classyOrganizationID, `50001`);
      cookieManager.set(cookieKeys.classyCampaignURL, `https://give.salvationarmy.org/checkout`);
    } else if (zuid === territories.south) {
      cookieManager.set(cookieKeys.locationDonateForm, `https://give.salvationarmysouth.org/campaign/703141/donate?c_src=top_nav`);
      cookieManager.set(cookieKeys.volunteerUrl, `/usa-southern-territory/volunteer/`);
      cookieManager.set(cookieKeys.employmentUrl, `/usa-southern-territory/employment-opportunities/`);
      cookieManager.set(cookieKeys.waysToGiveUrl, `/usa-southern-territory/ways-to-give/`);
      cookieManager.set(cookieKeys.plannedGivingUrl, `/usa-southern-territory/planned-giving-wills-gift-annuities-and-trusts/`);
      cookieManager.set(cookieKeys.mutualFundsUrl, `/usa-southern-territory/bonds-funds-and-stocks/`);
      cookieManager.set(cookieKeys.dgiohID, `a6bb266f-91a7-4278-adb8-01e2f0d15a42`);
      cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.south);
      cookieManager.set(cookieKeys.classyID, `703141`);
      cookieManager.set(cookieKeys.classyOrganizationID, `45331`);
      cookieManager.set(cookieKeys.classyCampaignURL, `https://give.salvationarmysouth.org/checkout`);
    } else if (zuid === territories.central) {
      cookieManager.set(cookieKeys.locationDonateForm, `https://donate.centralusa.salvationarmy.org/campaign/679656/donate?c_src=top_nav`);
      cookieManager.set(cookieKeys.volunteerUrl, `/usa-central-territory/volunteer/`);
      cookieManager.set(cookieKeys.employmentUrl, `/usa-central-territory/employment-opportunites/`);
      cookieManager.set(cookieKeys.waysToGiveUrl, `/usa-central-territory/ways-to-give/`);
      cookieManager.set(cookieKeys.plannedGivingUrl, `/usa-central-territory/planned-giving-wills-gift-annuities-and-trusts/`);
      cookieManager.set(cookieKeys.mutualFundsUrl, `/usa-central-territory/bonds-funds-and-stocks/`);
      cookieManager.set(cookieKeys.dgiohID, `bc2b12d8-0211-4938-9e2e-271b1340a80e`);
      cookieManager.set(cookieKeys.tealiumprofile, tealiumProfile.central);
      cookieManager.set(cookieKeys.classyID, `679656`);
      cookieManager.set(cookieKeys.classyOrganizationID, `50295`);
      cookieManager.set(cookieKeys.classyCampaignURL, `https://donate.centralusa.salvationarmy.org/checkout`);
    }

    cookieManager.set(cookieKeys.territoryZUID, zuid);
  }

  async function checkUrl(url) {
    try {
      const response = await fetch(url, { method: `HEAD` }); // Only get headers
      if (response.ok) {
        return true;
      } else {
        return false;
      }
    } catch (error) {
      return false;
    }
  }
</script>


<script>
 window.addEventListener(`visibilitychange`, () => {
    if (document.visibilityState === `hidden`) {
      initCookies();
    }
});
</script>
 

 
<script>
  class ServicesSubject {
    constructor() {
      this.observers = [];
      this.latest = null;
    }

    subscribe(observer) {
      this.observers.push(observer);

      if (this.latest !== null) {
        observer(this.latest);
      }

      return () => {
        this.observers = this.observers.filter((o) => o !== observer);
      };
    }

    notify(data) {
      this.latest = data;
      this.observers.forEach((observer) => observer(data));
    }
  }

  class ServicesDB {
    static instance;

    constructor() {
      if (ServicesDB.instance) {
        return ServicesDB.instance;
      }

      this.db = null;
      ServicesDB.instance = this;
    }

    async init() {
      if (this.db) {
        return this.db;
      }

      return new Promise((resolve, reject) => {
        const request = window.indexedDB.open('services', 1);

        request.onerror = () => reject('Unable to open services DB');
        request.onsuccess = () => {
          this.db = request.result;
          resolve(this.db);
        };

        request.onupgradeneeded = (event) => {
          this.db = event.target.result;

          if (!this.db.objectStoreNames.contains('servicesItems')) {
            this.db.createObjectStore('servicesItems', { keyPath: 'id' });
          }

          if (!this.db.objectStoreNames.contains('servicesMeta')) {
            this.db.createObjectStore('servicesMeta', { keyPath: 'id' });
          }
        };
      });
    }

    static getInstance() {
      if (!ServicesDB.instance) {
        ServicesDB.instance = new ServicesDB();
      }
      return ServicesDB.instance;
    }

    async fetchAndStoreServices(locationZUID, modelZUID) {
      let url = "";

      switch(modelZUID){
        case "6-deab97cfd9-wb5km4": // Territories
          url = `https://salvationarmyusa.org/get-services-territories.json?zuid=${locationZUID}`;
        break;
         
        case "6-acb19a94bd-4q8ftj": // Divisions
          url = `https://salvationarmyusa.org/get-services-divisions.json?zuid=${locationZUID}`;
        break;

        case "6-b4c9aba69c-h2nqvm": // Locations
          url = `https://salvationarmyusa.org/get-services-locations.json?zuid=${locationZUID}`;
        break;

        default:
          url = `https://salvationarmyusa.org/get-services-national.json?zuid=${locationZUID}`;
        break;
      }


      try {
        const response = await fetch(url);
        const result = await response.json();
        if (!result.data || result.data.length === 0) {
          console.warn('No services returned from API');
          return;
        }

        // Save metadata
        await new Promise((resolve, reject) => {
          const tx = this.db.transaction(['servicesMeta'], 'readwrite');
          const store = tx.objectStore('servicesMeta');
          store.put({
            id: 'meta',
            model_zuid: result.model_zuid,
            location_zuid: result.location_zuid,
            total_items: result.total_items,
            date_requested: result.date_requested
          });
          tx.oncomplete = resolve;
          tx.onerror = reject;
        });

        await this.addServices(result.data);
        document.dispatchEvent(new CustomEvent('servicesSetupComplete', { detail: result.data }));
      } catch (error) {
        console.error('Error fetching services:', error);
      }
    }

    async addServices(servicesArray) {
      return new Promise((resolve, reject) => {
        const transaction = this.db.transaction(['servicesItems'], 'readwrite');
        const objectStore = transaction.objectStore('servicesItems');

        // servicesArray.forEach((service) => {
        //   objectStore.put(service);
        // });

        objectStore.put({ id: 'all', services: servicesArray });

        transaction.oncomplete = resolve;
        transaction.onerror = () => reject('Error adding services');
      });
    }

    async getAllServices() {
      return new Promise((resolve, reject) => {
        const transaction = this.db.transaction('servicesItems', 'readonly');
        const objectStore = transaction.objectStore('servicesItems');
        const request = objectStore.get('all');

        request.onsuccess = () => {
          resolve(request.result ? request.result.services : []);
        };

        request.onerror = () => reject(request.error);
      });
    }

    async getMetadata() {
      return new Promise((resolve, reject) => {
        const tx = this.db.transaction(['servicesMeta'], 'readonly');
        const store = tx.objectStore('servicesMeta');
        const request = store.get('meta');

        request.onsuccess = () => resolve(request.result || null);
        request.onerror = () => reject(request.error);
      });
    }

    async initServices(locationZUID, modelZUID) {
      await this.init();
      const metadata = await this.getMetadata();
      if (!metadata || locationZUID !== metadata.location_zuid) {
        await this.fetchAndStoreServices(locationZUID, modelZUID);
      }

      const services = await this.getAllServices();
      ServicesObserver.notify(services);
    }
  }
</script>
 

 

<!-- Add this before your Tealium script -->
<script type="text/javascript">
  window.ServicesObserver = new ServicesSubject();
  // Create a global error handler for utag
  window.utagError = function (error) {
    console.error('Tealium loading error:', error);
  };
  window.cookiesReady = window.cookiesReady || initCookies().catch((err) => {
    console.error('initCookies failed:', err);
  });
  function createTealiumScript(account, profile, environment) {
    // Create the script element
    const script = document.createElement('script');
    let tealiumProfile = cookieManager.get(cookieKeys.tealiumprofile);

    if (tealiumProfile === null || typeof tealiumProfile === 'undefined') {
      tealiumProfile = 'national';
    }

    const siteDomain = 'salvationarmyusa.org';
    const instanceEnv = 'live';
    window.instanceEnv = instanceEnv;
    let profile_env = '';

    if (instanceEnv == 'live') {
      if (siteDomain == 'thesalvationarmy-h4zw8zcg.zesty.dev') {
        profile_env = 'qa';
      } else {
        profile_env = 'prod';
      }
    } else {
      profile_env = 'dev';
    }
    // Set the source attribute with dynamic values
    script.src = `https://tags.tiqcdn.com/utag/salvationarmy/${tealiumProfile}/${profile_env}/utag.sync.js`;

    // Set the type attribute
    script.type = 'text/javascript';

    // Append the script to the document head
    document.getElementsByTagName('head')[0].appendChild(script);

    // Return the created script element (optional)
    return script;
  }

  function createDGIOHScript(account, profile, environment) {
    // Create the script element
    const script = document.createElement('script');
    let dgiohID = cookieManager.get(cookieKeys.dgiohID);

    if (dgiohID === null || typeof dgiohID === 'undefined') {
      dgiohID = '1ba4571c-6e05-4431-8d28-9374c32606e5';
    }
    // Set the source attribute with dynamic values
    script.src = `https://www.lightboxcdn.com/vendor/${dgiohID}/lightbox_inline.js`;

    // Set the type attribute
    script.type = 'text/javascript';

    // Append the script to the document head
    document.getElementsByTagName('head')[0].appendChild(script);

    // Return the created script element (optional)
    return script;
  }

  async function initSiteScripts(params) {
    await window.cookiesReady;
    const locationZUID = cookieManager.get(cookieKeys.locationZUID);
    const modelZUID = cookieManager.get(cookieKeys.locationModel);
    const db = new ServicesDB();
    await db.initServices(locationZUID, modelZUID);
    createTealiumScript();
    createDGIOHScript();
    window.siteInitialized = true;
    document.dispatchEvent(new Event('site-initialized'));
  }
  function scheduleInitSiteScripts() {
    const runInit = () => initSiteScripts();
    if ('requestIdleCallback' in window) {
      requestIdleCallback(runInit, { timeout: 3000 });
    } else {
      setTimeout(runInit, 0);
    }
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', scheduleInitSiteScripts, { once: true });
  } else {
    scheduleInitSiteScripts();
  }
</script>

<!-- Add this after your Tealium script -->
<script type="text/javascript">
  // Verify Tealium loaded correctly
  window.addEventListener('load', function () {
    if (typeof utag === 'undefined') {
      console.error('Tealium failed to load properly');
    }
  });
</script>
<script type="text/javascript">
  
    document.addEventListener("DOMContentLoaded", () => {
    // --- Configuration ---
    const regex = {
        goods_donation: /(donate( |-)?goods|vehicle|drop( |-)?off|give( |-)?clothes|donate( |-)?items|\/donate-goods|donate_goods)/i,
        general_donation: /(donate|give|support|contribute|fund|donation|charity)/i,
        contact: /contact|1800|mailto/i
    };

    const track_url_partials = ['give.sa', 'satruck', 'platform.engiven','give.helpsa', 'give-sc.sal'];
    const default_link_location = "body:wysiwyg"; 

    // --- Utility Functions ---
    function get_url(element) {
        if (!element) return '';
        for (const attr of ['href', 'src']) {
            if (element.hasAttribute(attr)) return element.getAttribute(attr);
        }
        for (const selector of ['a', 'img']) {
            const child = element.querySelector(selector);
            if (child) {
                for (const attr of ['href', 'src']) {
                    if (child.hasAttribute(attr)) return child.getAttribute(attr);
                }
            }
        }
        const parent_a = element.closest('a') || element.closest('img');
        if (parent_a) return parent_a.getAttribute('href') || parent_a.getAttribute('src') || '';

        if (element.tagName === 'IMG') return element.getAttribute('src') || '';
        if (element.dataset && element.dataset.url) return element.dataset.url;
        if (element.dataset && element.dataset.link) return element.dataset.link;

        return '';
    }

    function is_external_link(url) {
        if (!url) return false;

        if (url.includes("salvationarmyusa") || url.includes("satruck") || url.includes("salarmy") || url.includes("salvationarmy")) {
            return false;
        }

        try {
            return new URL(url, window.location.href).hostname !== window.location.hostname;
        } catch (e) {
            return false;
        }
    }

    function send_tealium_data(payload) {
        if (typeof utag !== 'undefined' && typeof utag.link === 'function') {
            utag.link(payload);
        }
    }

    // --- Tracking Logic for Classes (On Load) ---
    function determine_tracking_classes(element, text, href, combined) {
        
        if (element.classList.contains('accordion-button')) {
            return 'track_view';
        }
        else if (regex.contact.test(combined)) {
            return 'track_contact';
        }
        else if (track_url_partials.some(p => href.includes(p))) {
            const lower_text = text.toLowerCase();
            const lower_href = href.toLowerCase();
            if (lower_href.includes('fundraise') || lower_text.includes('fundraise')) {
                return 'track_fundraise';
            } else if (regex.goods_donation.test(combined)) {
                return 'track_goods';
            } else if (regex.general_donation.test(combined)) {
                return 'track_money';
            }
        }
        return 'track_cta';
    }

    // --- Tracking Logic for Click Payload ---
    function determine_click_payload(target_element) {
        const text = target_element.textContent.trim();
        let href = get_url(target_element);
        const combined = `${text} ${href}`;

        let event_name = 'cta_click';
        let link_function = 'cta'; // Default link_function
        let link_location = default_link_location;
        let link_format = target_element.classList.contains('btn') ? 'button' : 'link';

        let page_componentIndex;
        let page_componentType;

        const is_bynder_link = target_element.closest('.bynder-widget a');
        const is_bynder_button = target_element.closest('.bynder-widget-btn');
        const is_accordion_button = target_element.classList.contains('accordion-button');

        // Flag to control link_type addition
        let add_link_type = true;

        if (is_bynder_link || is_bynder_button) {
            event_name = 'cta_click'; 
            link_function = 'cta'; 
            if (is_bynder_button) {
                link_format = 'button';
                if (!href) {
                    const bynder_container = target_element.closest('.bynder-widget');
                    if (bynder_container) {
                        href = target_element.dataset.url || target_element.dataset.link ||
                               bynder_container.dataset.url || bynder_container.dataset.link;
                        if (!href) {
                            const hidden_input = bynder_container.querySelector('input[type="hidden"][value^="http"]');
                            if (hidden_input) href = hidden_input.value;
                        }
                        if (!href) {
                            const nested_link = bynder_container.querySelector('a[href]');
                            if (nested_link) href = nested_link.href;
                        }
                    }
                }
            } else if (is_bynder_link) {
                link_format = 'link';
            }
        } else if (is_accordion_button) {
            event_name = 'view_content_click';
            link_function = 'other';
            link_format = target_element.classList.contains('btn') ? 'button' : 'link';

            page_componentType = 'accordion';
            if (target_element.dataset.componentType) {
                page_componentType = target_element.dataset.componentType;
            }
            if (target_element.dataset.componentIndex) {
                page_componentIndex = String(target_element.dataset.componentIndex);
            } else {
                const accordion_buttons = Array.from(document.querySelectorAll('.accordion-button'));
                page_componentIndex = String(accordion_buttons.indexOf(target_element) + 1);
            }
            href = undefined; 
            add_link_type = false; 
        } else if (regex.contact.test(combined)) { 
            event_name = 'contact_click';
            link_function = 'contact'; 
            add_link_type = false; 
        }
        else if (track_url_partials.some(p => href.includes(p))) {
            const lower_text = text.toLowerCase();
            const lower_href = href.toLowerCase();

            if (lower_href.includes('fundraise') || lower_text.includes('fundraise')) {
                event_name = 'donate_money_click';
                link_function = 'donation';
            } else if (regex.goods_donation.test(combined)) {
                event_name = 'donate_goods_click';
                link_function = 'donation';
            } else if (regex.general_donation.test(combined)) {
                event_name = 'donate_money_click';
                link_function = 'donation';
            }
            add_link_type = true; 
        }

        const payload = {
            event: event_name,
            link_text: text,   
            link_location: link_location,
            link_format: link_format,
            link_function: link_function, 
        };

        if (event_name === 'view_content_click') {
            if (page_componentIndex !== undefined) {
                payload.page_componentIndex = page_componentIndex;
            }
            if (page_componentType !== undefined) {
                payload.page_componentType = page_componentType;
            }
        } else {
            payload.link_url = href;
            if (add_link_type) {
                payload.link_type = is_external_link(href) ? 'external' : 'internal';
            }
        }

        return payload;
    }

    // --- Initialization ---
    function add_tracking_classes_on_load() {
        document.querySelectorAll('.services-body a, .services-body .btn, .services-body button').forEach(element => {
            const text = element.textContent.trim();
            const href = get_url(element);
            const combined = `${text} ${href}`;
            element.classList.add(determine_tracking_classes(element, text, href, combined));
        });
    }

    // --- Event Listener ---
    document.body.addEventListener('click', function(event) {
        const target_element = event.target.closest('.services-body .btn, .services-body a, .services-body button');

        if (target_element) {
            const payload = determine_click_payload(target_element);
            send_tealium_data(payload);
        }
    });

    add_tracking_classes_on_load();
});
  
</script>






<script>

   let jsonLd = {
     '@context': 'https://schema.org',
     '@graph': [
      {
         "@type": "Organization",
         "@id": "https://salvationarmyusa.org/usa-central-territory/indiana/#organization",
         "name": "Indiana Divisional Headquarters",
         "url": "https://salvationarmyusa.org/usa-central-territory/indiana/"
       },
       {
         "@type": "WebSite",
         "@id": "https://salvationarmyusa.org/usa-central-territory/indiana/#website",
         "url": "https://salvationarmyusa.org/usa-central-territory/indiana/",
         "name": "Indiana Divisional Headquarters",
         "publisher": {
           "@id": "https://salvationarmyusa.org/usa-central-territory/indiana/#organization"
         }
       },
       {
         "@type": "WebPage",
         "@id": "https://salvationarmyusa.org/usa-central-territory/indiana/#webpage",
         "url": "https://salvationarmyusa.org/usa-central-territory/indiana/",
         "name": "Indiana Divisional Headquarters",
         "isPartOf": {
           "@id": "https://salvationarmyusa.org/usa-central-territory/indiana/#website"
         },
         "about": {
           "@id": "https://salvationarmyusa.org/usa-central-territory/indiana/#organization"
         }
       },
       {
         "@type": "DonateAction",
         "target": {
           "@type": "EntryPoint",
           "urlTemplate": "",
           "inLanguage": "en",
           "actionPlatform": [
             "http://schema.org/DesktopWebPlatform",
             "http://schema.org/MobileWebPlatform"
           ]
         },
         "recipient": {
           "@id": "https://salvationarmyusa.org/usa-central-territory/indiana/#organization"
         },
         "name": "Donate to " + cookieManager.get(cookieKeys.locationName)
       },
       
       

       

     ]
   };

  //   ServicesObserver.subscribe((services) => {
  //     const mappedServices = services?.map((service, index) =>({
  //       "@type": "Service",
  //       "@id": "https://salvationarmyusa.org/",
  //       "name": service.meta_title,
  //       "provider": {
  //         "@id": "https://salvationarmyusa.org/usa-central-territory/indiana/#organization"
  //       },
  //       "serviceType": service.service_type_name
  //     }))

  //    jsonLd["@graph"] = [...jsonLd["@graph"], ...mappedServices]

  //     const script = document.createElement("script");
  //     script.type = "application/ld+json";
  //     script.text = JSON.stringify(jsonLd, null, 2);
  //     document.body?.appendChild(script);
  //  });
</script>
 

 
<meta name="apple-mobile-web-app-status-bar-style" content="black"  />
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"  />
<meta content="IE=edge" http-equiv="X-UA-Compatible"  />
<meta name="apple-mobile-web-app-capable" content="yes"  />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zesty-io/salvation-army-theme@0a7eb96805c71c026f6ef321a3bdeb009362f9e5/styles/bootstrap.css"  />
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" type="text/javascript" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous" ></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" type="text/javascript" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous" ></script>
<link as="style" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" type="text/css" media="screen"  />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"  />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined"  />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vanillajs-datepicker@1.3.1/dist/css/datepicker.min.css"  />
<script src="https://cdn.jsdelivr.net/npm/vanillajs-datepicker@1.3.1/dist/js/datepicker-full.min.js" ></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"  />
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js" ></script>
<link rel="icon" href="https://8hxvw8tw.media.zestyio.com/The-Salvation-Army-Favicon.png" type="image/png" sizes="196x196"  />
<script src="https://unpkg.com/@googlemaps/markerclusterer/dist/index.min.js" ></script>
<script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js" ></script>
<meta name="google-site-verification" custom="true" content="8Noaq6rsw1h1rjtFr7xmK2ECEEDOLzXbMoqya-rCsps"  />
<script>(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','GTM-PCJ5SJ2X');</script><link rel="canonical" href="https://www.salvationarmyusa.org/usa-central-territory/indiana/" /><link type="text/css" href="/site.css?v=eb0936914ba6a314adf24480c4c953ab" rel="stylesheet" media="screen" /><link rel="dns-prefetch" href="" /></head><body class="view-divisions" itemscope="" itemtype="https://schema.org/WebPage"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PCJ5SJ2X"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- Start dev instance -->

<!-- End dev instance -->






<!-- default profile is national -->

































































































































<script type="text/javascript">
  function checkPropertyType() {
   const propType = cookieManager.get(cookieKeys.locationPropertyType);
   if (propType === "simplified") {
       document.documentElement.classList.add('prop-type-simplified');
       isSpecialPropType = true;
    }
  }

  var utag_data = {};
  window.utag_cfg_ovrd = window.utag_cfg_ovrd || {};
  window.utag_cfg_ovrd.noview = true;

  function getCookiesReadyPromise() {
    if (window.cookiesReady && typeof window.cookiesReady.then === 'function') {
      return window.cookiesReady;
    }
    if (typeof initCookies === 'function') {
      return Promise.resolve(initCookies());
    }
    return Promise.resolve();
  }

  (async function(){
    await getCookiesReadyPromise();
    checkPropertyType();

    let profile = cookieManager.get(cookieKeys.tealiumprofile);
    if (profile === null || typeof profile === 'undefined') {
      profile = "national";
    }

    const siteDomain = 'salvationarmyusa.org';
    const instanceEnv = 'live';
    let profile_env = '';

    if (instanceEnv == 'live') {
      if (siteDomain == 'thesalvationarmy-h4zw8zcg.zesty.dev') {
        profile_env = 'qa';
      } else {
        profile_env = 'prod';
      }
    } else {
      profile_env = 'dev';
    }
    
    const script = document.createElement('script');
    script.src = `https://tags.tiqcdn.com/utag/salvationarmy/${profile}/${profile_env}/utag.js`;
    script.type = 'text/javascript';
    script.async = true;
        
    script.onload = function() {
      // Dispatch an event when utag is loaded
      document.dispatchEvent(new Event('utag_loaded'));
    };

    // Get the body element and its first child
    var body = document.getElementsByTagName('body')[0];
    var firstChild = body.firstChild;
        
    // Insert the script as the first element in the body
    body.insertBefore(script, firstChild);
  })();

  const page_path = document.location.pathname;

  function getModules() {
    const pageModules = [];
    const modules = document.querySelectorAll('[data-component-type]');
    modules.forEach((module, index) => {
      module.dataset.componentIndex = index + 1;
      pageModules.push(module.dataset.componentType);
    });
    return pageModules.toString()
  }
  function cleanObject(obj) {
    const cleanedObj = {};
    
    // Loop through all properties
    for (const key in obj) {
      // Only include properties that are not null, undefined, or empty strings
      if (obj[key] !== null && obj[key] !== undefined && obj[key] !== '') {
        cleanedObj[key] = obj[key];
      }
    }
    
    return cleanedObj;
  }

  function waitForUtag(callback, maxAttempts = 50) {
      let attempts = 0;

      function checkUtag() {
          attempts++;
          if (typeof utag !== 'undefined') {
              callback();
          } else if (attempts < maxAttempts) {
              setTimeout(checkUtag, 100);
          } else {
              console.warn('Tealium failed to load after maximum attempts');
          }
      }

      checkUtag();
  }


  document.addEventListener('DOMContentLoaded', function() {
    getCookiesReadyPromise().then(() => {
      waitForUtag(async function() {
      checkPropertyType();

      let code = '';
      const name = cookieManager.get(cookieKeys.locationName)
      const level = cookieManager.get(cookieKeys.organizationLevel)
      const territory = cookieManager.get(cookieKeys.organizationTerritory)
      const division = cookieManager.get(cookieKeys.organizationDivision)
      const corp = cookieManager.get(cookieKeys.organizationCorp)
      const model = cookieManager.get(cookieKeys.locationModel)
      const model_name = 'divisions';
      const city = cookieManager.get(cookieKeys.locationCity);
      const state = cookieManager.get(cookieKeys.locationState);
      const tealiumprofile = cookieManager.get(cookieKeys.tealiumprofile);
      const territory_code = cookieManager.get(cookieKeys.territoryCode);
      const division_code = cookieManager.get(cookieKeys.divisionCode);

     
      code = cookieManager.get(cookieKeys.analyticsCode);
      let pageType = cookieManager.get(cookieKeys.analyticsPageType);

      if (!code) {
        code = 'SAL';
      }

      if(!pageType){
        pageType = "SAL:USN"
      }

      const utagViewData = {
          //All pages
          event: 'page_view',
          page_path: `/usa-central-territory/indiana/`,
          page_name: `Indiana Divisional Headquarters`,
          page_siteSection: '',
          page_hierarchy: code,
          page_errorPage: 'false',
          page_environment: 'live',
          page_language: 'EN',
          page_type: pageType,
          page_type_detail: model_name,
          page_objective: `The Salvation Army USA | Indiana Division Headquarters`,
          page_author: '',
          page_owner: tealiumprofile,
          page_updated_date: '2026-02-20 20:47:31',
          page_audience: '',
          organization_name: name,
          organization_level: level,
          organization_territory: territory ? territory : '',
          organization_division: division ? division : '',
          organization_corp: corp ? corp : '',
          modules: getModules(),
          test_module: getModules()
        };

      if(city) {
        utagViewData.page_city = city;
      }

      if (state) {
        utagViewData.page_state = state;
      }

      const cleanUtagObject = cleanObject(utagViewData);

      // Your Tealium tracking code here
      utag.view(cleanUtagObject);

      // Implement content_view analytics
      function trackContentView(component) {
        try {
          const componentData = {
            id: component.id || '',
            type: component.dataset.componentType || '',
            index: component.dataset.componentIndex || '',
            heading: component.querySelector('h1, h2, h3, h4, h5, h6')?.textContent?.trim() || '',
            subheading: component.querySelector('p')?.textContent?.trim() || '',
            imageUrl: component.querySelector('img')?.src || ''
          };

          utag.link({
            event: 'content_view',
            page_componentID: componentData.id,
            page_componentHeading: componentData.heading,
            page_componentSubheading: componentData.subheading,
            page_componentType: componentData.type,
            page_componentIndex: componentData.index,
            page_componentImageAssetURL: componentData.imageUrl,
            modules: getModules()
          });
        } catch (error) {
          console.error('Error in trackContentView:', error);
        }
      }

      let modules = [];
      // Create Intersection Observer
      // const observer = new IntersectionObserver((entries) => {
      //   entries.forEach(entry => {
      //     if (entry.isIntersecting) {
      //       trackContentView(entry.target);
      //       observer.unobserve(entry.target); // Only track once
      //     }
      //   });
      // }, {
      //   threshold: 0.1 // Fire when 10% of the component is visible
      // });

      // Apply observer to all components
      // const components = document.querySelectorAll('[data-component-type]');
      // components.forEach((component, index) => {
      //   component.dataset.componentIndex = index + 1;
      //   modules.push(component.dataset.componentType);
      //   observer.observe(component);
      // });
      });
    });
  });

  function updateViewContentLink() {
    let data = {"name":"Indiana","division_code":"IND","address":"6060 Castleway West Dr","state":{"type":"relationship","model":"states","totalItems":1,"data":[{"name":"Indiana","state_code":"IN","country":{"type":"relationship","model":"country","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"territory":{"type":"relationship","model":"territories","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"image":"","classy_id":null,"gdos_id":null,"og_image":null,"meta":{"type":"item","model_name":"states","model_alternate_name":"State","zuid":"7-f0d4b4e1bc-b7wkz8","createdAt":"2024-09-03 13:17:23","updatedAt":"2024-09-03 13:17:22","listed":"1","version":"1","locale":{"id":"1","name":"English (United States)","code":"en-US","default":"1","active":"1","enabled":"1"},"model":{"type":"model","zuid":"6-ce888daf92-fpzvz1","name":"states","label":"States","resourceURI":"https:\/\/www.salvationarmyusa.org\/-\/instant\/6-ce888daf92-fpzvz1.json"},"web":{"url":"https:\/\/www.salvationarmyusa.org\/in\/","uri":"\/in\/","fragment":"in","canonical_tag_mode":"1","sitemap_priority":"-1.0","sitemap_last_updated":"2024-09-03 13:17:22","canonical_query_param_whitelist":"","canonical_tag_custom_value":null,"seo_link_text":"indiana","seo_meta_title":"Indiana","seo_meta_description":"Indiana","seo_meta_keywords":""}}}]},"city":{"type":"relationship","model":"cities","totalItems":1,"data":[{"title":"INDIANAPOLIS","state":{"type":"relationship","model":"states","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"hero_image":"","og_image":null,"meta":{"type":"item","model_name":"cities","model_alternate_name":"City","zuid":"7-9a91c2b6ef-t6c91v","createdAt":"2025-11-11 06:29:17","updatedAt":"2025-11-11 06:29:16","listed":"1","version":"2","locale":{"id":"1","name":"English (United States)","code":"en-US","default":"1","active":"1","enabled":"1"},"model":{"type":"model","zuid":"6-dcd5c9b192-tgsnht","name":"cities","label":"Cities","resourceURI":"https:\/\/www.salvationarmyusa.org\/-\/instant\/6-dcd5c9b192-tgsnht.json"},"web":{"url":"https:\/\/www.salvationarmyusa.org\/in\/indianapolis\/","uri":"\/in\/indianapolis\/","fragment":"indianapolis","canonical_tag_mode":"1","sitemap_priority":"-1.0","sitemap_last_updated":"2025-11-11 06:29:16","canonical_query_param_whitelist":"","canonical_tag_custom_value":null,"seo_link_text":"indianapolis","seo_meta_title":"INDIANAPOLIS, Indiana","seo_meta_description":"INDIANAPOLIS","seo_meta_keywords":""}}}]},"territory":{"type":"relationship","model":"territories","totalItems":1,"data":[{"name":"USA Central Territory","description":"<p>USA Central Territory<\/p>","territory_code":"USC","country":{"type":"relationship","model":"country","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"image":{"type":"images","totalItems":1,"data":[{"type":"image","zuid":"3-12ac2b5b-p8lr9k","url":"https:\/\/8hxvw8tw.media.zestyio.com\/Large-174560_180208_SAL_EstherHavens_311--1-.jpg"}]},"classy_url":"https:\/\/donate.centralusa.salvationarmy.org\/checkout","gdos_id":null,"tealium_profile":null,"banner_images":null,"banner_cta_link_1":null,"banner_cta_text_1":null,"banner_cta_link_2":null,"banner_cta_text_2":null,"primary_card_name":null,"primary_card_image":null,"primary_card_description":null,"primary_card_cta_name_1":null,"primary_card_cta_link_1":null,"primary_card_cta_name_2":null,"primary_card_cta_link_2":null,"secondary_card_name":null,"secondary_card_description":null,"secondary_card_image":null,"secondary_card_cta_name_1":null,"secondary_card_cta_link_1":null,"secondary_card_cta_name_2":null,"secondary_card_cta_link_2":null,"map_excerpt_title":null,"map_excerpt_subtext":"Search for a Salvation Army location near you to get help, volunteer, or\u00a0donate","map_excerpt_description":"<article>\n<p>In our effort to meet human needs wherever we can, we offer unique, local programs, designed to meet the specific needs of each community we serve. The best way to get the help you need, or find a place to volunteer, is to connect with a local center or church near you.<\/p>\n<span>&nbsp;<\/span>\n<p>Please enter your city name or ZIP code to find your nearest location.<\/p>\n<\/article>","map_cta_nav_link":null,"map_cta_nav_text":null,"services_title":null,"services_image":null,"stats_title":null,"news_title":null,"news_cta_nav_title":null,"news_cta_nav_link":null,"featured_article":null,"contact_us_title":"Contact the Central Territory","contact_us_image":{"type":"images","totalItems":1,"data":[{"type":"image","zuid":"3-12ac2443-qwgn6s","url":"https:\/\/8hxvw8tw.media.zestyio.com\/Large-Intake_officer.jpg"}]},"contact_us_page_link":{"type":"relationship","model":"informational_pages","totalItems":0,"data":[]},"image_button_text_title_left":null,"image_button_text_description_left":null,"image_button_text_cta_name_left":null,"image_button_text_cta_link_left":null,"image_button_text_image_left":null,"primary_card":{"type":"relationship","model":"informational_pages","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"secondary_card":{"type":"relationship","model":"informational_pages","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"address":"5550 Prairie Stone Parkway","city":{"type":"relationship","model":"cities","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"state":{"type":"relationship","model":"states","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"facebook_url_link":"https:\/\/www.facebook.com\/SalArmyMidwest\/","twitter_url_link":"https:\/\/twitter.com\/salarmymidwest","youtube_url_link":"https:\/\/www.youtube.com\/@salvationarmycentral","linkedin_url_link":"https:\/\/www.linkedin.com\/company\/the-salvation-army-usa-central-territory","instagram_url_link":"https:\/\/www.instagram.com\/salvationarmycentral\/","og_image":{"type":"images","totalItems":1,"data":[{"type":"image","zuid":"3-125b6d3e-2r6z15","url":"https:\/\/8hxvw8tw.media.zestyio.com\/12611243_122422-wpvi-SALVATIONARMY-thumb.webp"}]},"classy_account_script":null,"classy_campaign_id":"679656","classy_org_id":"50295","bbb_url_link":null,"primary_card_cta_text":"Learn More About Volunteering","secondary_card_cta_text":"Get Help to Pay Utilities","dgioh_id":"bc2b12d8-0211-4938-9e2e-271b1340a80e","test_link1":null,"test_links2":null,"ecfa_url_link":null,"candid_url_link":null,"bbb_image_url_link":null,"ecfa_image_url_link":null,"candid_image_url_link":null,"should_redirect":"0","contact_us_cta_header":null,"zipcode":"60192","matrix_stats":null,"symphony_site_id":"b435001b668140cfa50445807e2bdbd9","site_name":null,"classy_url_mobile":"https:\/\/donate.centralusa.salvationarmy.org\/campaign\/679656\/donate?c_src=top_nav","meta":{"type":"item","model_name":"territories","model_alternate_name":"Territory","zuid":"7-ec8a80fdbe-46hzww","createdAt":"2026-03-23 14:45:01","updatedAt":"2026-03-23 14:45:00","listed":"1","version":"59","locale":{"id":"1","name":"English (United States)","code":"en-US","default":"1","active":"1","enabled":"1"},"model":{"type":"model","zuid":"6-deab97cfd9-wb5km4","name":"territories","label":"Territories","resourceURI":"https:\/\/www.salvationarmyusa.org\/-\/instant\/6-deab97cfd9-wb5km4.json"},"web":{"url":"https:\/\/www.salvationarmyusa.org\/usa-central-territory\/","uri":"\/usa-central-territory\/","fragment":"\/usa-central-territory\/","canonical_tag_mode":"1","sitemap_priority":"-1.0","sitemap_last_updated":"2026-03-23 14:45:00","canonical_query_param_whitelist":"","canonical_tag_custom_value":null,"seo_link_text":"usa central territory","seo_meta_title":"The Salvation Army Central Territory","seo_meta_description":"Official site for the Central Territory of The Salvation Army in the US. Connect with us to get help, donate, volunteer, or discover our programs and services.","seo_meta_keywords":""},"layout":{"html":"<div className={styles.pvlRoot}>*<\/div>","json":{"layout:root:column:0":{"name":"layout:root:column:0","html":"<div className={styles.pvlRoot}>*<\/div>"}}}}}]},"meta_og_image":null,"classy_url":null,"gdos_id":"8a808329616ab2ee01632b27b8720082","banner_images":null,"banner_cta_link_1":null,"banner_cta_text_1":null,"banner_cta_link_2":null,"banner_cta_text_2":null,"banner_description":null,"primary_card_name":null,"primary_card_image":null,"primary_card_description":null,"primary_card_cta_name_1":null,"primary_card_cta_link_1":null,"primary_card_cta_name_2":null,"primary_card_cta_link_2":null,"secondary_card_name":null,"secondary_card_description":null,"secondary_card_image":null,"secondary_card_cta_name_1":null,"secondary_card_cta_link_1":null,"secondary_card_cta_name_2":null,"secondary_card_cta_link_2":null,"map_excerpt_title":null,"map_excerpt_subtext":"Search for a Salvation Army location near you to get help, volunteer, or\u00a0donate","map_excerpt_description":"<p>In our effort to meet human needs wherever we can, we offer unique, local programs, designed to meet the specific needs of each community we serve. The best way to get the help you need, or find a place to volunteer, is to connect with a local center or church near you.<\/p>\n<p><span>&nbsp;<\/span>Please enter your city name or ZIP code to find your nearest location.<\/p>","map_cta_nav_link":null,"map_cta_nav_text":null,"services_title":null,"services_image":null,"stats_title":null,"news_title":null,"news_cta_nav_title":null,"news_cta_nav_link":null,"feature_article":{"type":"relationship","model":"stories","totalItems":1,"data":[{"title":"The Salvation Army of East Chicago Braves the Cold to Serve Hot Meals and Hot Chocolate to their Community","image":{"type":"images","totalItems":1,"data":[{"type":"image","zuid":"3-14cf5105-q80t81","url":"https:\/\/8hxvw8tw.media.zestyio.com\/IMG_9535.jpeg"}]},"olddate":null,"body":"<p>Friday, January 23, 2026<\/p>\n<p>The Salvation Army of East Chicago braved the extreme cold temperatures that are sweeping through the Midwest Area, by giving out free hot lunches and hot chocolate to their community. Currently, Northwest Indiana is projected to have as low as -5 with wind chill up to -20 degrees causing many to stock up for the temperatures.<\/p>\n<p>Captains Ramon Cebrian and Ely Sanchez along with their church members parked their vehicle out in front of Strack &amp; Van Til off of Indianapolis Blvd to hand out hot chocolate and hot lunches to shoppers from 10am to 2pm. Offering services to shoppers and any locals to stop by and receive a warm meal. The Salvation Army of East Chicago provides hundreds of fresh and warm meals everyday Monday through Friday to their community.&nbsp;<\/p>\n<p>Please come by and visit our facility at anytime and join us for lunch! 12pm-1pm<\/p>\n<p>513 West Chicago Ave, East Chicago<\/p>","donation_link":null,"related_service":{"type":"relationship","model":"service_types","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"oldfield2":null,"hash_tags":"Hot meal, extreme cold, serving community","related_event":null,"external_article":null,"press_release":"0","state":{"type":"relationship","model":"states","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"city":{"type":"relationship","model":"cities","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"oldfield":null,"territory":null,"divisions":{"type":"relationship","model":"divisions","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"display_on_national":"0","property":{"type":"relationship","model":"locations","totalItems":2,"data":[{"message":"max hydration depth hit"},{"message":"max hydration depth hit"}]},"article_tags":{"type":"relationship","model":"tags","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"page_layout":"Image Landscape","date":null,"primary_cta_name":null,"primary_cta_link":null,"secondary_cta_name":null,"secondary_cta_link":null,"area_commands":null,"external_url":null,"story_date_picker":"2026-01-23","og_image":{"type":"images","totalItems":1,"data":[{"type":"image","zuid":"3-14cf5105-q80t81","url":"https:\/\/8hxvw8tw.media.zestyio.com\/IMG_9535.jpeg"}]},"author":"Carli Murkve","locations2":null,"is_syndicated_read_only":"0","editor_level":null,"meta":{"type":"item","model_name":"stories","model_alternate_name":"Story","zuid":"7-9adbe5c1da-pnm86c","createdAt":"2026-02-21 02:40:03","updatedAt":"2026-02-21 02:40:02","listed":"1","version":"2","locale":{"id":"1","name":"English (United States)","code":"en-US","default":"1","active":"1","enabled":"1"},"model":{"type":"model","zuid":"6-80c7e29486-k0pq6s","name":"stories","label":"Stories Entries","resourceURI":"https:\/\/www.salvationarmyusa.org\/-\/instant\/6-80c7e29486-k0pq6s.json"},"web":{"url":"https:\/\/www.salvationarmyusa.org\/stories\/the-salvation-army-of-east-chicago-braves-the-cold-to-serve-hot-meals-and-hot-chocolate-to-their-community\/","uri":"\/stories\/the-salvation-army-of-east-chicago-braves-the-cold-to-serve-hot-meals-and-hot-chocolate-to-their-community\/","fragment":"the-salvation-army-of-east-chicago-braves-the-cold-to-serve-hot-meals-and-hot-chocolate-to-their-community","canonical_tag_mode":"1","sitemap_priority":"-1.0","sitemap_last_updated":"2026-02-21 02:40:02","canonical_query_param_whitelist":null,"canonical_tag_custom_value":null,"seo_link_text":"The Salvation Army of East Chicago Braves the Cold to Serve Hot Meals and Hot Chocolate to their Community","seo_meta_title":"The Salvation Army of East Chicago Braves the Cold to Serve Hot Meals and Hot Chocolate to their Community","seo_meta_description":"Friday, January 23, 2026\nThe Salvation Army of East Chicago braved the extreme cold temperatures that are sweeping through the Midwest Area, by giving out free ","seo_meta_keywords":null}}}]},"contact_us_title":"Contact Us","contact_us_image":{"type":"images","totalItems":1,"data":[{"type":"image","zuid":"3-137830b1-6d2246","url":"https:\/\/8hxvw8tw.media.zestyio.com\/use-careers-officer-computer.jpg"}]},"contact_us_page_link":{"type":"relationship","model":"contact_us","totalItems":1,"data":[{"title":"Contact Us","hero_image":{"type":"images","totalItems":1,"data":[{"type":"image","zuid":"3-12baa3ac-w1tss3","url":"https:\/\/8hxvw8tw.media.zestyio.com\/PH---018---20150218-IMG_6417-PHX.jpg"}]},"location":null,"territory":null,"division":null,"national":"1","contact_us_form":"<div class=\"section\" id=\"help\">\n<div class=\"container\">\n<p>For your convenience, we've answered most commonly asked questions in the FAQ section above. If you were unable to find an answer to your question, fill out the form below. To best serve you, make sure to select the most applicable option so that we may route your request appropriately.<\/p>\n<i>Please note: we only collect personal information to be able to respond to your request.<\/i>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@feathery\/react@latest\/umd\/index.js\"><\/script>\n<div id=\"container\"><\/div>\n<script>\n                (() => {\n                    Feathery.init('b97e273c-baaf-4174-ad15-2f285f6686c8')\n                    const loginEnabled = false;\n                    Feathery.renderAt('container', { formId: \"NvzQTl\" }, loginEnabled);\n                })();\n            <\/script>\n<\/div>\n<\/div>","og_image":{"type":"images","totalItems":1,"data":[{"type":"image","zuid":"3-12baa3ac-w1tss3","url":"https:\/\/8hxvw8tw.media.zestyio.com\/PH---018---20150218-IMG_6417-PHX.jpg"}]},"meta":{"type":"item","model_name":"contact_us","model_alternate_name":"ContactU","zuid":"7-a2e6fdb4d7-03cvlv","createdAt":"2026-02-21 03:33:10","updatedAt":"2026-02-21 03:33:10","listed":"1","version":"19","locale":{"id":"1","name":"English (United States)","code":"en-US","default":"1","active":"1","enabled":"1"},"model":{"type":"model","zuid":"6-aa8c819c86-953qkz","name":"contact_us","label":"Contact Us","resourceURI":"https:\/\/www.salvationarmyusa.org\/-\/instant\/6-aa8c819c86-953qkz.json"},"web":{"url":"https:\/\/www.salvationarmyusa.org\/contact-us\/","uri":"\/contact-us\/","fragment":"contact-us","canonical_tag_mode":"1","sitemap_priority":"-1.0","sitemap_last_updated":"2026-02-21 03:33:10","canonical_query_param_whitelist":null,"canonical_tag_custom_value":null,"seo_link_text":"Contact Us","seo_meta_title":"Contact Us","seo_meta_description":"Contact Us","seo_meta_keywords":null}}}]},"primary_card":{"type":"relationship","model":"informational_pages","totalItems":1,"data":[{"title":"Worship and Service Center Locations","body":"<div class=\"section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-sm-12\">\n<p><strong><a href=\"\/content\/salvationarmyindiana.org\" target=\"\">Indiana Divisional Headquarters<\/a>: <\/strong>6060 Castleway West Drive. Indianapolis, IN 46250<u><strong> <\/strong><\/u><br>Administrative Office for the Indiana Division of The Salvation Army<\/p>\n<p><strong><a href=\"\/content\/saharborlight.org\" target=\"\">Harbor Light Center<\/a>: <\/strong>2400 N Tibbs Ave, Indianapolis, IN 46222<u><strong> <\/strong><\/u><br>The Salvation Army's Harbor Light Center is a safe place for people to stabilize their lives and begin the process of healing.&nbsp; We offer a wide range of basic needs to anyone without discrimination.&nbsp; The Harbor Light Center meets people at their greatest point of need to inspire hope, instill belief in possibilities, and impart opportunities for a fresh start.&nbsp;<\/p>\n<p><strong><a href=\"https:\/\/migration.salvationarmy.org\/wccindiana\" target=\"\">Ruth Lilly's Women and Children's Center<\/a>: <\/strong> <span class=\"LrzXr\">540 N Alabama St, Indianapolis, IN 46204<\/span><u><strong> <\/strong><\/u><br><span data-offset-key=\"3puj1-0-0\"><span data-text=\"true\">The Salvation Army's Ruth Lilly Women and Children&rsquo;s Center provides a safe and nurturing place for individuals in need of services and support due to violence and homelessness. The WCC offers care coordination, emergency crisis assistance, and guidance to individuals. The Center is open 24 hours a day, seven days a week.<\/span><\/span><\/p>\n<h2>Corps Community Center Locations:<\/h2>\n<p>Salvation Army corps are first and foremost a church, where local residents may gather in worship both on Sundays and during the week. Corps offer a variety of local programs for adults, youth and elderly residents. Typical programs include before- and after-school programs for youth; fellowship groups, Bible study, recreational programs and more.<\/p>\n<p>Local Salvation Army corps throughout Indiana also provide critical assistance through an array of social service-based programs and services. Many operate local food and clothing pantries. Many provide emergency housing and financial assistance. All participate in times of disaster to help their local communities recover from nature&rsquo;s sometimes devastating effects.<\/p>\n<p>Salvation Army corps are managed by local Salvation Army officers and their experienced, dedicated and hard-working staff of employees, professionals, case managers and volunteers.<\/p>\n<p>The following is a list of local Salvation Army Corps &ndash; Community Centers under the jurisdiction of the Salvation Army Indiana Division.&nbsp;The Salvation Army is represented in every county in Indiana through either a Corps - Community Center or Service Extension program.<\/p>\n<\/div>\n<\/div>\n<p><a href=\"\/content\/saanderson.org\" target=\"\"><strong>Anderson Salvation Army<\/strong><\/a><u><strong> <\/strong><\/u><br>1615 Meridian St., Anderson, IN 46016-1834<br>(765) 644-2538, fax (765) 642-1767<br><br><a href=\"http:\/\/bloomingtonsa.org\" target=\"\"><strong>Bloomington Salvation Army <\/strong><\/a><br>111 N. Rogers St., Bloomington, IN 47404-4906<br>(812) 336-4310; fax (812) 336-2380 FAX<br><br><strong><a href=\"http:\/\/sabrowncounty.org\" target=\"\">Brown County Salvation Army<\/a> <\/strong><br>168 Jefferson St., Nashville, IN 47448<br>(812) 988-7019<\/p>\n<p><a href=\"\/content\/sacentralindiana.org\" target=\"\"><strong>Central Indiana Area Command<\/strong><\/a><br>6060 Castleway West Drive, Indianapolis, Indiana 46236<br>1-800-589-1037<\/p>\n<p><strong><a href=\"http:\/\/sacolumbus.org\" target=\"\">Columbus Salvation Army<\/a> <\/strong><br>2525 Illinois St., Columbus, IN 47201-5840<br>(812) 372-7118; fax (812) 372-7197<\/p>\n<p><a href=\"\/content\/saeaglecreek.org\" target=\"\"><strong>Eagle Creek Corps Community Center <\/strong><\/a><br>4400 N. High School Rd., Indianapolis, IN 46254<br>(317) 299-4454<\/p>\n<p><a href=\"\/content\/saeastchicago.org\" target=\"\"><strong>East Chicago Salvation Army<\/strong><\/a><br>513 West Chicago Avenue, East Chicago, Indiana 46312<br>(219)-398-2939<\/p>\n<p><a href=\"\/content\/saelkhart.org\" target=\"\"><strong>Elkhart&nbsp;Salvation Army<\/strong><\/a><br>300 N Main St, Elkhart, IN 46516<br>(574) 970-0088<\/p>\n<p><a href=\"http:\/\/saevansville.org\" target=\"\"><strong>Evansville Salvation Army<\/strong><\/a><br>1040 N. Fulton Ave., Evansville, IN 47710-1856<br>(812) 425-1375; fax (812) 423-2317<br><br><strong><a href=\"http:\/\/safortwayne.org\" target=\"\">Fort Wayne Salvation Army<\/a> <\/strong><br>2901 N. Clinton St., Fort Wayne, IN 46805-1909<br>(260) 744-2311; fax (260) 744-2402<\/p>\n<p><strong><a href=\"\/content\/safountainsquare.org\" target=\"\">Fountain Square Salvation Army<\/a>&nbsp; <\/strong><br>1337 Shelby Street., Indianapolis, IN 46203<br>(317) 632-0156<\/p>\n<p><a href=\"\/content\/salarmygary.org\" target=\"\"><strong>Gary-Merrillville<\/strong><\/a><br>4800 Harrison St., Gary, Indiana 46408-4420<br>(219)-887-6588<\/p>\n<p><a href=\"https:\/\/centralusa.salvationarmy.org\/Goshen\/\" target=\"\"><strong>Goshen<\/strong><\/a><br>1013 N Main St, Goshen, IN 46528<br>(574) 533-9584<\/p>\n<p><a href=\"https:\/\/centralusa.salvationarmy.org\/hammond\/\" target=\"\"><strong>Hammond-Munster<\/strong><\/a><br>8225 Columbia Avenue, Munster, Indiana 46321-1888<br>(219) 838-0380<\/p>\n<p><strong><a href=\"https:\/\/centralusa.salvationarmy.org\/henrycounty\/\" target=\"\">Henry County Outpost<\/a> <\/strong><br>2500 Washington St., New Castle, IN 47362-3747<br>(765) 529-1303; fax (765) 529-5005<\/p>\n<p><a href=\"http:\/\/sahuntington.org\" target=\"\"><strong>Huntington Salvation Army <\/strong><\/a><br>1424 E. Market St., Huntington, IN 46750-2542<br>(260) 356-3485; fax (765) 356-3531<br><br><strong><a href=\"https:\/\/centralusa.salvationarmy.org\/johnsoncounty\/\" target=\"\">Johnson County Red Shield Center<\/a> <\/strong><br>325 Market Plaza, Greenwood, IN 46142<br>(317) 881-2505; fax (317) 882-1619<br><br><strong><a href=\"http:\/\/sakokomo.org\" target=\"\">Kokomo Salvation Army<\/a> <\/strong><br>1101 S. Waugh, Kokomo, IN 46902-1736<br>(765) 456-3846; fax (765) 456-3849<br><br><strong><a href=\"http:\/\/salafayette.org\" target=\"\">Lafayette Salvation Army<\/a> <\/strong><br>1110 Union St., Lafayette, IN 47904-1934<br>(765) 742-0006; fax (765) 742-2491<\/p>\n<p><a href=\"https:\/\/centralusa.salvationarmy.org\/LaPorte\/\" target=\"\"><strong>LaPorte Salvation Army<\/strong><\/a><br>3240 Monroe St, La Porte, IN 46350<br>(219) 326-5342<\/p>\n<p><strong><a href=\"http:\/\/salogansport.org\" target=\"\">Logansport Salvation Army<\/a> <\/strong><br>620 Wilkinson St., Logansport IN 46947-2929<br>(574) 722-1979; fax (574) 739-2903<br><br><strong><a href=\"http:\/\/samadison.org\" target=\"\">Madison Salvation Army<\/a> <\/strong><br>331 E. Main St., Madison, IN 47250-3537<br>(812) 265-2157; fax (812) 265-6522<br><br><strong><a href=\"http:\/\/samarion.org\" target=\"\">Marion Salvation Army<\/a> <\/strong><br>359 N. Bradner Ave., Marion, IN 46952<br>(765) 664-6536; fax (765) 664-5320<\/p>\n<p><a href=\"https:\/\/centralusa.salvationarmy.org\/MichiganCity\/\" target=\"\"><strong>Michigan City Salvation Army<\/strong><\/a><br>1201 Franklin St, Michigan City, IN 46360<br>(219) 874-6885<\/p>\n<p><strong><a href=\"http:\/\/samuncie.org\" target=\"\">Muncie Salvation Army<\/a> <\/strong><br>1015 N. Wheeling, Muncie, IN 47303-2869<br>(765) 289-7924; fax (765) 284-2861<\/p>\n<p><strong><a href=\"http:\/\/sanewalbany.org\" target=\"\">New Albany Salvation Army<\/a> <\/strong><br>Main Office (New Albany)<br>2300 Green Valley Road, New Albany, IN 47150-4650<br>(812) 944-1018; fax (812) 945-4066<\/p>\n<p>Clark County Office (Clarksville)<br>528 N. Hallmark Blvd., Clarksville, IN 47129-6630<br>(812) 280-7608<\/p>\n<p>Harrison County Office (Corydon)<br>405 N. Capitol Ave. Suite 102, Harrison Center Corydon, IN 47112-1555<br>(812) 738-8118<\/p>\n<p><strong><a href=\"https:\/\/centralusa.salvationarmy.org\/northwestindiana\/\" target=\"\">Northwest Area Command<\/a><\/strong><br>8225 Columbia Avenue, Munster, Indiana 46321<br>(219)-838-0380<\/p>\n<p><a href=\"https:\/\/centralusa.salvationarmy.org\/PorterCounty\/\" target=\"\"><strong>Porter County Salvation Army<\/strong><\/a><br>799 Capitol Rd, Valparaiso, IN 46385<br>(219) 762-9191<\/p>\n<p><strong><a href=\"http:\/\/saprinceton.org\" target=\"\">Princeton Salvation Army<\/a> <\/strong><br>202 S. Gibson St., Princeton, IN 47670-2199<br>(812) 386-6577; fax (812) 385-4677<\/p>\n<p><a href=\"http:\/\/sarichmond.org\" target=\"\"><strong>Richmond Salvation Army <\/strong><\/a><br>707 S A Street, PO Box 1485, Richmond, IN 47374<br>(765) 966-7791; fax (765) 966-7792<\/p>\n<p><a href=\"http:\/\/sashelbyville.org\" target=\"\"><strong>Shelbyville Salvation Army <\/strong><\/a><br>136 E. Washington St., Shelbyville, IN 46176-1464<br>(317) 398-7421; fax (317) 392-9635<\/p>\n<p><a href=\"https:\/\/mykroc.org\/\" target=\"\"><strong>South Bend KROC Center<\/strong><\/a><br>900 W Western Ave, South Bend, IN 46601<br>(574) 233-9471<\/p>\n<p><a href=\"https:\/\/centralusa.salvationarmy.org\/terrehaute\" target=\"\"><strong>Terre Haute Salvation Army <\/strong><\/a><br>234 S. Eighth St., Terre Haute, IN 47807-3706<br>(812) 232-4081; fax (812) 234-1513<\/p>\n<p><a href=\"http:\/\/savincennes.org\" target=\"\"><strong>Vincennes Salvation Army <\/strong><\/a><br>2300 N. Second St., Vincennes, IN 47591-2444<br>(812) 882-6933; fax (812) 882-3622<\/p>\n<p><a href=\"http:\/\/sawarsaw.org\" target=\"\"><strong>Warsaw Salvation Army <\/strong><\/a><br>501 E. Arthur St., Warsaw, IN 46580-3003<br>(574) 267-5361; fax (574) 267-8520<\/p>\n<h2>Counties Served by Service Extension:<\/h2>\n<p><strong>Adams<\/strong><br>Jessica Theime<br>(260) 728-2056<\/p>\n<p><strong>Allen County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/fortwayneIN\/\" target=\"\">Fort Wayne Salvation Army<\/a><\/p>\n<p><strong>Bartholomew County<\/strong><br>This county is served by&nbsp;<a href=\"https:\/\/centralusa.salvationarmy.org\/columbusIN\/\" target=\"\">Columbus Salvation Army<\/a><\/p>\n<p><strong>Benton County<\/strong><br>Christine Sheetz<br>CAP Office<br>105 S Howard St.<br>PO Box 445<br>Oxford, IN 47971<br>(765) 385-0623<\/p>\n<p><strong>Blackford County<\/strong><br>Angie Quinn<br>(765) 327-3986<\/p>\n<p><strong>Boone County<\/strong><br>317-617-7232 (leave a message and your call will be returned)<\/p>\n<p><strong>Brown County<\/strong><br>This county is served by&nbsp;<a href=\"https:\/\/centralusa.salvationarmy.org\/browncounty\/\" target=\"\">Brown County Salvation Army<\/a><\/p>\n<p><strong>Carroll County<\/strong><br>Kim Widner<br>(765) 427-4913<\/p>\n<p><strong>Cass County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/logansport\/\" target=\"\">Logansport Salvation Army<\/a><\/p>\n<p><strong>Clark County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/newalbany\/\" target=\"\">New Albany Salvation Army<\/a><\/p>\n<p><strong>Clay County<\/strong><br>Kerry Clear &amp; Laura Wells<br>First United Methodist Church<br>201 N. Meridian St.<br>Brazil, IN 47834<br>(812) 443-2231<\/p>\n<p><strong>Clinton County<\/strong><br>Edith Campbell<br>Salvation Army Service Center<br>300 W. Washington Street<br>Frankfort, IN 46041<br>(765) 654-7896<\/p>\n<p><strong>Crawford County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/newalbany\/\" target=\"\">New Albany Salvation Army<\/a><\/p>\n<p><strong>Daviess County<\/strong><br>Service Rep. -Sherry Davis<br>(B) 812-257-2650<\/p>\n<p><strong>Dearborn County\/Ohio<\/strong><br>Linda Morehead<br>SIEOC<br>PO BOX 240<br>Aurora, IN 47001<br>(812) 926-1585 Ext. 201<\/p>\n<p><strong>Decatur County<\/strong><br>Gordon Hoag<br><a href=\"mailto:Gordon.Hoag@usc.salvationarmy.org\" target=\"\">Gordon.Hoag@usc.salvationarmy.org<\/a><\/p>\n<p><strong>DeKalb County<\/strong><br>Renee Ann Francies-Florin<br>Son Shine (T,T H 11-4 and M,W,F by Appt.)<br>Food Pantry (M 2-5 ; W 10-1)<br>Clothing Bank (TH 10-2)<br>1103 West Auburn Drive.&nbsp;<br>Auburn, IN 46706<br>(260) 925-9200 Ext. 22<\/p>\n<p><strong>Delaware County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/muncieIN\/\" target=\"\">Muncie Salvation Army<\/a><\/p>\n<p><strong>Dubois County<\/strong><br><em>HUNTINGBURG &ndash;<\/em><br>Rev. William Covey<br>Shared Abundance<br>PO BOX&nbsp;282<br>Huntingburg, IN 47542<br>(812) 631-8641<\/p>\n<p><strong>JASPER<\/strong><br>Vacant<\/p>\n<p><strong>Elkhart County<\/strong><br>This county is served by&nbsp;<a href=\"https:\/\/centralusa.salvationarmy.org\/Elkhart\/\" target=\"\">Elkhart County Salvation Army<\/a> and <a href=\"https:\/\/centralusa.salvationarmy.org\/Goshen\/\" target=\"\">Goshen Salvation Army<\/a><\/p>\n<p><strong>Fayette County Franklin and Union Co.<\/strong><br>Nancy Wolfe<br>(765) 821-2214<\/p>\n<p><strong>Floyd County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/newalbany\/\" target=\"\">New Albany Salvation Army<\/a><\/p>\n<p><strong>Fountain County<\/strong><br><span style=\"font-size: 14px;\">Diana DeSutter<br>CAP<br>418 Washington St.<br>PO BOX 188<\/span><br><span style=\"font-size: 14px;\">Covington, IN 47932<br>(765) 793-4881 Ext. 12<\/span><\/p>\n<p><strong>Franklin County<\/strong><br>Nancy Wolfe<\/p>\n<p><strong>Fulton County<\/strong><br>Marianne Christenson (M, W, F: 9-11)<br>(574) 721-2539<\/p>\n<p><strong>Gibson County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/princeton\/\" target=\"\">Princeton Salvation Army<\/a><\/p>\n<p><strong>Grant County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/marion\/\" target=\"\">Marion Salvation Army<\/a><\/p>\n<p><strong>Greene County<\/strong><br>Christa Turpin<br>(812) 699-5160<\/p>\n<p><strong>Hamilton County<\/strong><br>Joe Gorzalski<br>Noblesville Township Trustee <em>&ndash; <\/em>836 Division Street, Noblesville, Indiana, 46060.<br>(317) 691-2454<br>fax number (317) 774-0079<\/p>\n<p><strong>Hancock County<\/strong><br>Love INC or GHC<br>Richard Kleiman<br>(317) 468-6300<\/p>\n<p><strong>Harrison County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/newalbany\/\" target=\"\">New Albany Salvation Army<\/a><\/p>\n<p><strong>Hendricks County<\/strong><br><em>BROWNSBURG and PLAINFIELD* &ndash;<\/em><br>Kellie Cummins<br>Brownsburg Police Department<br>31 North Green<br>Brownsburg, IN 46112<br>(317) 852-1109, Ext. 2106<br><strong><em>* There is not a thrift store at this location.<\/em><\/strong><\/p>\n<p><strong>Henry County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/henrycounty\/\" target=\"\">Henry County Salvation Army<\/a><\/p>\n<p><strong>Howard County<\/strong><br>This county is served by&nbsp;<a href=\"https:\/\/centralusa.salvationarmy.org\/kokomo\/\" target=\"\">Kokomo Salvation Army<\/a><\/p>\n<p><strong>Huntington County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/huntington\/\" target=\"\">Huntington Salvation Army<\/a><\/p>\n<p><strong>Jackson County<\/strong><br><em>Seymour -&nbsp;<\/em><br>Emmanuel Church - Seymour Campus<br>1849 1st avenue&nbsp;<br>Seymour, IN 47274<br>(812) 530-6681<\/p>\n<p><em>Crothersville -<\/em><\/p>\n<p>Toby Ortman<br>(812) 793-2512<\/p>\n<p><strong>Jasper County<\/strong><br>Juli Leichty<br>Burr Oak Community Church<br>11506 W 200 South<br>Rensselaer, IN 47978<br>(219) 394-2339<br>Hours:<span data-olk-copy-source=\"MessageBody\">&nbsp;BY APPOINTMENT ONLY<\/span><\/p>\n<p><strong>Jay County (vacant)<\/strong><br>Temporary Contact: Angela Quinn<br>(765) 327-3986<br><a href=\"mailto:angela.quinn@usc.salvationarmy.org\" target=\"\">angela.quinn@usc.salvationarmy.org<\/a><\/p>\n<p><strong>Jefferson County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/madisonIN\/\" target=\"\">Madison Salvation Army<\/a><\/p>\n<p><strong>Jennings County<\/strong><br>Good Samaritan Food Pantry<br>Ginger Miller<br>2550 N State Road 7<br>North Vernon, IN 47265<br>(812) 352-0500<\/p>\n<p><strong>Johnson County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/centralindiana\/\" target=\"\">Central Indian Area Command<\/a><\/p>\n<p><strong>Knox County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/vincennes\/\" target=\"\">Vincennes Salvation Army<\/a><\/p>\n<p><strong>Kosciusko County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/warsaw\/\" target=\"\">Warsaw Salvation Army<\/a><\/p>\n<p><strong>LaGrange County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/Elkhart\/\" target=\"\">Elkhart County Salvation Army<\/a><\/p>\n<p><strong>Lake County<\/strong><br>This county is served by the <a href=\"https:\/\/centralusa.salvationarmy.org\/northwestindiana\/\" target=\"\">Northwest&nbsp;Indiana Area Command<\/a><\/p>\n<p><strong>LaPorte County<\/strong><br>This county is served by the <a href=\"https:\/\/centralusa.salvationarmy.org\/northwestindiana\/\" target=\"\">Northwest&nbsp;Indiana Area Command<\/a><\/p>\n<p><strong>Lawrence County<\/strong><\/p>\n<p>Becky Ashley<br>Assistance Phone: 812-675-2550<br>Office Hours: Mon\/Thu (1-3 pm)<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Wed (10-12)<\/p>\n<p><strong>Madison County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/anderson\/\" target=\"\">Anderson Salvation Army<\/a><\/p>\n<p><strong>Marion County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/centralindiana\/\" target=\"\">Central Indiana Area Command<\/a><\/p>\n<p><strong>Marshall Bremen<\/strong><br>Jeree Kratzer<br>Bremen United Methodist Church<br>832 State Rd. 331<br>Bremen, IN 46506<br>(574) 546-2667<\/p>\n<p><strong>Marshall Plymouth County<\/strong><br>Doug Kucera - (574) 941-2282<\/p>\n<p><em><strong>Marshall Culver<\/strong> &ndash;<\/em><br>Marlene Mahler<br>Union Township Trustee Office<br>16420 SR 17<br>Culver, IN 46511<br>(574) 952-0345<br><em>Tue and Th 1-4<\/em><\/p>\n<p><strong>Martin County<\/strong><br>Nancy Whitman<br>Loogootee United Methodist Church<br>208 W Main Street,<br>Loogootee, IN 47553<br>(812) 209-0911<\/p>\n<p><strong>Miami County<\/strong><br>Angela Quinn<br>PO BOX 460<br>Peru, IN 46970<br>(765) 473-5498 Mon - Thurs&nbsp;8:30&nbsp;- 11:30&nbsp;am<\/p>\n<p><strong>Monroe County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/bloomingtonIN\/\" target=\"\">Bloomington Salvation Army<\/a><\/p>\n<p><strong>Montgomery County<\/strong><br>Clay Adams<br>(765) 307-2937<br><strong>By Appointment Only<\/strong><\/p>\n<p><strong>Morgan County<\/strong><br><em>MARTINSVILLE &ndash;<\/em><br>Linda Hadley<br>Churches in Mission<br>60 West Pike<br>Martinsville, IN 47452<br>(765) 341-6652<\/p>\n<p><em><strong>MOORESVILLE<\/strong> &ndash;<\/em><br>Dottie Antonson<br>Church of Mission<br>27 S. Indiana Street<br>Mooresville, IN 46158<br>(317)831-3987<\/p>\n<p><strong>Newton County<\/strong><br><em>KENTLAND &ndash;<\/em><br>Trinity United Methodist Church<br>302 N. Second Street<br>Kentland, IN 47951<br>(219) 474-6225<\/p>\n<p><strong>Noble County<\/strong><br><em><strong>KENDALLVILLE<\/strong> &ndash;<\/em><br>Rev. Angie Kidd<br>Common Grace Ministries, Inc.<br>2004 Dowling Street<br>Kendallville, IN 46755&nbsp;<br><em>Hours -- Appointments are required.&nbsp; Please contact&nbsp;us to schedule an appointment<\/em>.<br>(260) 349-1942 \/ <a href=\"mailto:info@commongraceministries.org\" target=\"\">info@commongraceministries.org<\/a><br><em>Monday and Thursday 8:30am - 4:00pm<\/em><br><em>Tuesday 8:30am - 1:00pm<\/em><br><em>Wednesday 1:30pm - 5:30pm<\/em><br><em>Friday 8:30am - 12:00pm and 2:00pm - 4:00pm<\/em><\/p>\n<strong>Ohio County<\/strong><br>Linda Morehead<br>110 Imparting Street<br>Aurora, IN 47001<br>(812) 926-1585\n<p><strong>Orange County<\/strong><br>Safe Haven Recovery Engagement Center<br>Kelly Mullen<br>308 S. Oak St. Paoli, IN 47454<br>(812) 203-2230<\/p>\n<p><strong>Owen County<\/strong><br>Sally Carter<br>SCCAP<br>205 E. Morgan Street, Suite A<br>Spencer, IN 47460<br>(812) 829-2279<\/p>\n<p><strong>Parke County<\/strong><br>Lori Collom<br>(765) 592-0948<\/p>\n<p><strong>Perry County<\/strong><br>Jo Ann Smith<br>(812) 547-0903<\/p>\n<p><strong>Pike County<\/strong><br>This county is served by&nbsp;<a href=\"https:\/\/centralusa.salvationarmy.org\/princeton\/\" target=\"\">Princeton Salvation Army<\/a><\/p>\n<p><strong>Porter County<\/strong><br>This county is served by the <a href=\"https:\/\/centralusa.salvationarmy.org\/northwestindiana\/\" target=\"\">Northwest&nbsp;Indiana Area Command<\/a><\/p>\n<p><strong>Posey County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/evansvilleIN\/\" target=\"\">Evansville Salvation Army<\/a><\/p>\n<p><strong>Pulaski County<\/strong><br>Jaqueline Frain - Pulaski County Human Services<br>115 W. Pearl Street<br>PO BOX 32<br>Winamac, IN 46996<br>(574) 946-6500<\/p>\n<p><strong>Putnam County<\/strong><br>Nancy Wolfe<br>(317) 777-1223<\/p>\n<p><strong>Randolph County<\/strong><br><em>WINCHESTER &ndash;<\/em><br>Ellen Craig<br>Winchester Friends Church<br>124 E. Washington Street<br>Winchester, IN 47394<br>(765) 584-8276<br><em>T &ndash; Th 9:30 a.m. &ndash; Noon<\/em><\/p>\n<p><em><strong>UNION CITY<\/strong>&nbsp;<\/em><br>Vacant<\/p>\n<p><strong>Ripley Batesville <\/strong><br>Service Rep. Sister Marge Wissman<br>PO BOX 100<br>Oldenburg, Indiana 47306-0100<br>(812) 932-2622<br>Fax - (812) 932-2622<\/p>\n<p><strong>Rush County<\/strong><br>Clinton \"Chip\" West<br>Main Street Christian Church<br>615 N. Main Street<br>Rushville, IN 46173<br>(765) 932-2997<\/p>\n<p><strong>St. Joseph County<\/strong><br>This county is served by the&nbsp;<a href=\"https:\/\/mykroc.org\/\" target=\"\">South Bend KROC Center<\/a><\/p>\n<p><strong>Scott County<\/strong><br>This county is served <a href=\"https:\/\/centralusa.salvationarmy.org\/newalbany\/\" target=\"\">New Albany Salvation Army<\/a><\/p>\n<p><strong>Shelby County<\/strong><br>This county is served by <a href=\"https:\/\/salvationarmyindiana.org\/locations\/corps-community-centers\/shelbyville\/\">Shelbyville Salvation Army.<\/a><\/p>\n<p><strong>Spencer County<\/strong><br>Kevin Maier<br>(812) 686-3577<br><span class=\"LrzXr zdqRlf kno-fv\"><\/span><\/p>\n<p><strong>Starke County<\/strong><br>Charmaine Dunkel<br>Community Service of Starke Co.<br>311 E Culver Road<br>Knox, IN 46534<br>(574) 772-7070<\/p>\n<p><strong>Steuben County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/Elkhart\/\" target=\"\">Elkhart County Salvation Army<\/a><\/p>\n<p><strong>Sullivan County<\/strong><br>Michele Smith<br>(812) 691-8174<\/p>\n<p><strong>Switzerland County<\/strong><br>Gordon Hoag<br><a href=\"mailto:Gordon.Hoag@usc.salvationarmy\" target=\"\">Gordon.Hoag@usc.salvationarmy<\/a><a href=\"mailto:Gordon.Hoag@usc.salvationarmy.org\" target=\"\">.org<\/a><\/p>\n<p><strong>Tippecanoe County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/lafayette\/\" target=\"\">Lafayette Salvation Army<\/a><\/p>\n<p><strong>Tipton County<\/strong><br>Rhonda Reynolds<br>(765) 860-5792<\/p>\n<p><strong>Union County<\/strong><br>(see Fayette County listing)<\/p>\n<p><strong>Vanderburgh County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/evansvilleIN\/\" target=\"\">Evansville Salvation Army<\/a><\/p>\n<p><strong>Vermillion County<\/strong><br>Terry Chilton<br>(812) 201-8567<\/p>\n<p><strong>Wabash County<\/strong><br>Angela Quinn<br>(765) 327-3986<br><a href=\"mailto:angela.quinn@usc.salvationarmy.org\" target=\"\">angela.quinn@usc.salvationarmy.org<\/a><\/p>\n<p><strong>Warren County<\/strong><br>Vacant<\/p>\n<p><strong>Warrick County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/evansvilleIN\/\" target=\"\">Evansville Salvation Army<\/a><\/p>\n<p><strong>Washington County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/newalbany\/\" target=\"\">New Albany Salvation Army<\/a><\/p>\n<p><strong>Wayne County<\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/richmondIN\/\" target=\"\">Richmond Salvation Army<\/a><\/p>\n<p><strong>Wells County<\/strong><br>S.A. Service Extension<br>Public Contact: (260) 622-8441<\/p>\n<p><strong>White County<\/strong><br>Gale Spry, Anne Crosser<br>116 E. Marion Street<br>PO BOX 421<br>Monticello, IN 47960<br>(574) 297-8547 Extension 8 for Bell Ringing and Extension 9 for Assistance.&nbsp;<\/p>\n<p><strong>Whitley County <\/strong><br>This county is served by <a href=\"https:\/\/centralusa.salvationarmy.org\/warsaw\/\" target=\"\">Warsaw Salvation Army<\/a><\/p>\n<\/div>\n<\/div>","image":null,"image_carousel":null,"show_cta_component":null,"primary_cta_name":"Find Your Nearest Location","primary_cta_link":"https:\/\/www.salvationarmyusa.org\/location-finder\/","location":null,"page_type":null,"service_type":null,"map_excerpt_title":null,"map_excerpt_subtext":null,"map_excerpt_description":null,"map_cta_nav_link":null,"map_cta_nav_text":null,"image_button_text_title_left":null,"image_button_text_description_left":null,"image_button_text_cta_name_left":null,"image_button_text_cta_link_left":null,"image_button_text_image_left":null,"image_button_text_reverse_title":null,"image_button_text_reverse_description":null,"image_button_text_reverse_cta_name":null,"image_button_text_reverse_cta_link":null,"image_button_text_reverse_image":null,"contact_us_title":null,"contact_us_image":null,"contact_us_page_link":null,"stats_title":null,"image_button_text_full_title":null,"image_button_text_full_image":null,"image_button_text_full_description":null,"image_button_text_full_cta_link":null,"image_button_text_full_cta_name":null,"full_bleed_banner_title":null,"full_bleed_banner_description":null,"full_bleed_banner_image":null,"full_bleed_banner_cta_link":null,"full_bleed_banner_cta_name":null,"hero_image":"https:\/\/dam.redshieldtoolkit.org\/m\/8d378bb752a3be6c\/original\/Photos-of-those-in-need-original.jpg","subtitle":"Local Salvation Army corps throughout Indiana also provide critical assistance through an array of social service-based programs and services.","address":null,"name":null,"secondary_cta_name":null,"secondary_cta_link":null,"image_button_text_full_bleed_image_leftss":null,"image_button_text_full_bleed_title_left":null,"image_button_text_full_bleed_image_left":null,"image_button_text_full_bleed_description_left":null,"image_button_text_full_bleed_cta_link_left":null,"image_button_text_full_bleed_cta_name_left":null,"og_image":null,"navigation_parent":"about","display_on_header_navigation":"0","external_link":null,"division":{"type":"relationship","model":"divisions","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"territory":{"type":"relationship","model":"territories","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"national":"0","is_syndicated_read_only":"0","template_layout":"0","locations":null,"divisions":null,"territories":null,"meta":{"type":"item","model_name":"informational_pages","model_alternate_name":"InformationalPage","zuid":"7-eee29ddbae-cn6qpx","createdAt":"2026-03-13 20:04:37","updatedAt":"2026-03-13 20:04:36","listed":"1","version":"6","locale":{"id":"1","name":"English (United States)","code":"en-US","default":"1","active":"1","enabled":"1"},"model":{"type":"model","zuid":"6-c2b7f2a9ad-k4frxv","name":"informational_pages","label":"Informational Pages","resourceURI":"https:\/\/www.salvationarmyusa.org\/-\/instant\/6-c2b7f2a9ad-k4frxv.json"},"web":{"url":"https:\/\/www.salvationarmyusa.org\/usa-central-territory\/indiana\/worship-and-service-center-locations\/","uri":"\/usa-central-territory\/indiana\/worship-and-service-center-locations\/","fragment":"worship-and-service-center-locations","canonical_tag_mode":"1","sitemap_priority":"-1.0","sitemap_last_updated":"2026-03-13 20:04:36","canonical_query_param_whitelist":null,"canonical_tag_custom_value":null,"seo_link_text":"Worship and Service Center Locations","seo_meta_title":"Worship and Service Center Locations | Indiana Division","seo_meta_description":"Local Salvation Army corps throughout Indiana also provide critical assistance through an array of social service-based programs and services.","seo_meta_keywords":"Worship, church, service, center, locations, location, gather, "},"layout":{"html":"<div className={styles.pvlRoot}>\n\t<div><div id=\"faq\" class=\"p-6 rounded-5 bg-light mb-18\">\n  \n    <h5 class=\"mb-2\">Title<\/h5>\n   \n\n  \n  <div class=\"accordion accordion-flush\" id=\"general-accordion-7-b2859ef087-j37ncj\">\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-8ab2dbc1a8-0t3fsf\">\n          <button\n            \n              class=\"accordion-button collapsed p-3 fw-normal accordion-button-partners\"\n            \n            type=\"button\"\n            data-bs-toggle=\"collapse\"\n            data-bs-target=\"#collapse-7-8ab2dbc1a8-0t3fsf\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-8ab2dbc1a8-0t3fsf\"\n            data-location-type=\"body:accordion\"\n            data-function-type=\"other\"\n            data-format-type=\"accordion-block\"\n            data-page-componentType-type=\"accordion component\"\n            data-page-componentHeading-type=\"item 2\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"0\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">item 2<\/p>\n              <p class=\"text-dark-50 mb-0\">Item 2<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-8ab2dbc1a8-0t3fsf\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-8ab2dbc1a8-0t3fsf\"\n          data-bs-parent=\"#general-accordion-7-b2859ef087-j37ncj\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>Lorme<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-baf5b9db98-7hhwvk\">\n          <button\n            \n              class=\"accordion-button collapsed p-3 fw-normal accordion-button-partners\"\n            \n            type=\"button\"\n            data-bs-toggle=\"collapse\"\n            data-bs-target=\"#collapse-7-baf5b9db98-7hhwvk\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-baf5b9db98-7hhwvk\"\n            data-location-type=\"body:accordion\"\n            data-function-type=\"other\"\n            data-format-type=\"accordion-block\"\n            data-page-componentType-type=\"accordion component\"\n            data-page-componentHeading-type=\"Item 1\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"1\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">Item 1<\/p>\n              <p class=\"text-dark-50 mb-0\">Item 1<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-baf5b9db98-7hhwvk\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-baf5b9db98-7hhwvk\"\n          data-bs-parent=\"#general-accordion-7-b2859ef087-j37ncj\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  \n<\/div>\n<\/div>\n\t<h1>Heading 1<\/h1>\n<\/div>\n","json":{"layout:root:column:0":{"name":"layout:root:column:0","html":"<div className={styles.pvlRoot}>*<\/div>","children":{"content:block:6-caf0f4baac-ctljlz:0:81":{"html":"<div><div id=\"faq\" class=\"p-6 rounded-5 bg-light mb-18\">\n  \n    <h5 class=\"mb-2\">Title<\/h5>\n   \n\n  \n  <div class=\"accordion accordion-flush\" id=\"general-accordion-7-b2859ef087-j37ncj\">\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-8ab2dbc1a8-0t3fsf\">\n          <button\n            \n              class=\"accordion-button collapsed p-3 fw-normal accordion-button-partners\"\n            \n            type=\"button\"\n            data-bs-toggle=\"collapse\"\n            data-bs-target=\"#collapse-7-8ab2dbc1a8-0t3fsf\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-8ab2dbc1a8-0t3fsf\"\n            data-location-type=\"body:accordion\"\n            data-function-type=\"other\"\n            data-format-type=\"accordion-block\"\n            data-page-componentType-type=\"accordion component\"\n            data-page-componentHeading-type=\"item 2\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"0\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">item 2<\/p>\n              <p class=\"text-dark-50 mb-0\">Item 2<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-8ab2dbc1a8-0t3fsf\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-8ab2dbc1a8-0t3fsf\"\n          data-bs-parent=\"#general-accordion-7-b2859ef087-j37ncj\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>Lorme<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-baf5b9db98-7hhwvk\">\n          <button\n            \n              class=\"accordion-button collapsed p-3 fw-normal accordion-button-partners\"\n            \n            type=\"button\"\n            data-bs-toggle=\"collapse\"\n            data-bs-target=\"#collapse-7-baf5b9db98-7hhwvk\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-baf5b9db98-7hhwvk\"\n            data-location-type=\"body:accordion\"\n            data-function-type=\"other\"\n            data-format-type=\"accordion-block\"\n            data-page-componentType-type=\"accordion component\"\n            data-page-componentHeading-type=\"Item 1\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"1\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">Item 1<\/p>\n              <p class=\"text-dark-50 mb-0\">Item 1<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-baf5b9db98-7hhwvk\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-baf5b9db98-7hhwvk\"\n          data-bs-parent=\"#general-accordion-7-b2859ef087-j37ncj\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  \n<\/div>\n<\/div>","content":"<div id=\"faq\" class=\"p-6 rounded-5 bg-light mb-18\">\n  \n    <h5 class=\"mb-2\">Title<\/h5>\n   \n\n  \n  <div class=\"accordion accordion-flush\" id=\"general-accordion-7-b2859ef087-j37ncj\">\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-8ab2dbc1a8-0t3fsf\">\n          <button\n            \n              class=\"accordion-button collapsed p-3 fw-normal accordion-button-partners\"\n            \n            type=\"button\"\n            data-bs-toggle=\"collapse\"\n            data-bs-target=\"#collapse-7-8ab2dbc1a8-0t3fsf\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-8ab2dbc1a8-0t3fsf\"\n            data-location-type=\"body:accordion\"\n            data-function-type=\"other\"\n            data-format-type=\"accordion-block\"\n            data-page-componentType-type=\"accordion component\"\n            data-page-componentHeading-type=\"item 2\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"0\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">item 2<\/p>\n              <p class=\"text-dark-50 mb-0\">Item 2<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-8ab2dbc1a8-0t3fsf\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-8ab2dbc1a8-0t3fsf\"\n          data-bs-parent=\"#general-accordion-7-b2859ef087-j37ncj\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>Lorme<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-baf5b9db98-7hhwvk\">\n          <button\n            \n              class=\"accordion-button collapsed p-3 fw-normal accordion-button-partners\"\n            \n            type=\"button\"\n            data-bs-toggle=\"collapse\"\n            data-bs-target=\"#collapse-7-baf5b9db98-7hhwvk\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-baf5b9db98-7hhwvk\"\n            data-location-type=\"body:accordion\"\n            data-function-type=\"other\"\n            data-format-type=\"accordion-block\"\n            data-page-componentType-type=\"accordion component\"\n            data-page-componentHeading-type=\"Item 1\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"1\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">Item 1<\/p>\n              <p class=\"text-dark-50 mb-0\">Item 1<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-baf5b9db98-7hhwvk\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-baf5b9db98-7hhwvk\"\n          data-bs-parent=\"#general-accordion-7-b2859ef087-j37ncj\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  \n<\/div>\n","model":"6-caf0f4baac-ctljlz","name":"General Accordion","position":0,"fullName":"content:block:6-caf0f4baac-ctljlz:0:81","type":"block","primarytype":"content","newLoc":"layout:root:column:0","oldLoc":"bank"},"content:text:1:48":{"icon":"text-height","name":"Heading","type":"text","html":"<h1>Heading 1<\/h1>","description":"Plain Text","draggable":true,"content":"Heading 1","position":1,"fullName":"content:text:1:48","htmlElement":"h1","primarytype":"content","newLoc":"layout:root:column:0","oldLoc":"bank"}}}}}}}]},"secondary_card":{"type":"relationship","model":"informational_pages","totalItems":1,"data":[{"title":"Volunteer in Indiana","body":"<h1 style=\"text-align: center;\">Make a difference. become a volunteer.<\/h1>\n<p style=\"text-align: center;\">Looking for ways to impact your community? Wherever you are, The Salvation Army is meeting needs in your community.<\/p>\n<p style=\"text-align: center;\">Check out your local Salvation Army Corps to see how you can do the most good in your community today!<\/p>\n<h3 style=\"text-align: center;\">Statewide Volunteer Opportunities<\/h3>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"http:\/\/disaster.salvationarmyusa.org\/volunteer\/new\/\" target=\"_blank\" data-url=\"http:\/\/disaster.salvationarmyusa.org\/volunteer\/new\/\" rel=\"noopener\">Emergency Disaster Services<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"http:\/\/www.hiddenfallscamp.org\/get-connected\/volunteer\/\" target=\"_blank\" data-url=\"http:\/\/www.hiddenfallscamp.org\/get-connected\/volunteer\/\" rel=\"noopener\">Hidden Falls Camp (Bedford, IN)<\/a><\/p>\n<p><\/p>\n<p>Locate your local Salvation Army below to view their volunteer opportunities:<\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/anderson\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/anderson\/volunteer\/\" rel=\"noopener\">Anderson Citadel<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/Bloomingtonin\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/Bloomingtonin\/volunteer\/\" rel=\"noopener\">Bloomington Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/browncounty\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/browncounty\/volunteer\/\" rel=\"noopener\">Brown County Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/columbusin\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/columbusin\/volunteer\/\" rel=\"noopener\">Columbus Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/evansvillein\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/evansvillein\/volunteer\/\" rel=\"noopener\">Evansville Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/elkhart\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/elkhart\/volunteer\/\" rel=\"noopener\">Elkhart Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/fortwaynein\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/fortwaynein\/volunteer\/\" rel=\"noopener\">Fort Wayne Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/goshen\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/goshen\/volunteer\/\" rel=\"noopener\">Goshen Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/henrycounty\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/henrycounty\/volunteer\/\" rel=\"noopener\">Henry County Outpost<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/huntington\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/huntington\/volunteer\/\" rel=\"noopener\">Huntington Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/kokomo\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/kokomo\/volunteer\/\" rel=\"noopener\">Kokomo Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/Lafayette\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/Lafayette\/volunteer\/\" rel=\"noopener\">Lafayette Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/laporte\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/laporte\/volunteer\/\" rel=\"noopener\">La Porte Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/logansport\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/logansport\/volunteer\/\" rel=\"noopener\">Logansport 360 Life Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/madisonin\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/madisonin\/volunteer\/\" rel=\"noopener\"> Madison Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/marion\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/marion\/volunteer\/\" rel=\"noopener\"> Marion Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/munciein\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/munciein\/volunteer\/\" rel=\"noopener\"> Muncie Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/newalbany\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/newalbany\/volunteer\/\" rel=\"noopener\"> New Albany Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/princeton\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/princeton\/volunteer\/\" rel=\"noopener\"> Princeton Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/richmondIN\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/richmondIN\/volunteer\/\" rel=\"noopener\"> Richmond Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/shelbyville\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/shelbyville\/volunteer\/\" rel=\"noopener\"> Shelbyville Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/mykroc.org\/volunteer\" target=\"_blank\" data-url=\"https:\/\/mykroc.org\/volunteer\" rel=\"noopener\">South Bend Kroc Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/terrehaute\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/terrehaute\/volunteer\/\" rel=\"noopener\">Terre Haute Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/vincennes\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/vincennes\/volunteer\/\" rel=\"noopener\"> Vincennes Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/whitley\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/whitley\/volunteer\/\" rel=\"noopener\">The Salvation Army of Whitley County<\/a><\/p>\n<p><\/p>\n<h3 style=\"text-align: center;\">Central Indiana Volunteer Opportunities:<\/h3>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/app.betterimpact.com\/PublicOrganization\/dcb27a91-7853-4d24-a0cc-842968a20662\/1\" target=\"_blank\" data-url=\"https:\/\/app.betterimpact.com\/PublicOrganization\/dcb27a91-7853-4d24-a0cc-842968a20662\/1\" rel=\"noopener\">Central Indiana Events<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/app.betterimpact.com\/PublicOrganization\/eaed6e15-6d0f-4085-86f1-32062df1403a\/1\" target=\"_blank\" data-url=\"https:\/\/app.betterimpact.com\/PublicOrganization\/eaed6e15-6d0f-4085-86f1-32062df1403a\/1\" rel=\"noopener\">Indianapolis Eagle Creek Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/app.betterimpact.com\/PublicOrganization\/b45bc81c-2f44-402b-a8d5-29562f2140d0\/1\" target=\"_blank\" data-url=\"https:\/\/app.betterimpact.com\/PublicOrganization\/b45bc81c-2f44-402b-a8d5-29562f2140d0\/1\" rel=\"noopener\">Indianapolis Fountain Square Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/app.betterimpact.com\/PublicOrganization\/88c17402-5e23-4fb1-b5ce-8d38bc3937f3\/1\" target=\"_blank\" data-url=\"https:\/\/app.betterimpact.com\/PublicOrganization\/88c17402-5e23-4fb1-b5ce-8d38bc3937f3\/1\" rel=\"noopener\">Indianapolis Harbor Light Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/app.betterimpact.com\/PublicOrganization\/88ea85f3-ddd2-4924-9a78-91e95ba212d3\/1\" target=\"_blank\" data-url=\"https:\/\/app.betterimpact.com\/PublicOrganization\/88ea85f3-ddd2-4924-9a78-91e95ba212d3\/1\" rel=\"noopener\">Ruth Lilly Women &amp; Children's Center \/ Block of Hope<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/johnsoncounty\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/johnsoncounty\/volunteer\/\" rel=\"noopener\">Johnson County Red Shield Center<\/a><\/p>\n<h3 style=\"text-align: center;\">Northwest Indiana Opportunities<\/h3>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/app.betterimpact.com\/PublicOrganization\/5A85A933-7F79-4E13-BB0A-0AEB7DA7837D\/1\" target=\"_blank\" data-url=\"https:\/\/app.betterimpact.com\/PublicOrganization\/5A85A933-7F79-4E13-BB0A-0AEB7DA7837D\/1\" rel=\"noopener\">East Chicago Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/centralusa.salvationarmy.org\/gary\/volunteer\/\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/gary\/volunteer\/\" rel=\"noopener\">Gary-Merrillville Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/app.betterimpact.com\/PublicOrganization\/9F23F0D6-FBA1-4D25-9261-F190811C57E8\/1\" target=\"_blank\" data-url=\"https:\/\/app.betterimpact.com\/PublicOrganization\/9F23F0D6-FBA1-4D25-9261-F190811C57E8\/1\" rel=\"noopener\">Hammond-Munster Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/app.betterimpact.com\/PublicOrganization\/78a8ca61-3f3a-4216-bf19-2e55152f839c\/1\" target=\"_blank\" data-url=\"https:\/\/app.betterimpact.com\/PublicOrganization\/78a8ca61-3f3a-4216-bf19-2e55152f839c\/1\" rel=\"noopener\">Porter County Corps Community Center<\/a><\/p>\n<p><\/p>\n<p style=\"text-align: center;\"><span><strong>Opportunities are updated frequently, so check back often!<\/strong><\/span><\/p>\n<p>For volunteer information about how to become engaged and find opportunities that are right for you in your local community around the state (except for the Indianapolis area) please contact <b>Amy Klene at <a href=\"mailto:amy.klene@usc.salvationarmy.org\">amy.klene@usc.salvationarmy.org<\/a><\/b><\/p>\n<p>For volunteer information about how to become engaged and find opportunities that are right for you in the Indianapolis area (Marion and surrounding counties) please contact&nbsp;<strong>Kathy Dalla Costa at <a data-cke-saved-href=\"mailto:kathy.dallacosta@usc.salvationarmy.org\" href=\"mailto:kathy.dallacosta@usc.salvationarmy.org\" target=\"\">kathy.dallacosta@usc.salvationarmy.org<\/a>.<\/strong><\/p>\n<p style=\"text-align: center;\"><\/p>","image":null,"image_carousel":null,"show_cta_component":null,"primary_cta_name":null,"primary_cta_link":null,"location":null,"page_type":null,"service_type":null,"map_excerpt_title":null,"map_excerpt_subtext":null,"map_excerpt_description":null,"map_cta_nav_link":null,"map_cta_nav_text":null,"image_button_text_title_left":null,"image_button_text_description_left":null,"image_button_text_cta_name_left":null,"image_button_text_cta_link_left":null,"image_button_text_image_left":null,"image_button_text_reverse_title":null,"image_button_text_reverse_description":null,"image_button_text_reverse_cta_name":null,"image_button_text_reverse_cta_link":null,"image_button_text_reverse_image":null,"contact_us_title":null,"contact_us_image":null,"contact_us_page_link":null,"stats_title":null,"image_button_text_full_title":null,"image_button_text_full_image":null,"image_button_text_full_description":null,"image_button_text_full_cta_link":null,"image_button_text_full_cta_name":null,"full_bleed_banner_title":null,"full_bleed_banner_description":null,"full_bleed_banner_image":null,"full_bleed_banner_cta_link":null,"full_bleed_banner_cta_name":null,"hero_image":{"type":"images","totalItems":1,"data":[{"type":"image","zuid":"3-13ca2a6f-n4508m","url":"https:\/\/8hxvw8tw.media.zestyio.com\/usc-ind-eva-photo-war-on-hunger-2.jpg"}]},"subtitle":"Volunteer and make a difference in your community","address":null,"name":null,"secondary_cta_name":null,"secondary_cta_link":null,"image_button_text_full_bleed_image_leftss":null,"image_button_text_full_bleed_title_left":null,"image_button_text_full_bleed_image_left":null,"image_button_text_full_bleed_description_left":null,"image_button_text_full_bleed_cta_link_left":null,"image_button_text_full_bleed_cta_name_left":null,"og_image":{"type":"images","totalItems":1,"data":[{"type":"image","zuid":"3-13ca2a6f-n4508m","url":"https:\/\/8hxvw8tw.media.zestyio.com\/usc-ind-eva-photo-war-on-hunger-2.jpg"}]},"navigation_parent":"ways_to_give","display_on_header_navigation":"1","external_link":null,"division":{"type":"relationship","model":"divisions","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"territory":{"type":"relationship","model":"territories","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"national":"0","is_syndicated_read_only":"0","template_layout":"0","locations":null,"divisions":null,"territories":null,"meta":{"type":"item","model_name":"informational_pages","model_alternate_name":"InformationalPage","zuid":"7-9ec080b5cc-8qvshw","createdAt":"2026-03-13 19:58:56","updatedAt":"2026-03-13 19:58:56","listed":"1","version":"19","locale":{"id":"1","name":"English (United States)","code":"en-US","default":"1","active":"1","enabled":"1"},"model":{"type":"model","zuid":"6-c2b7f2a9ad-k4frxv","name":"informational_pages","label":"Informational Pages","resourceURI":"https:\/\/www.salvationarmyusa.org\/-\/instant\/6-c2b7f2a9ad-k4frxv.json"},"web":{"url":"https:\/\/www.salvationarmyusa.org\/usa-central-territory\/indiana\/volunteer\/","uri":"\/usa-central-territory\/indiana\/volunteer\/","fragment":"volunteer","canonical_tag_mode":"1","sitemap_priority":"-1.0","sitemap_last_updated":"2026-03-13 19:58:56","canonical_query_param_whitelist":null,"canonical_tag_custom_value":null,"seo_link_text":"Volunteer","seo_meta_title":"Volunteer | Indiana Division","seo_meta_description":"Volunteer and make a difference in your community","seo_meta_keywords":null},"layout":{"html":"<div className={styles.pvlRoot}>\n\t<div><div id=\"faq\" class=\"p-6 rounded-5 bg-light mb-18\">\n  \n    <h5 class=\"mb-2\">Title<\/h5>\n   \n\n  \n  <div class=\"accordion accordion-flush\" id=\"general-accordion-7-b2859ef087-j37ncj\">\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-8ab2dbc1a8-0t3fsf\">\n          <button\n            \n              class=\"accordion-button collapsed p-3 fw-normal accordion-button-partners\"\n            \n            type=\"button\"\n            data-bs-toggle=\"collapse\"\n            data-bs-target=\"#collapse-7-8ab2dbc1a8-0t3fsf\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-8ab2dbc1a8-0t3fsf\"\n            data-location-type=\"body:accordion\"\n            data-function-type=\"other\"\n            data-format-type=\"accordion-block\"\n            data-page-componentType-type=\"accordion component\"\n            data-page-componentHeading-type=\"item 2\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"0\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">item 2<\/p>\n              <p class=\"text-dark-50 mb-0\">Item 2<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-8ab2dbc1a8-0t3fsf\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-8ab2dbc1a8-0t3fsf\"\n          data-bs-parent=\"#general-accordion-7-b2859ef087-j37ncj\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>Lorme<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-baf5b9db98-7hhwvk\">\n          <button\n            \n              class=\"accordion-button collapsed p-3 fw-normal accordion-button-partners\"\n            \n            type=\"button\"\n            data-bs-toggle=\"collapse\"\n            data-bs-target=\"#collapse-7-baf5b9db98-7hhwvk\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-baf5b9db98-7hhwvk\"\n            data-location-type=\"body:accordion\"\n            data-function-type=\"other\"\n            data-format-type=\"accordion-block\"\n            data-page-componentType-type=\"accordion component\"\n            data-page-componentHeading-type=\"Item 1\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"1\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">Item 1<\/p>\n              <p class=\"text-dark-50 mb-0\">Item 1<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-baf5b9db98-7hhwvk\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-baf5b9db98-7hhwvk\"\n          data-bs-parent=\"#general-accordion-7-b2859ef087-j37ncj\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  \n<\/div>\n<\/div>\n\t<h1>Heading 1<\/h1>\n<\/div>\n","json":{"layout:root:column:0":{"name":"layout:root:column:0","html":"<div className={styles.pvlRoot}>*<\/div>","children":{"content:block:6-caf0f4baac-ctljlz:0:81":{"html":"<div><div id=\"faq\" class=\"p-6 rounded-5 bg-light mb-18\">\n  \n    <h5 class=\"mb-2\">Title<\/h5>\n   \n\n  \n  <div class=\"accordion accordion-flush\" id=\"general-accordion-7-b2859ef087-j37ncj\">\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-8ab2dbc1a8-0t3fsf\">\n          <button\n            \n              class=\"accordion-button collapsed p-3 fw-normal accordion-button-partners\"\n            \n            type=\"button\"\n            data-bs-toggle=\"collapse\"\n            data-bs-target=\"#collapse-7-8ab2dbc1a8-0t3fsf\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-8ab2dbc1a8-0t3fsf\"\n            data-location-type=\"body:accordion\"\n            data-function-type=\"other\"\n            data-format-type=\"accordion-block\"\n            data-page-componentType-type=\"accordion component\"\n            data-page-componentHeading-type=\"item 2\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"0\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">item 2<\/p>\n              <p class=\"text-dark-50 mb-0\">Item 2<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-8ab2dbc1a8-0t3fsf\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-8ab2dbc1a8-0t3fsf\"\n          data-bs-parent=\"#general-accordion-7-b2859ef087-j37ncj\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>Lorme<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-baf5b9db98-7hhwvk\">\n          <button\n            \n              class=\"accordion-button collapsed p-3 fw-normal accordion-button-partners\"\n            \n            type=\"button\"\n            data-bs-toggle=\"collapse\"\n            data-bs-target=\"#collapse-7-baf5b9db98-7hhwvk\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-baf5b9db98-7hhwvk\"\n            data-location-type=\"body:accordion\"\n            data-function-type=\"other\"\n            data-format-type=\"accordion-block\"\n            data-page-componentType-type=\"accordion component\"\n            data-page-componentHeading-type=\"Item 1\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"1\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">Item 1<\/p>\n              <p class=\"text-dark-50 mb-0\">Item 1<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-baf5b9db98-7hhwvk\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-baf5b9db98-7hhwvk\"\n          data-bs-parent=\"#general-accordion-7-b2859ef087-j37ncj\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  \n<\/div>\n<\/div>","content":"<div id=\"faq\" class=\"p-6 rounded-5 bg-light mb-18\">\n  \n    <h5 class=\"mb-2\">Title<\/h5>\n   \n\n  \n  <div class=\"accordion accordion-flush\" id=\"general-accordion-7-b2859ef087-j37ncj\">\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-8ab2dbc1a8-0t3fsf\">\n          <button\n            \n              class=\"accordion-button collapsed p-3 fw-normal accordion-button-partners\"\n            \n            type=\"button\"\n            data-bs-toggle=\"collapse\"\n            data-bs-target=\"#collapse-7-8ab2dbc1a8-0t3fsf\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-8ab2dbc1a8-0t3fsf\"\n            data-location-type=\"body:accordion\"\n            data-function-type=\"other\"\n            data-format-type=\"accordion-block\"\n            data-page-componentType-type=\"accordion component\"\n            data-page-componentHeading-type=\"item 2\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"0\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">item 2<\/p>\n              <p class=\"text-dark-50 mb-0\">Item 2<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-8ab2dbc1a8-0t3fsf\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-8ab2dbc1a8-0t3fsf\"\n          data-bs-parent=\"#general-accordion-7-b2859ef087-j37ncj\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>Lorme<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-baf5b9db98-7hhwvk\">\n          <button\n            \n              class=\"accordion-button collapsed p-3 fw-normal accordion-button-partners\"\n            \n            type=\"button\"\n            data-bs-toggle=\"collapse\"\n            data-bs-target=\"#collapse-7-baf5b9db98-7hhwvk\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-baf5b9db98-7hhwvk\"\n            data-location-type=\"body:accordion\"\n            data-function-type=\"other\"\n            data-format-type=\"accordion-block\"\n            data-page-componentType-type=\"accordion component\"\n            data-page-componentHeading-type=\"Item 1\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"1\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">Item 1<\/p>\n              <p class=\"text-dark-50 mb-0\">Item 1<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-baf5b9db98-7hhwvk\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-baf5b9db98-7hhwvk\"\n          data-bs-parent=\"#general-accordion-7-b2859ef087-j37ncj\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  \n<\/div>\n","model":"6-caf0f4baac-ctljlz","name":"General Accordion","position":0,"fullName":"content:block:6-caf0f4baac-ctljlz:0:81","type":"block","primarytype":"content","newLoc":"layout:root:column:0","oldLoc":"bank"},"content:text:1:48":{"icon":"text-height","name":"Heading","type":"text","html":"<h1>Heading 1<\/h1>","description":"Plain Text","draggable":true,"content":"Heading 1","position":1,"fullName":"content:text:1:48","htmlElement":"h1","primarytype":"content","newLoc":"layout:root:column:0","oldLoc":"bank"}}}}}}}]},"facebook_url_link":"https:\/\/www.facebook.com\/salvationarmyindiana\/","twitter_url_link":"https:\/\/x.com\/SAIndiana","linkedin_url_link":"https:\/\/www.linkedin.com\/company\/saindiana","youtube_url_link":"https:\/\/www.youtube.com\/user\/SalvationArmyIndiana","instagram_url_link":"http:\/\/www.instagram.com\/Sa_Indiana","og_image":{"type":"images","totalItems":1,"data":[{"type":"image","zuid":"3-137830b1-6d2246","url":"https:\/\/8hxvw8tw.media.zestyio.com\/use-careers-officer-computer.jpg"}]},"primary_card_cta_text":"Find a location in your county","secondary_cta_text":"Volunteer with Us","should_redirect":"0","contact_us_cta_header":"Get in Touch","zipcode":"46208-4718","matrix_stats":null,"symphony_site_id":null,"site_name":null,"meta":{"type":"item","model_name":"divisions","model_alternate_name":"Division","zuid":"7-e4a1c59bd4-02km0q","createdAt":"2026-02-20 20:47:31","updatedAt":"2026-02-20 20:47:30","listed":"1","version":"23","locale":{"id":"1","name":"English (United States)","code":"en-US","default":"1","active":"1","enabled":"1"},"model":{"type":"model","zuid":"6-acb19a94bd-4q8ftj","name":"divisions","label":"Divisions","resourceURI":"https:\/\/www.salvationarmyusa.org\/-\/instant\/6-acb19a94bd-4q8ftj.json"},"web":{"url":"https:\/\/www.salvationarmyusa.org\/usa-central-territory\/indiana\/","uri":"\/usa-central-territory\/indiana\/","fragment":"indiana","canonical_tag_mode":"1","sitemap_priority":"-1.0","sitemap_last_updated":"2026-02-20 20:47:30","canonical_query_param_whitelist":"","canonical_tag_custom_value":null,"seo_link_text":"indiana","seo_meta_title":"Indiana Divisional Headquarters","seo_meta_description":"The Salvation Army USA | Indiana Division Headquarters","seo_meta_keywords":""}}};
    let contentZuid = data.meta.zuid;
    let modelZuid = data.meta.model.zuid;
    let contentURL = 'https://salvationarmy.mobile.zesty.io/content/' +  modelZuid + "/" + contentZuid;
  
     document.getElementById("view-content-button").setAttribute("href", contentURL)
  
  }
  updateViewContentLink();
</script>

<div>
  <div class="header-main-container align-items-center justify-content-center mx-auto">
    
      







<header
  id="header"
  data-component-type="header"
  class="bg-light rounded-bottom-sm-2 rounded-bottom-lg-5 top-lg-5 start-sm-0 end-sm-0 end-lg-2 start-lg-2 top-sm-0 rounded-top-sm-0 rounded-top-lg-5 rounded-top-sm-0 position-sm-fixed py-5 pb-lg-5 pb-sm-2 px-5 px-lg-8 my-lg-5 mt-sm-0 d-flex justify-content-center align-items-center"
>
  <div class="header__wrapper d-flex justify-content-between align-items-center w-100">
    <nav class="navbar navbar-expand-lg py-0">
      <a
        href="/"
        class="me-8 header-home-image"
        ><img
          src="https://8hxvw8tw.media.zestyio.com/shield-1.svg"
          alt="The Salvation Army Logo"
          width="39"
          height="46"
      /></a>
      
      <ul class="navbar-nav header-navbar-nav me-auto mb-2 mb-lg-0 d-sm-none d-lg-flex hide-special-prop-type">
        <li class="nav-item">
          <a
            class="nav-link header-home-link active fw-normal"
            data-location-type="nav-top"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            aria-current="page"
            href="#"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            >Home</a
          >
        </li>
        
        <li class="nav-item dropdown ">
          <a
            class="nav-link header-dropdown dropdown-toggle fw-normal"
            data-location-type="nav-top"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            aria-current="page"
            href="#"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            role="button"
            data-bs-toggle="dropdown"
            aria-expanded="false"
            >Services</a
          >
          <ul class="dropdown-menu header-services-dropdown  px-8 py-4 rounded-6 pe-none">
            <li class="d-flex align-items-center justify-content-between mb-4">
              <span class="p-0 d-block text-dark-50">Services</span>
              <a
                href="#"
                data-location-type="nav-top"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="internal"
                href="#"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                role="button"
                class="d-flex align-items-center justify-content-between text-primary-200 display-2 text-decoration-none services-view-all pe-auto"
                >View All<span class="material-symbols-outlined ms-4 fs-6"> arrow_outward </span></a
              >
            </li>
            <li>
              <hr class="dropdown-divider" />
            </li>
            
            <li class=" services_dropdown-item__container pe-auto services-dropdown-li">
          
            </li> 
            <li class="services-scroll-indicator" aria-hidden="true" role="presentation">
              <span class="material-symbols-outlined text-primary-200">keyboard_arrow_down</span>
            </li>
          </ul>
        </li>

        <li class="nav-item dropdown">
          <a
            class="nav-link header-dropdown dropdown-toggle fw-normal"
            data-location-type="nav-top"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            aria-current="page"
            href="#"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            role="button"
            data-bs-toggle="dropdown"
            aria-expanded="false"
            >About Us</a
          >
          <ul class="dropdown-menu  px-8 py-4 rounded-6 pe-none">
            <li><span class="p-0 mb-4 d-block text-dark-50">About Us</span></li>
            <li>
              <hr class="dropdown-divider" />
            </li>

            <li class="dropdown-item__container dropdown-item__container-repeat-3 pe-auto about-us-item-container">
              <a
                class="dropdown-item py-2 px-2 about-the-salvation-link"
                href="#"
                data-location-type="nav-top"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >About The Salvation Army</a
              >
              <a
                class="dropdown-item py-2 px-2 leadership-link"
                href="#"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >Leadership</a
              >
              <a
                class="dropdown-item py-2 px-2 history-link"
                href="/about-us/our-history/"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >History</a
              >
              <a
                class="dropdown-item py-2 px-2 employment-link"
                href="#"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >Employment Opportunities</a
              >
              <a
                class="dropdown-item py-2 px-2 love-beyond-link d-none"
                href="/love-beyond/"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >Love Beyond</a
              >
              <a
                class="dropdown-item py-2 px-2"
                href="/give-with-joy"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >Give With Joy</a
              >
              <a
                class="dropdown-item py-2 px-2 sub-newsroom-link d-none"
                href="#"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >Newsroom</a
              >

              <p class="dropdown-item placeholder-glow component-placeholder p-0">
                <span
                  class="placeholder h-100"
                  style="width: 10rem"
                ></span>
              </p>

              <a
              class="dropdown-item py-2 px-2"
              href="/about-us/service-to-all/"
              data-function-type="navigation"
              data-format-type="text"
              data-link-type="internal"
              onclick="LinkTrackingClickEvent(this,'header_click')"
              >Commitment to Serving All</a
            >
            </li>
          </ul>
        </li>
        <li class="nav-item">
          <a
            class="nav-link fw-normal newsroom-link"
            aria-current="page"
            data-location-type="nav-top"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            aria-current="page"
            href="#"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            >Newsroom</a
          >
        </li>
        <li class="nav-item dropdown">
          <a
            class="nav-link  header-dropdown dropdown-toggle fw-normal header-wtg-dropdown"
            data-location-type="nav-top"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            aria-current="page"
            href="#"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            role="button"
            data-bs-toggle="dropdown"
            aria-expanded="false"
            >Ways to Give</a
          >
          <ul class="dropdown-menu px-8 py-4 rounded-6 pe-none header-wtg-dropdown-ul">
            <li class="d-flex align-items-center justify-content-between mb-4">
              <span class="p-0 d-block text-dark-50">Ways to Give</span>
            </li>
            <li>
              <hr class="dropdown-divider" />
            </li>
            <li class="dropdown-item__container dropdown-item__container-repeat-3 pe-auto ways-to-give-container">
              <a
              class="dropdown-item py-2 px-2"
                href="https://give.salvationarmyusa.org/campaign/676125/donate?c_src=NT26TZOAAC&c_src2=USAWaystoGiveNavigation"
                target="_blank"
                data-location-type="nav-top"
                data-function-type="other"
                data-format-type="text"
                data-link-type="external"
                onclick="LinkTrackingClickEvent(this,'donate_money_click')"
               >Donate Money</a>
              
              <a
                class="dropoff-link dropdown-item py-2 px-2"
                href="https://satruck.org"
                target="_blank"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="external"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >Donate Goods</a
              >
              
                  <a
                class="fundraiser-link dropdown-item py-2 px-2"
                href="https://give.salvationarmyusa.org/campaign/fundraise-for-good/c175635"
                target="_blank"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="external"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >Become a Fundraiser</a
              >
              <a
                class="donate-goods-link dropdown-item py-2 px-2 "
                href="#"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >Gift Stocks & Bonds</a
              >
              <a
                class="dropdown-item py-2 px-2 volunteer-link"
                href="#"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >Volunteer</a
              >
              <a
                class="planned-giving-link dropdown-item py-2 px-2"
                href="#"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >Planned Giving</a
              >
              <a
                class="angel-tree-link dropdown-item py-2 px-2 d-none"
                href="/walmart-angel-tree/"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >Angel Tree Campaign</a
              >
              <a
                class="dropdown-item py-2 px-2 ways-to-give-link"
                href="#"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >View All Ways to Give</a
              >
              <p class="dropdown-item placeholder-glow component-placeholder p-2">
                <span
                  class="placeholder h-100"
                  style="width: 10rem"
                ></span>
              </p>
            </li>
          </ul>
        </li>
        <li class="nav-item">
          <a
            class="nav-link fw-normal contact-us-link"
            aria-current="page"
            data-location-type="nav-top"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            aria-current="page"
            href="#"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            >Contact Us</a
          >
        </li>

        <li class="nav-item  dropdown d-none informational-links-more-parent">
          <a
            class="nav-link header-dropdown header-dropdown-more dropdown-toggle fw-normal"
            data-location-type="nav-top"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            aria-current="page"
            href="#"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            role="button"
            data-bs-toggle="dropdown"
            aria-expanded="false"
            >More</a
          >
          <ul class="dropdown-menu dropdown-menu-more px-8 py-4 rounded-6 pe-none">
            <li class="dropdown-item__container dropdown-item__container-repeat-3 pe-auto informational-links-more">
              <p class="dropdown-item placeholder-glow component-placeholder p-0">
                <span
                  class="placeholder h-100"
                  style="width: 10rem"
                ></span>
              </p>
            </li>
          </ul>
        </li>
      </ul>
    </nav>
    
    <div class="ms-sm-auto ms-lg-0 me-sm-4 d-none">
      <button
        id="search-toggle-btn"
        class="bg-transparent border border-0 d-flex align-items-center justify-content-center"
        data-location-type="nav-top"
        data-function-type="other"
        data-format-type="icon-block"
        data-link-type="internal"
        aria-current="page"
        onclick="LinkTrackingClickEvent(this,'header_click')"
      >
        <span
          class="material-symbols-outlined text-dark-100"
          style="font-size: 38px"
          >search</span
        >
      </button>
    </div>

    <div class="location-indicator d-lg-flex align-items-center justify-content-center d-sm-none ms-auto me-18">
      <div class="me-2 d-flex align-items-center justify-content-center">
        <span
          class="material-symbols-outlined text-primary-200"
          style="font-size: 38px"
          >location_on</span
        >
      </div>
      <div>
        <p class="location-title-placeholder placeholder-glow component-placeholder mb-0">
          <span
            class="placeholder"
            style="width: 10rem"
          ></span>
        </p>
        <p class="my-0 mb-0">
          <span class="header-salvation-name"></span>
          <span class="header-location"></span>
        </p>
        <div class="">
          <a
            data-location-type="nav-top"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            href="#"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            class="text-dark-50 location-link service-center"
            >Find Service Centers</a
          >
          <span class="text-dark-50 d-none">|</span>
          <a
            data-location-type="nav-top"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            href="#"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            class="d-none text-dark-50 location-link"
            >Thrift Stores</a
          >
        </div>
      </div>
    </div>

    <!-- mobile -->
    <div
      class="mx-4 py-2 px-4 rounded-9 d-lg-none align-items-center justify-content-between d-sm-flex position-absolute bg-light start-0 end-0"
      style="top: 5.8rem; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);"
    >
      <div class="me-2 d-flex align-items-center justify-content-center">
        <span
          class="material-symbols-outlined text-primary-200 me-1"
          style="font-size: 24px"
          >location_on</span
        >
        <p class="location-title-placeholder placeholder-glow component-placeholder mb-0">
          <span
            class="placeholder"
            style="width: 10rem"
          ></span>
        </p>
        <p class="display-3 text-nowrap text-truncate location-title mb-0">
          <span class="header-salvation-name"></span>
          <span class="header-location"></span>
        </p>
      </div>
      <div>
        <div class="d-flex align-items-center justify-content-center">
          <a
            data-location-type="nav-top"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            href="#"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            class="text-dark-50 display-3 text-nowrap location-link service-center"
            >Service Centers</a
          >
          <span class="text-dark-50 mx-1 d-none">|</span>
          <a
            data-location-type="nav-top"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            href="#"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            class="d-none text-dark-50 display-3 text-nowrap location-link"
            >Thrift</a
          >
        </div>
      </div>
    </div>

    <!-- future-phase !-->
    <div
      class="dropdown d-sm-none d-lg-block future-phase"
      bis_skin_checked="1"
    >
      <button
        class="bg-area language-button rounded-7 btn py-2 px-3 dropdown-toggle d-flex align-items-center justify-content-center"
        type="button"
        data-bs-toggle="dropdown"
        aria-expanded="false"
        data-location-type="nav-top"
        data-function-type="other"
        data-format-type="dropdown"
        data-link-type="internal"
        onclick="LinkTrackingClickEvent(this,'header_click')"
      >
        <div class="d-inline-block">
          <div class="d-flex align-items-center justify-content-center">
            <span
              class="material-symbols-outlined me-2"
              style="font-size: 14px"
            >
              g_translate
            </span>
            <span class="current-language-text">English</span>
          </div>
        </div>
      </button>
      <form
        id="translate-form"
        action=""
      >
        <ul
          class="dropdown-menu p-4"
          style="min-width: 50px"
        >
          <li>
            <div class="form-check">
              <input
                class="form-check-input"
                type="radio"
                name="flexRadioDefault"
                checked
                id="flexRadioDefault1"
              />
              <label
                class="form-check-label language-item"
                for="flexRadioDefault1"
                >English</label
              >
            </div>
          </li>
          <li>
            <div class="form-check">
              <input
                class="form-check-input"
                type="radio"
                name="flexRadioDefault"
                id="flexRadioDefault2"
              />
              <label
                class="form-check-label language-item"
                for="flexRadioDefault2"
                >Spanish</label
              >
            </div>
          </li>
          <li>
            <div class="form-check">
              <input
                class="form-check-input"
                type="radio"
                name="flexRadioDefault"
                id="flexRadioDefault3"
              />
              <label
                class="form-check-label language-item"
                for="flexRadioDefault3"
                >Mandarin</label
              >
            </div>
          </li>
        </ul>
      </form>
    </div>
    <!-- end-future-phase !-->

    <div class="d-none d-md-flex align-items-center justify-content-center">
      <button
        class="btn btn-primary me-2 text-nowrap header-find-help-btn d-flex align-items-center gap-2"
        data-location-type="nav-top"
        data-function-type="other"
        data-format-type="button"
        onclick="LinkTrackingClickEvent(this,'find_help_click'); toggleCaret(this)"
      >
        Find Help
        <i class="bi bi-chevron-down caret-icon"></i>
      </button>
        <button
          class="btn btn-primary header-donate-button d-flex align-items-center gap-2"
          
          data-location-type="nav-top"
          data-function-type="other"
          data-format-type="button"
          onclick="LinkTrackingClickEvent(this,'donate_money_click'); toggleCaret(this)"
        >
          Donate
          <i class="bi bi-chevron-down caret-icon"></i>
        </button>
    </div>
    <div class="d-flex d-md-none">
      <div class="header-cta-buttons active">
        <button
          class="btn btn-primary btn-sm me-2 text-nowrap header-find-help-btn d-flex align-items-center gap-2"
          data-location-type="nav-top"
          data-function-type="other"
          data-format-type="button"
          onclick="LinkTrackingClickEvent(this,'find_help_click'); toggleCaret(this)"
        >
          Find Help
          <i class="bi bi-chevron-down caret-icon"></i>
        </button>
        <button
          class="btn btn-primary btn-sm header-donate-button d-lg-none d-flex align-items-center gap-2"
          data-location-type="nav-top"
          data-function-type="other"
          data-format-type="button"
          onclick="LinkTrackingClickEvent(this,'donate_money_click'); toggleCaret(this)"
        >
          Donate
          <!-- <i class="bi bi-chevron-down caret-icon"></i> -->
        </button>
      </div>
      <div class="header-search-close-button">
        <button
          class="btn btn-secondary btn-sm d-flex align-items-center justify-content-center"
          data-location-type="nav-top"
          data-function-type="other"
          data-format-type="icon-block"
          onclick="LinkTrackingClickEvent(this,'header_click')"
        >
          Close <span class="material-symbols-outlined ms-2 fs-7">close</span>
        </button>
      </div>
    </div>

    <div class="py-2 px-4 fixed-bottom d-lg-none nav-mobile__container hide-special-prop-type">
  <nav class="navbar bg-white py-2 mobile-nav rounded-3">
    <div class="container-fluid d-flex justify-content-between align-items-center">
      <div class="d-flex align-items-center justify-content-between w-100">
        <a
          data-location-type="nav-menu"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="internal"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          class="nav-link d-flex align-items-center header-home-link-mobile p-0"
          href="#"
        >
          <span class="material-symbols-outlined text-primary-200">family_home</span>
          <span class="ms-2 text-primary-200">Home</span>
        </a>
        <div class="divider bg-black opacity-30"></div>
        <a
          data-location-type="nav-menu"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="internal"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          class="nav-link p-2 d-flex align-items-center justify-content-center text-nowrap"
          href="#"
          id="about-us-toggle"
          >About Us<span class="material-symbols-outlined"> keyboard_arrow_down </span></a
        >
        <div class="divider bg-black opacity-30"></div>
        <a
          data-location-type="nav-menu"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="internal"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          class="nav-link d-flex align-items-center justify-content-center"
          href="#"
          id="services-toggle"
          >Services<span class="material-symbols-outlined"> keyboard_arrow_down </span></a
        >
        <a
          data-location-type="nav-menu"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="internal"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          class="nav-link nav-btn-more toggle-menu rounded-3"
          href="#"
          >More</a
        >
      </div>
    </div>
  </nav>
</div>

<nav
  class="nav-menu bg-light rounded-top-3 d-flex d-lg-none flex-column justify-content-between"
  id="navMenu"
>
  <button
    class="d-flex align-items-center justify-content-center btn btn-sm p-0 end-6 position-absolute top-4 mobile-nav-close-btn"
  >
    <span class="material-symbols-outlined text-dark-50 fs-5">close</span>
  </button>
  <div class="nav-menu-grabber__wrapper d-flex w-full justify-content-center pt-4 pb-8 bg-light">
    <div class="nav-menu-grabber__inner"></div>
  </div>

  <div class="nav-menu__wrapper pb-4 overflow-y-auto">
    <div class="main-nav">
      <div class="home mb-3">
        <a
          data-location-type="nav-menu"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="internal"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          href="#"
          class="text-primary-200 display-1 fw-normal toggle-menu d-flex align-items-center justify-content-start header-home-link-mobile"
          ><span class="material-symbols-outlined text-primary-200 me-3"> family_home </span>Home</a
        >
      </div>
      <div
        class="nav-item py-3 px-4 mb-3"
        data-id="our-team"
      >
        About Us
        <span class="material-symbols-outlined toggle-submenu"> add </span>
      </div>
      <div
        class="nav-item py-3 px-4 mb-3"
        data-id="newsroom"
      >
      <a
        href="#"
        class="text-dark-100 text-decoration-none mobile-newsroom-link"
        data-location-type="nav-menu"
        data-function-type="navigation"
        data-format-type="text"
        data-link-type="internal"
        onclick="LinkTrackingClickEvent(this,'header_click')"
      >
        Newsroom
      </a>
      </div>
      <div
        class="nav-item py-3 px-4 mb-3"
        data-id="ways-to-give"
      >
        Ways to Give
        <span class="material-symbols-outlined toggle-submenu"> add </span>
      </div>
      <div
        class="nav-item py-3 px-4 mb-3"
        data-id="ways-we-help"
      >
        Services
        <span class="material-symbols-outlined toggle-submenu"> add </span>
      </div>
      <div class="nav-item px-4 mb-6">
        <a class="service-center-mobile py-3 text-decoration-none text-dark-100"
          >Find My Local Salvation Army</a
        >
      </div>
      <div class="nav-item py-3 px-4 mb-3 d-none">Thrift Store Locator*</div>
      <!-- <div class="nav-item py-3 px-4 mb-3">Visit National Site</div> -->
      <a
        aria-current="page"
        data-location-type="nav-top"
        data-function-type="navigation"
        data-format-type="text"
        data-link-type="internal"
        onclick="LinkTrackingClickEvent(this,'header_click')"
        aria-current="page"
        href="#"
        class="nav-item py-3 px-4 mb-3 fw-normal contact-us-link text-decoration-none text-dark-100 contact-us-link-mobile"
      >
        Contact Us
      </a>

       <div
        class="nav-item py-3 px-4 mt-3 informational-links-more-parent"
        data-id="more"
      >
        More
        <span class="material-symbols-outlined toggle-submenu"> add </span>
      </div>
    </div>

    <div
      class="sub-menu"
      id="our-team"
    >
      <div class="home mb-3 d-flex align-items-center justify-content-between">
        <a
          data-location-type="nav-menu"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="internal"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          href="#"
          class="text-primary-200 display-1 fw-normal d-flex align-items-center justify-content-start sub-menu__heading"
        >
          <span class="material-symbols-outlined me-3"> reply </span>About Us
        </a>
        <!-- <span class="material-symbols-outlined">remove</span> -->
      </div>

      <div class="nav-items__wrapper ">
        <div class="nav-item py-3 px-4 mb-3">
          <a
            href="#"
            class="footer-about-us text-decoration-none text-dark-100"
            >About The Salvation Army</a
          >
        </div>
        <div class="nav-item py-3 px-4 mb-3">
          <a
            href="#"
            class="text-decoration-none text-dark-100 footer-leadership"
            data-location-type="nav-menu"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            >Leadership</a
          >
        </div>
        <div class="nav-item py-3 px-4 mb-3">
          <a
            href="/about-us/our-history/"
            class="text-decoration-none text-dark-100"
            data-location-type="nav-menu"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            >History</a
          >
        </div>
        <div class="nav-item py-3 px-4 mb-3 d-none">
          <a
            href="/commitment-to-diversity/"
            class="text-decoration-none text-dark-100"
            data-location-type="nav-menu"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            >Commitment To Diversity</a
          >
        </div>
        <div class="nav-item py-3 px-4 mb-3">
          <a
            href="#"
            class="text-decoration-none text-dark-100 footer-employment"
            data-location-type="nav-menu"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            >Employment Opportunities</a
          >
        </div>
        <div class="nav-item py-3 px-4 mb-3 d-none">
          <a
            href="/love-beyond/"
            class="text-decoration-none text-dark-100"
            data-location-type="nav-menu"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            >Love Beyond</a
          >
        </div>
        <div class="nav-item py-3 px-4 mb-3">
          <a
            href="/give-with-joy"
            class="text-decoration-none text-dark-100"
            data-location-type="nav-menu"
            data-function-type="navigation"
            data-format-type="text"
            data-link-type="internal"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            >Give With Joy</a
          >
        </div>
        <div class="nav-item py-3 px-4 mb-3">
          <a
              class="text-decoration-none text-dark-100"
              href="/about-us/service-to-all/"
              data-location-type="nav-menu"
              data-function-type="navigation"
              data-format-type="text"
              ata-link-type="internal"
              onclick="LinkTrackingClickEvent(this,'header_click')"
              >Commitment to Serving All</a
            >
        </div>
        
        <div class="nav-item py-3 px-4 mb-3 sub-mobile-newsroom">
          <a
          class=" text-decoration-none text-dark-100 "
          href="#"
          data-location-type="nav-menu"
          data-function-type="navigation"
          data-format-type="text"
          ata-link-type="internal"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          >Newsroom</a
        >
        </div>

        <div class="about-us-item-container px-2 d-flex flex-column gap-4">
          
        </div>
        <div
          class="nav-item py-3 px-4 mb-3 text-primary-200 display-2 text-decoration-none view-all d-none"
        >
          View All
        </div>
      </div>
    </div>

    <div
      class="sub-menu"
      id="ways-to-give"
    >
      <div class="home mb-3 d-flex align-items-center justify-content-between">
        <a
          href="#"
          class="text-primary-200 display-1 fw-normal d-flex align-items-center justify-content-start sub-menu__heading"
          data-location-type="nav-menu"
          data-function-type="navigation"
          data-format-type="text"
          ata-link-type="internal"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          >
          <span class="material-symbols-outlined me-3"> reply </span>Ways to Give
        </a>
        <!-- <span class="material-symbols-outlined">remove</span> -->
      </div>
      <div class="nav-items__wrapper">
        <div
          class="nav-item text-primary-200 display-2 text-decoration-none view-all d-none"
        >
          
        </div>
        <div class="nav-item py-3 px-4 mb-3">
          <span 
            data-location-type="nav-top"
            data-function-type="other"
            data-format-type="button"
            onclick="LinkTrackingClickEvent(this,'donate_money_click')"
           class="text-decoration-none text-dark-100 header-donate-button">Donate Money</span>
      </div>
      <div class="nav-item py-3 px-4 mb-3 d-none">
          <a href="#" class="text-decoration-none text-dark-100 d-none">Planned Giving</a>
      </div>
      <div class="nav-item py-3 px-4 mb-3">
          <a href="https://give.salvationarmyusa.org/campaign/fundraise-for-good/c175635" target="_blank" class="text-decoration-none text-dark-100">Becoming a Fundraiser</a>
      </div>
      <div class="nav-item py-3 px-4 mb-3 ">
               <a
                class="donate-goods-link text-decoration-none text-dark-100"
                href="#"
                data-function-type="navigation"
                data-format-type="text"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'header_click')"
                >Gift Stocks & Bonds</a
              >
      </div>
      <div class="nav-item py-3 px-4 mb-3">
          <a href="#" class="text-decoration-none text-dark-100 footer-volunteer">Volunteer</a>
      </div>

      <div class="nav-item py-3 px-4 mb-3">
          <a href="https://www.satruck.org" target="_blank" class="text-decoration-none text-dark-100">Donate Goods</a>
      </div>
      <div class="nav-item py-3 px-4 mb-3 d-none">
        <a
          class="angel-tree-link text-dark-100 text-decoration-none d-none"
          href="/walmart-angel-tree/"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="internal"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          >Angel Tree Campaign</a
        >
      </div>
      <div class="nav-item py-3 px-4 mb-3">
        <a
        class="text-decoration-none text-dark-100 ways-to-give-link"
        href="#"
        data-location-type="nav-menu"
        data-function-type="navigation"
        data-format-type="text"
        ata-link-type="internal"
        onclick="LinkTrackingClickEvent(this,'header_click')"
        >View All Ways to Give</a
      >
      </div>
      <div class="nav-item py-3 px-4 mb-3">
        <a
        class="planned-giving-link text-decoration-none text-dark-100 "
        href="#"
        data-location-type="nav-menu"
        data-function-type="navigation"
        data-format-type="text"
        ata-link-type="internal"
        onclick="LinkTrackingClickEvent(this,'header_click')"
        >Planned Giving</a
      >
      </div>

      <div class="ways-to-give-container px-2 d-flex flex-column gap-4">
          
      </div>
      
        <div
          class="nav-item py-3 px-4 mb-3 text-primary-200 display-2 text-decoration-none view-all d-none"
        >
          View All
        </div>
      </div>
    </div>

    <div
      class="sub-menu"
      id="ways-we-help"
    >
      <div class="home mb-3 d-flex align-items-center justify-content-between">
        <a
          href="#"
          class="text-primary-200 display-1 fw-normal d-flex align-items-center justify-content-start sub-menu__heading"
          ><span class="material-symbols-outlined me-3"> reply </span>Services</a
        >
        <!-- <span class="material-symbols-outlined">remove</span> -->
      </div>
      
      <div class="nav-items__wrapper">
        <div
          class="nav-item py-3 px-4 mb-3 text-primary-200 display-2 text-decoration-none view-all d-none"
        >
          View All
        </div>
          <div class="services-mobile-container">
        
        </div>

        <div
          class="nav-item py-3 px-4 mb-3 text-primary-200 display-2 text-decoration-none view-all d-none"
        >
          View All
        </div>
      </div>
    </div>


    <div
      class="sub-menu"
      id="more"
    >
      <div class="home mb-3 d-flex align-items-center justify-content-between">
        <a
          href="#"
          class="text-primary-200 display-1 fw-normal d-flex align-items-center justify-content-start sub-menu__heading"
          data-location-type="nav-menu"
          data-function-type="navigation"
          data-format-type="text"
          ata-link-type="internal"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          ><span class="material-symbols-outlined me-3"> reply </span>More</a
        >
        <!-- <span class="material-symbols-outlined">remove</span> -->
      </div>

      <div class="nav-items__wrapper">
        <div
          class="nav-item py-3 px-4 mb-3 text-primary-200 display-2 text-decoration-none view-all d-none"
        >
          View All
        </div>
       
        <div class="d-flex flex-column gap-4 informational-links-more">

        </div>

        <div
        class="nav-item py-3 px-4 mb-3 text-primary-200 display-2 text-decoration-none view-all d-none"
      >
        View All
      </div>
      </div>
    </div>

  </div>

  <div class="d-flex justify-content-between align-items-center py-4">
    <div class="social-icons">
      <div class="d-flex justify-content-center">
        <a
          data-location-type="nav-menu"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          href="https://www.facebook.com/SalvationArmyUSA"
          target="_blank"
          class="facebook-link me-5 social-icon display-2"
          ><i class="bi bi-facebook"></i
        ></a>
        <a
          data-location-type="nav-menu"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          href="https://www.twitter.com/SalvationArmyUS"
          target="_blank"
          class="twitter-link me-5 social-icon display-2"
          ><i class="bi bi-twitter-x"></i
        ></a>
        <a
          data-location-type="nav-menu"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          href="https://www.linkedin.com/company/salvationarmyus"
          target="_blank"
          class="linkedin-link me-5 social-icon display-2"
          ><i class="bi bi-linkedin"></i
        ></a>
        <a
          data-location-type="nav-menu"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          href="https://www.youtube.com/SalvationArmyUSA"
          target="_blank"
          class="youtube-link me-5 social-icon display-2"
          ><i class="bi bi-youtube"></i
        ></a>
        <a
          data-location-type="nav-menu"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          onclick="LinkTrackingClickEvent(this,'header_click')"
          href="https://www.instagram.com/salvationarmyus/"
          target="_blank"
          class="instagram-link me-5 social-icon display-2"
          ><i class="bi bi-instagram"></i
        ></a>
      </div>
    </div>
    <!-- Future Phase -->
    <div
      class="dropdown future-phase d-none"
      bis_skin_checked="1"
    >
      <button
        class="bg-area rounded-7 btn py-2 px-3 dropdown-toggle"
        type="button"
        data-bs-toggle="dropdown"
        aria-expanded="false"
        data-location-type="nav-menu"
        data-function-type="other"
        data-format-type="dropdown"
        onclick="LinkTrackingClickEvent(this,'header_click')"
        href="#"
      >
        <div class="d-inline-block">
          <div class="d-flex align-items-center justify-content-center">
            <span
              class="material-symbols-outlined me-2"
              style="font-size: 14px"
            >
              g_translate
            </span>
            <span>English</span>
          </div>
        </div>
      </button>
      <ul class="dropdown-menu">
        <li>
          <a
            data-location-type="nav-menu"
            data-function-type="event"
            data-format-type="text"
            onclick="LinkTrackingClickEvent(this,'header_click')"
            href="#"
            class="dropdown-item"
            href="#"
            >Spanish</a
          >
        </li>
      </ul>
    </div>
    <!-- end future-phase -->
  </div>
</nav>

<script>
  const toggleMenus = document.querySelectorAll('.toggle-menu');
  const navMenu = document.getElementById('navMenu');
  const navItems = document.querySelectorAll('.main-nav .nav-item');
  const subMenus = document.querySelectorAll('.sub-menu');
  const subMenuHeadings = document.querySelectorAll('.sub-menu__heading');
  const mainNav = document.querySelector('.main-nav');
  const aboutUsToggle = document.getElementById('about-us-toggle');
  const servicesToggle = document.getElementById('services-toggle');
  const aboutUsSubMenu = document.getElementById('our-team');
  const servicesSubMenu = document.getElementById('ways-we-help');
  const mobileNavCloseBtn = document.querySelector('.mobile-nav-close-btn');

  aboutUsToggle.addEventListener('click', (e) => {
    e.preventDefault();
    navMenu.style.transform = 'unset';
    navMenu.classList.toggle('active');
    mainNav.style.display = 'none';
    aboutUsSubMenu.classList.add('active');
    aboutUsSubMenu.classList.add('fade-in-left');
  });

  servicesToggle.addEventListener('click', (e) => {
    e.preventDefault();
    navMenu.style.transform = 'unset';
    navMenu.classList.toggle('active');
    mainNav.style.display = 'none';
    servicesSubMenu.classList.add('active');
    servicesSubMenu.classList.add('fade-in-left');
  });

  toggleMenus.forEach((toggle) => {
    toggle.addEventListener('click', (e) => {
      e.preventDefault();
      navMenu.style.transform = 'unset';
      navMenu.classList.toggle('active');
    });
  });

  mobileNavCloseBtn.addEventListener('click', () => {
    navMenu.style.transform = 'unset';
    navMenu.classList.toggle('active');

 
      subMenus.forEach((subMenu)=>{
        subMenu.classList.add('fade-out-left');
        subMenu.classList.remove('fade-in-left');
        const navItemsWrapper = subMenu.querySelector('.nav-items__wrapper');

        const viewAlls = navItemsWrapper.querySelectorAll('.view-all');
        
        
        setTimeout(() => {
        
        if (viewAlls.length) {
          viewAlls.forEach((viewAll) => viewAll.classList.add('d-none'));
        }
        
        subMenu.classList.remove('active', 'fade-out-left');
        mainNav.style.display = 'block';
        resolve();
      }, 500);
    })
    
  });

  navItems.forEach((navItem) => {
    navItem.addEventListener('click', async (e) => {
      const subMenuId = e.currentTarget.dataset.id;
      const subMenu = document.getElementById(subMenuId);

      if (!subMenu) return;

      mainNav.style.display = 'none';
      subMenu.classList.add('active');

      await new Promise((resolve) => {
        setTimeout(() => {
          subMenu.classList.add('fade-in-left');
          resolve();
        }, 10);
      });

      const activeSubMenuItems = Array.from(
        document.querySelectorAll('.sub-menu.active .nav-item:not(.view-all)')
      );


      // if (activeSubMenuItems.length > 6) {
      //   activeSubMenuItems.slice(6).forEach((item) => {
      //     item.classList.add('d-none');
      //   });

      //   const navItemsWrapper = subMenu.querySelector('.nav-items__wrapper');
      //   const viewAlls = navItemsWrapper.querySelectorAll('.view-all');

      //   viewAlls[1].classList.remove('d-none');

      //   viewAlls[1].addEventListener('click', () => {
      //     activeSubMenuItems.slice(6).forEach((item) => {
      //       item.classList.remove('d-none');
      //     });
      //     viewAlls[0].classList.remove('d-none');
      //     viewAlls[1].classList.add('d-none');
      //   });
      // }
    });
  });

  subMenuHeadings.forEach((heading) => {
    heading.addEventListener('click', async (e) => {
      e.preventDefault();
      subMenus.forEach((subMenu)=>{
        subMenu.classList.add('fade-out-left');
        subMenu.classList.remove('fade-in-left');
        const navItemsWrapper = subMenu.querySelector('.nav-items__wrapper');

        const viewAlls = navItemsWrapper.querySelectorAll('.view-all');
        
        
        setTimeout(() => {

        
        if (viewAlls.length) {
          viewAlls.forEach((viewAll) => viewAll.classList.add('d-none'));
        }
        
        subMenu.classList.remove('active', 'fade-out-left');
        mainNav.style.display = 'block';
        resolve();
      }, 500);
    })
    });
  });

  // drag down nav menu
  const dragBtn = document.querySelector('.nav-menu-grabber__wrapper');

  let isDragging = false;
  let hasDragged = false;
  let startY;
  let deltaY;

  function handleStart(e) {
    isDragging = true;
    hasDragged = false;
    startY = e.type === 'mousedown' ? e.clientY : e.touches[0].clientY;
  }

  function handleMove(e) {
    if (!isDragging) return;

    const currentY = e.type === 'mousemove' ? e.clientY : e.touches[0].clientY;
    deltaY = currentY - startY;

    if (deltaY > 0) {
      hasDragged = true;
      navMenu.style.transform = `translateY(${deltaY}px)`;
    }
  }

  function handleEnd() {
    if (!isDragging) return;
    isDragging = false;
    if (hasDragged && deltaY > 50) {
      navMenu.classList.remove('active');
    }
    deltaY = 0;
  }

  dragBtn.addEventListener('mousedown', handleStart);
  document.addEventListener('mousemove', handleMove);
  document.addEventListener('mouseup', handleEnd);

  dragBtn.addEventListener('touchstart', handleStart);
  document.addEventListener('touchmove', handleMove);
  document.addEventListener('touchend', handleEnd);
</script>

<script>
  function getCookieByName(name) {
    const cookies = document.cookie.split(';');
    for (let cookie of cookies) {
      cookie = cookie.trim();
      if (cookie.startsWith(name + '=')) {
        const value = cookie.substring(name.length + 1);
        return decodeURIComponent(value); // Decode the URL-encoded value
      }
    }
    return null;
  }

  document.addEventListener('DOMContentLoaded', function() {

 

  const locationCookieMobile = getCookieByName('location_name');
  const locationModelMobile = getCookieByName('model');
  const locationModel2Mobile = getCookieByName('location_model');

  const headerHomeButtonsMobile = document.querySelectorAll('.header-home-link-mobile');
  const serviceCenterButton = document.querySelector('.service-center-mobile');

  const contactUsButtonMobile = document.querySelector('.contact-us-link-mobile');
  const subNewsRoomMobileLink = document.querySelector('.sub-mobile-newsroom')

  const aboutUsFooterLink = document.querySelector('.footer-about-us');
  const leadershipMobileLink = document.querySelector('.footer-leadership');
  const employmentMobileLink = document.querySelector('.footer-employment');
  const volunteerMobileLink = document.querySelector('.footer-volunteer');
  const newsRoomMobileLink = document.querySelector('.mobile-newsroom-link')
  
  employmentMobileLink.setAttribute("href", getCookieByName("employment_url"))
  volunteerMobileLink.setAttribute("href", getCookieByName("volunteer_url"))

  if (locationCookieMobile === 'NATIONAL') {
    headerHomeButtonsMobile.forEach((headerHomeButtonMobile) => {
      headerHomeButtonMobile.setAttribute('href', '/');
    });

    aboutUsFooterLink.setAttribute('href', '/about-us');
    newsRoomMobileLink.setAttribute("href", "/stories")
    newsRoomMobileLink.textContent = "Newsroom"
    subNewsRoomMobileLink.classList.add("d-none")
  } else {
    headerHomeButtonsMobile.forEach((headerHomeButtonMobile) => {
      headerHomeButtonMobile.setAttribute('href', getCookieByName('location_home_url'));
    });

    aboutUsFooterLink.setAttribute('href', getCookieByName('location_home_url') + 'about-us');

    newsRoomMobileLink.setAttribute("href", getCookieByName("location_home_url")+"events")
    newsRoomMobileLink.textContent = "Events"

    subNewsRoomMobileLink.classList.remove("d-none")
    subNewsRoomMobileLink.querySelector('a').setAttribute("href", getCookieByName("location_home_url")+"stories")
  }

  if (
    locationCookieMobile != 'NATIONAL' &&
    locationModelMobile != 'territories' &&
    locationModelMobile != 'divisions'
  ) {
    headerHomeButtonsMobile.forEach((headerHomeButtonMobile) => {
      headerHomeButtonMobile.setAttribute('href', getCookieByName('location_home_url'));
    });
  }

  if (locationModel2Mobile == 'locations') {
    contactUsButtonMobile.setAttribute('href', '/contact-us');

    // contactUsButtonMobile.setAttribute('href', getCookieByName('location_home_url') + 'contact-us');
  } else {
    contactUsButtonMobile.setAttribute('href', '/contact-us');
  }

  // serviceCenterButton.setAttribute('href', getCookieByName('location_finder_url'));
  serviceCenterButton.setAttribute('href', '/location-finder');
  leadershipMobileLink.setAttribute('href', '/leadership');

   })

  const servicesMobile = document.querySelectorAll('.header-service-item-mobile')
  const servicesDropdownContainerMobile = document.querySelector('.services-mobile-container')


  function sortServices () {
   const sortedServices = Array.from(servicesMobile).sort((a,b) =>{
    return Number(a.dataset.sortOrder) - Number(b.dataset.sortOrder)
   })

   sortedServices.forEach(item => servicesDropdownContainerMobile.appendChild(item));

  }

  sortServices();
</script>


 

 
    <div
  class="bg-light rounded-5 position-absolute w-100 d-flex flex-column hide"
  id="header-help-container"
>
  <div class="services-filter__header position-relative px-14 py-6 pb-18">
    <button
      id="help-close-btn"
      class="d-flex align-items-center justify-content-center btn btn-sm p-0 position-absolute top-5 end-5"
    >
      <span class="material-symbols-outlined text-dark-50 fs-5"> close </span>
    </button>

    <div class="border-bottom border-dark-50">
      <h6 class="fs-7">Find Help Near You</h6>
    </div>

    <div class="px-2 mt-5 mb-2">
      <p class="display-6 text-dark-50">What services are you looking for?</p>
    </div>

    <div class="row">
      
      <div class="col">
        
        <form
          action=""
          class="d-flex flex-column justify-content-between h-auto h-lg-100"
          id="help-search-form"
        >
          <!-- Mobile -->
          <div class="services-list__header--mobile d-md-none mb-4">
            <div class="dropdown">
              <button class="btn btn-default dropdown-toggle w-100 text-start bg-dark-100 p-0 rounded-9 bg-opacity-5 d-flex align-items-center justify-content-between border-0" type="button" id="servicesDropdown" data-bs-toggle="dropdown" aria-expanded="false"><span class="rounded-9 px-6 py-3">Services</span></button>
              <div class="dropdown-menu w-100 bg-dark-100 bg-opacity-5 border-0" aria-labelledby="servicesDropdown">
                <div class="dropdown-menu__wrapper">
                    
                </div>
              </div>
            </div>
          </div>
          <!-- END Mobile -->
          <div class="input-group">
            <span class="material-symbols-outlined input-group-text text-dark-50">
              location_on
            </span>
            <input
              type="text"
              class="form-control"
              id="address-search"
              placeholder="Enter City Or ZIP Code"
            />
          </div>

          <div>
            <button
              type="button"
              class="btn btn-link text-primary-200 text-decoration-none d-flex align-items-center justify-content-center gap-2 ms-auto my-location"
              onclick="getUserLocation()"
            >
              <span class="material-symbols-outlined"> my_location </span>
              <span>Use My Location</span>
            </button>
          </div>

          <button
            type="submit"
            id="btn-submit"
            class="mt-auto btn btn-primary btn-lg"
            data-location-type="nav-top:find-help-modal"
            data-function-type="other"
            data-format-type="button"
            data-link-type="internal"
          >
            Find Help
          </button>
        </form>
      </div>
    </div>
  </div>
  
</div>
<script>
  // Function to get selected services as comma-separated string
  function getSelectedServices() {
    const checkboxes = document.querySelectorAll('#header-help-container input[type="checkbox"]');
    const selectedServices = [];

    checkboxes.forEach((checkbox) => {
      if (checkbox.checked) {
        selectedServices.push(checkbox.value);
      }
    });

    return selectedServices.join(',');
  }

  // Function to get address from coordinates using reverse geocoding
  async function getAddressFromCoordinates(latitude, longitude) {
    try {
      // Use browser's built-in reverse geocoding instead of Google Maps API
      const response = await fetch(
        `https://nominatim.openstreetmap.org/reverse?format=json&lat=${latitude}&lon=${longitude}`
      );
      if (!response.ok) {
        throw new Error('Network response was not ok');
      }
      const data = await response.json();

      if (data && data.display_name) {
        // Format the address to be more concise
        const parts = [
          data.address.city || data.address.town || data.address.village,
          data.address.state,
          data.address.postcode
        ].filter(Boolean);
        return parts.join(', ');
      }
      throw new Error('No address found');
    } catch (error) {
      console.error('Error getting address:', error);
      throw error;
    }
  }

  // Function to handle geolocation
  function getUserLocation() {
    const locationButton = document.querySelector('.my-location');
    if (!locationButton) {
      console.error('Location button not found');
      return;
    }

    locationButton.disabled = true;

    if (!navigator.geolocation) {
      locationButton.disabled = false;
      alert('Geolocation is not supported by your browser');
      return;
    }

    const options = {
      enableHighAccuracy: true,
      timeout: 10000,
      maximumAge: 0
    };

    navigator.geolocation.getCurrentPosition(
      async (position) => {
        try {
          const address = await getAddressFromCoordinates(
            position.coords.latitude,
            position.coords.longitude
          );
          const addressInput = document.getElementById('address-search');
          if (addressInput) {
            addressInput.value = address;
            LocationTrackingUseLocationEvent(address);
          } else {
            console.error('Address input not found');
          }
        } catch (error) {
          console.error('Error:', error);
          alert('Unable to get your location. Please enter it manually.');
        } finally {
          locationButton.disabled = false;
        }
      },
      (error) => {
        console.error('Geolocation error:', error);
        locationButton.disabled = false;

        let errorMessage = 'Unable to get your location. Please enter it manually.';
        switch (error.code) {
          case error.PERMISSION_DENIED:
            errorMessage = 'Location permission was denied. Please enter your location manually.';
            break;
          case error.POSITION_UNAVAILABLE:
            errorMessage =
              'Location information is unavailable. Please enter your location manually.';
            break;
          case error.TIMEOUT:
            errorMessage = 'Location request timed out. Please enter your location manually.';
            break;
        }

        alert(errorMessage);
      },
      options
    );
  }

  async function redirectToLocationFinder(address, services) {
    const data = await checkIfLocation();
    const baseUrl = 'https://salvationarmyusa.org/location-finder';
    const queryParams = new URLSearchParams({
      address: address,
      services: services
    });

    if (data) {
      queryParams.append('zuid', '7-e4a1c59bd4-02km0q');
    }

    window.location.href = `${baseUrl}?${queryParams.toString()}`;
  }

  async function checkIfLocation() {
    try {
      const response = await fetch(
        `https://salvationarmyusa.org/location-finder.json?query=7-e4a1c59bd4-02km0q`
      );
      if (!response.ok) {
        throw new Error('Network response was not ok');
      }
      const rawData = await response.text();
      const data = JSON.parse(rawData);
      return data || false;
    } catch (error) {
      console.error('Error checking location:', error);
      return false;
    }
  }

  // Initialize form submission handler
  function initFormHandler() {
    console.log("Hit count")
    const form = document.getElementById('help-search-form');
    const addressInput = document.getElementById('address-search');
    const submitButton = document.getElementById('btn-submit')

    if (form) {
      form.addEventListener('submit', function (e) {
        e.preventDefault();

        const address = addressInput.value;
        const services = getSelectedServices();

        addressInput.setAttribute('data-search-term-type', address);
        addressInput.setAttribute('data-search-filter-value-type', services);
        if (!address) {
          alert('Please enter a location or use your current location');
          return;
        }
        LinkTrackingClickEvent(submitButton,'cta_click'); 
        LinkTrackingClickEvent(submitButton,'find_help_click');
        redirectToLocationFinder(address, services);
      });
    }
  }
  // Initialize immediately and also on DOMContentLoaded
  // initFormHandler();
  function findHelpButtonAddressSuggestion() {
    const input = document.querySelector('#address-search');

    if (input) {
      // Create session token to group autocomplete requests (reduces API costs)
      let sessionToken = new google.maps.places.AutocompleteSessionToken();
      const autocompleteService = new google.maps.places.AutocompleteService();

      let debounceTimer;
      const debounceDelay = 300; // Wait 300ms after user stops typing

      // Create autocomplete dropdown container with improved styling
      const autocompleteContainer = document.createElement('div');
      autocompleteContainer.className = 'autocomplete-dropdown-container-header';
      autocompleteContainer.style.cssText = `
        position: absolute;
        z-index: 1050;
        background: white;
        border: 1px solid #d1d5db;
        border-radius: 8px;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        max-height: 280px;
        overflow-y: auto;
        display: none;
        width: 100%;
        margin-top: 4px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      `;

      // Add custom scrollbar styles
      const style = document.createElement('style');
      style.textContent = `
        .autocomplete-dropdown-container-header::-webkit-scrollbar {
          width: 8px;
        }
        .autocomplete-dropdown-container-header::-webkit-scrollbar-track {
          background: #f1f1f1;
          border-radius: 4px;
        }
        .autocomplete-dropdown-container-header::-webkit-scrollbar-thumb {
          background: #c1c1c1;
          border-radius: 4px;
        }
        .autocomplete-dropdown-container-header::-webkit-scrollbar-thumb:hover {
          background: #a8a8a8;
        }
        .autocomplete-item-header {
          padding: 12px 16px;
          cursor: pointer;
          border-bottom: 1px solid #f3f4f6;
          transition: background-color 0.15s ease;
          display: flex;
          align-items: center;
          gap: 10px;
        }
        .autocomplete-item-header:last-child {
          border-bottom: none;
        }
        .autocomplete-item-header:hover {
          background-color: #f9fafb;
        }
        .autocomplete-item-header:active {
          background-color: #f3f4f6;
        }
        .autocomplete-icon-header {
          width: 18px;
          height: 18px;
          color: #6b7280;
          flex-shrink: 0;
        }
        .autocomplete-text-header {
          color: #1f2937;
          font-size: 14px;
          line-height: 1.5;
        }
      `;
      document.head.appendChild(style);

      input.parentNode.style.position = 'relative';
      input.parentNode.appendChild(autocompleteContainer);

      input.addEventListener('input', function() {
        const value = this.value;

        clearTimeout(debounceTimer);

        if (value.length < 3) {
          autocompleteContainer.style.display = 'none';
          return;
        }

        // Debounce API call - only fire after user stops typing
        debounceTimer = setTimeout(() => {
          autocompleteService.getPlacePredictions({
            input: value,
            types: ['(regions)'],  // Regions type for city/ZIP searches (cheaper than geocode)
            componentRestrictions: { country: 'US' },
            sessionToken: sessionToken
          }, (predictions, status) => {
            if (status === google.maps.places.PlacesServiceStatus.OK && predictions) {
              autocompleteContainer.innerHTML = '';
              autocompleteContainer.style.display = 'block';

              predictions.forEach(prediction => {
                const item = document.createElement('div');
                item.className = 'autocomplete-item-header';
                item.innerHTML = `
                  <svg class="autocomplete-icon-header" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
                  </svg>
                  <span class="autocomplete-text-header">${prediction.description}</span>
                `;

                item.addEventListener('click', function() {
                  input.value = prediction.description;
                  autocompleteContainer.style.display = 'none';

                  // Create new session token for next search
                  sessionToken = new google.maps.places.AutocompleteSessionToken();
                });
                autocompleteContainer.appendChild(item);
              });
            } else {
              autocompleteContainer.style.display = 'none';
            }
          });
        }, debounceDelay);
      });

      // Hide dropdown when clicking outside
      document.addEventListener('click', function(e) {
        if (e.target !== input && !autocompleteContainer.contains(e.target)) {
          autocompleteContainer.style.display = 'none';
        }
      });
    }
  }
  document.addEventListener('DOMContentLoaded', function () {
    if (typeof google !== 'undefined' && google.maps && google.maps.places) {
        findHelpButtonAddressSuggestion();
    } else {
        // If Google API isn't ready, wait for it
        window.addEventListener('load', function() {
            setTimeout(findHelpButtonAddressSuggestion, 500);
        });
    }
    initFormHandler();
  });
</script>
 

 
    <div
  class="px-lg-14 px-sm-4 py-6 bg-light rounded-lg-5 position-absolute w-100 d-flex flex-column rounded-sm-0 pb-sm-12 pb-lg-6 position-relative d-none"
  id="header-search-container"
>
  <button
    class="d-lg-flex d-sm-none align-items-center justify-content-center btn btn-sm p-0 end-6 position-absolute top-6 search-modal-close-button"
  >
    <span class="material-symbols-outlined text-dark-50 fs-5">close</span>
  </button>
  <div class="position-relative h-auto">
    <form
      id="site-search"
      action=""
      class="mb-12 w-lg-50 w-sm-100"
      onsubmit="onSubmit()"
    >
      <div
        class="py-2 d-flex align-items-center justify-content-center border-bottom border-dark-100"
      >
        <span
          class="material-symbols-outlined text-primary-200 me-4"
          style="font-size: 32px"
          >search</span
        >
        <input
          id="search-input"
          placeholder="What are you looking for?"
        />
        <button
          type="button"
          id="search-input-clear-btn"
          class="hide bg-transparent border border-0 d-flex align-items-center justify-content-center"
        >
          <span class="material-symbols-outlined text-dark-50">close</span>
        </button>
      </div>
    </form>
    <div class="d-flex flex-sm-column flex-lg-row gap-lg-17 gap-sm-10">
      <div class="w-lg-50 w-sm-100">
        <div class="d-flex justify-content-between gap-10">
          <div class="w-100">
            <div class="d-flex align-items-center border-bottom border-dark-50 pb-2">
              <span class="material-symbols-outlined me-3">alarm</span>
              <p class="fs-7">Recent Searches</p>
            </div>
            <ul class="list-group">
              <li
                class="list-group-item border-0"
                style="width: fit-content"
              >
                <a
                  href="#"
                  class="d-flex align-items-center text-dark-100 text-decoration-none"
                  data-search-method-type="recent searches"
                  onclick="SiteSearchEvent(this,'search')"
                  ><span>Ways To Give</span>
                  <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
                >
              </li>
              <li
                class="list-group-item border-0"
                style="width: fit-content"
              >
                <a
                  href="#"
                  class="d-flex align-items-center text-dark-100 text-decoration-none"
                  data-search-method-type="recent searches"
                  onclick="SiteSearchEvent(this,'search')"
                  ><span>About Us</span>
                  <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
                >
              </li>
              <li
                class="list-group-item border-0"
                style="width: fit-content"
              >
                <a
                  href="#"
                  data-search-method-type="recent searches"
                  onclick="SiteSearchEvent(this,'search')"
                  class="d-flex align-items-center text-dark-100 text-decoration-none"
                  ><span>Help Near Me</span>
                  <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
                >
              </li>
              <li
                class="list-group-item border-0"
                style="width: fit-content"
              >
                <a
                  href="#"
                  data-search-method-type="recent searches"
                  onclick="SiteSearchEvent(this,'search')"
                  class="d-flex align-items-center text-dark-100 text-decoration-none"
                  ><span>Dallas Salvation Army</span>
                  <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
                >
              </li>
              <li
                class="list-group-item border-0"
                style="width: fit-content"
              >
                <a
                  href="#"
                  data-search-method-type="recent searches"
                  onclick="SiteSearchEvent(this,'search')"
                  class="d-flex align-items-center text-dark-100 text-decoration-none"
                  ><span>Summer Camps</span>
                  <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
                >
              </li>
            </ul>
          </div>
          <div class="w-100 d-sm-none d-lg-block">
            <div class="d-flex align-items-center border-bottom border-dark-50 pb-2">
              <span class="material-symbols-outlined me-3">award_star</span>
              <p class="fs-7">Popular Searches</p>
            </div>
            <ul class="list-group">
              <li
                class="list-group-item border-0"
                style="width: fit-content"
              >
                <a
                  href="#"
                  data-search-method-type="suggested links"
                  onclick="SiteSearchEvent(this,'search')"
                  class="d-flex align-items-center text-dark-100 text-decoration-none"
                  ><span>After School Programs</span>
                  <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
                >
              </li>
              <li
                class="list-group-item border-0"
                style="width: fit-content"
              >
                <a
                  href="#"
                  data-search-method-type="suggested links"
                  onclick="SiteSearchEvent(this,'search')"
                  class="d-flex align-items-center text-dark-100 text-decoration-none"
                  ><span>Summer Camps</span>
                  <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
                >
              </li>
              <li
                class="list-group-item border-0"
                style="width: fit-content"
              >
                <a
                  href="#"
                  data-search-method-type="suggested links"
                  onclick="SiteSearchEvent(this,'search')"
                  class="d-flex align-items-center text-dark-100 text-decoration-none"
                  ><span>Salvation Army Near Me</span>
                  <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
                >
              </li>
              <li
                class="list-group-item border-0"
                style="width: fit-content"
              >
                <a
                  href="#"
                  data-search-method-type="suggested links"
                  onclick="SiteSearchEvent(this,'search')"
                  class="d-flex align-items-center text-dark-100 text-decoration-none"
                  ><span>Life Skills</span>
                  <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
                >
              </li>
              <li
                class="list-group-item border-0"
                style="width: fit-content"
              >
                <a
                  href="#"
                  data-search-method-type="suggested links"
                  onclick="SiteSearchEvent(this,'search')"
                  class="d-flex align-items-center text-dark-100 text-decoration-none"
                  ><span>Summer Camps</span>
                  <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
                >
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="w-lg-50 w-sm-100">
        <div class="d-flex align-items-center border-bottom border-dark-50 pb-2 mb-5">
          <span class="material-symbols-outlined me-3">family_home</span>
          <p class="fs-7">Featured Pages</p>
        </div>
        <div
          class="swiper header-swiper"
          style="z-index: 10"
        >
          <div
            class="swiper-wrapper"
            style="height: auto"
          >
            <div
              class="swiper-slide rounded-5 bg-photo-overlay position-relative d-flex align-items-center justify-content-center"
              style="height: 250px"
            >
              <div class="d-flex align-items-center justify-content-center flex-column">
                <span>4:3 Horizontal</span> <span>332 x 250</span>
              </div>
              <div class="position-absolute bottom-2 start-4">
                <h6 class="text-light fw-normal">Page Link Name</h6>
              </div>
            </div>
            <div
              class="swiper-slide rounded-5 bg-photo-overlay position-relative d-flex align-items-center justify-content-center"
              style="height: 250px"
            >
              <div class="d-flex align-items-center justify-content-center flex-column">
                <span>4:3 Horizontal</span> <span>332 x 250</span>
              </div>
              <div class="position-absolute bottom-2 start-4">
                <h6 class="text-light fw-normal">Page Link Name</h6>
              </div>
            </div>
            <div
              class="swiper-slide rounded-5 bg-photo-overlay position-relative d-flex align-items-center justify-content-center"
              style="height: 250px"
            >
              <div class="d-flex align-items-center justify-content-center flex-column">
                <span>4:3 Horizontal</span> <span>332 x 250</span>
              </div>
              <div class="position-absolute bottom-2 start-4">
                <h6 class="text-light fw-normal">Page Link Name</h6>
              </div>
            </div>
            <div
              class="swiper-slide rounded-5 bg-photo-overlay position-relative d-flex align-items-center justify-content-center"
              style="height: 250px"
            >
              <div class="d-flex align-items-center justify-content-center flex-column">
                <span>4:3 Horizontal</span> <span>332 x 250</span>
              </div>
              <div class="position-absolute bottom-2 start-4">
                <h6 class="text-light fw-normal">Page Link Name</h6>
              </div>
            </div>
            <div
              class="swiper-slide rounded-5 bg-photo-overlay position-relative d-flex align-items-center justify-content-center"
              style="height: 250px"
            >
              <div class="d-flex align-items-center justify-content-center flex-column">
                <span>4:3 Horizontal</span> <span>332 x 250</span>
              </div>
              <div class="position-absolute bottom-2 start-4">
                <h6 class="text-light fw-normal">Page Link Name</h6>
              </div>
            </div>
          </div>
          <div class="d-flex align-items-center justify-content-end gap-2 mt-4 header-swiper-nav">
            <button
              class="btn bg-area p-2 d-flex align-items-center justify-content-center header-prev-btn"
              id="header-prev-btn"
            >
              <span class="material-symbols-outlined">arrow_back</span>
            </button>
            <button
              class="btn bg-area p-2 d-flex align-items-center justify-content-center header-next-btn"
              id="header-next-btn"
            >
              <span class="material-symbols-outlined">arrow_forward</span>
            </button>
          </div>
        </div>
      </div>
      <div class="w-100 d-lg-none d-sm-block">
        <div class="d-flex align-items-center border-bottom border-dark-50 pb-2">
          <span class="material-symbols-outlined me-3">award_star</span>
          <p class="fs-7">Popular Searches</p>
        </div>
        <ul class="list-group">
          <li
            class="list-group-item border-0"
            style="width: fit-content"
          >
            <a
              href="#"
              data-search-method-type="suggested links"
              onclick="SiteSearchEvent(this,'search')"
              class="d-flex align-items-center text-dark-100 text-decoration-none"
              ><span>After School Programs</span>
              <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
            >
          </li>
          <li
            class="list-group-item border-0"
            style="width: fit-content"
          >
            <a
              href="#"
              data-search-method-type="suggested links"
              onclick="SiteSearchEvent(this,'search')"
              class="d-flex align-items-center text-dark-100 text-decoration-none"
              ><span>Summer Camps</span>
              <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
            >
          </li>
          <li
            class="list-group-item border-0"
            style="width: fit-content"
          >
            <a
              href="#"
              data-search-method-type="suggested links"
              onclick="SiteSearchEvent(this,'search')"
              class="d-flex align-items-center text-dark-100 text-decoration-none"
              ><span>Salvation Army Near Me</span>
              <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
            >
          </li>
          <li
            class="list-group-item border-0"
            style="width: fit-content"
          >
            <a
              href="#"
              data-search-method-type="suggested links"
              onclick="SiteSearchEvent(this,'search')"
              class="d-flex align-items-center text-dark-100 text-decoration-none"
              ><span>Life Skills</span>
              <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
            >
          </li>
          <li
            class="list-group-item border-0"
            style="width: fit-content"
          >
            <a
              href="#"
              data-search-method-type="suggested links"
              onclick="SiteSearchEvent(this,'search')"
              class="d-flex align-items-center text-dark-100 text-decoration-none"
              ><span>Summer Camps</span>
              <span class="material-symbols-outlined ms-2 fs-7">arrow_outward</span></a
            >
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

<script>
  const siteSearchForm = document.getElementById('site-search');
  const siteSearchInput = document.getElementById('search-input');

  const searchData = {
    event: 'Search',
    site_search_term: siteSearchInput.value,
    site_search_type: 'site_search - header'
  };

  // Move to seperate file and add site search logic
  const onSubmit = () => {
    utag.link(searchData);
  };

  const headerSwiper = new Swiper('.header-swiper', {
    slidesPerView: 1,
    spaceBetween: 16,
    loop: false,
    centeredSlides: false,
    navigation: {
      nextEl: '.header-swiper-nav .header-next-btn',
      prevEl: '.header-swiper-nav .header-prev-btn'
    },
    breakpoints: {
      1024: {
        slidesPerView: 2.5,
        spaceBetween: 16
      }
    }
  });
</script>
 

 
    
<div
  class="bg-light rounded-5 position-absolute w-100 d-flex flex-column"
  id="header-donate-drawer"
>
<div class="services-filter__header position-relative px-sm-9 px-md-14 pt-sm-5 py-md-7">
        <button id="donate-close-btn" class="d-flex align-items-center justify-content-center btn btn-sm p-0 position-absolute top-5 end-5">
        <span class="material-symbols-outlined text-dark-50 fs-5"> close </span>
        </button>
        <div class="row">
            <div class="goods-wrapper col-12 col-md-4 pe-md-8">
                <div class="border-bottom border-dark-50">
                    <h6 class="fs-7">Donate Goods</h6>
                </div>
                <div class="pt-6">
                    <form action="" id="donate-goods-form">
                        <div class="row form-row g-0">
                            <div class="col d-flex">
                                <div class="input-group">
                                    <span class="material-symbols-outlined input-group-text text-dark-50">
                                    location_on
                                    </span>
                                    <input type="text" class="form-control pac-target-input ps-0" id="donate-goods-zip" placeholder="Enter 5 Digit ZIP Code" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-auto ps-2">
                                <button type="submit" id="btn-submit" class="mt-auto btn btn-primary btn-md w-100" data-location-type="nav-top:donation-drawer-goods" data-function-type="other" data-format-type="button" data-link-type="external">
                                    GO
                                </button>
                            </div>
                        </div>
                    </form>
                    <div class="pt-sm-4 pt-md-5"><p>Help a neighbor in need by locally donating food, clothing, furniture, and more.</p></div>
                </div>
            </div>
            <div class="donate-wrapper col-12 col-md-8 ps-md-8">
                <div class="donate-header border-0 border-bottom-md mt-sm-6 mt-md-0">
                    <div class="d-flex align-items-center mb-3">
                        <h6 class="fs-7 mb-0 me-3 pe-3">Give Now</h6>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="frequency" id="toggle-frequency-onetime" value="once" checked>
                            <label class="form-check-label" for="toggle-frequency-onetime">
                                One-Time
                            </label>
                            </div>
                            <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="frequency" id="toggle-frequency-monthly" value="monthly">
                            <label class="form-check-label" for="toggle-frequency-monthly">
                                Monthly
                            </label>
                        </div>
                    </div>
                </div>
                <div class="pt-sm-3 pt-md-6 amnt-buttons">
                    <div class="row donatefreq-container pb-8 pb-sm-2" data-frequency="once">
                        <div class="col-sm-6 col-md mb-sm-4 mb-md-0">
                            <button class="donate-price-pill rounded-14 align-items-center px-6 py-4 justify-content-center w-100" data-amount="500">0</button>
                        </div>
                        <div class="col-sm-6 col-md mb-sm-4 mb-md-0">
                            <button class="donate-price-pill rounded-14 align-items-center px-6 py-4 justify-content-center w-100" data-amount="250">0</button>
                        </div>
                        <div class="col-sm-6 col-md mb-sm-4 mb-md-0">
                            <button class="donate-price-pill rounded-14 align-items-center px-6 py-4 justify-content-center w-100" data-amount="100">0</button>
                        </div>
                        <div class="col-sm-6 col-md mb-sm-4 mb-md-0">
                            <button class="donate-price-pill rounded-14 align-items-center px-6 py-4 justify-content-center w-100 active" data-amount="50"></button>
                        </div>
                        <div class="col-sm-12 col-md">
                            <button class="donate-price-pill rounded-14 align-items-center px-6 py-4 justify-content-center w-100" data-amount="other">Other</button>
                        </div>
                    </div>
                    <div class="row donatefreq-container d-none" data-frequency="monthly">
                        <div class="col-sm-6 col-md mb-sm-4 mb-md-0">
                            <button class="donate-price-pill rounded-14 align-items-center px-6 py-4 justify-content-center w-100" data-amount="100">0</button>
                        </div>
                        <div class="col-sm-6 col-md mb-sm-4 mb-md-0">
                            <button class="donate-price-pill rounded-14 align-items-center px-6 py-4 justify-content-center w-100" data-amount="75"></button>
                        </div>
                        <div class="col-sm-6 col-md mb-sm-4 mb-md-0">
                            <button class="donate-price-pill rounded-14 align-items-center px-6 py-4 justify-content-center w-100" data-amount="50"></button>
                        </div>
                        <div class="col-sm-6 col-md mb-sm-4 mb-md-0">
                            <button class="donate-price-pill rounded-14 align-items-center px-6 py-4 justify-content-center w-100 active" data-amount="25"></button>
                        </div>
                        <div class="col-sm-12 col-md">
                            <button class="donate-price-pill rounded-14 align-items-center px-6 py-4 justify-content-center w-100" data-amount="other">Other</button>
                        </div>
                    </div>
                </div>
                <div class="row pt-md-6">
                    <div class="col-12 col-md-7 amnt-messages">
                        <div class="row donatefreq-container" data-frequency="once">
                            <div class="row d-none" data-amount-message="500">
                                <div class="col-4">
                                    <p class="amnt fs-4">0</p>
                                </div>
                                <div class="col-8 pt-2">
                                    <p>can help provide more than three months of meals for a family of four.</p>
                                </div>
                            </div>
                            <div class="row d-none" data-amount-message="250">
                                <div class="col-4">
                                    <p class="amnt fs-4">0</p>
                                </div>
                                <div class="col-8 pt-2">
                                    <p>can help put a roof over someone's head for more than a week.</p>
                                </div>
                            </div>
                            <div class="row d-none" data-amount-message="100">
                                <div class="col-4">
                                    <p class="amnt fs-4">0</p>
                                </div>
                                <div class="col-8 pt-2">
                                    <p>can help provide a child's healthy meals for more than two months.</p>
                                </div>
                            </div>
                            <div class="row d-flex" data-amount-message="50">
                                <div class="col-4">
                                    <p class="amnt fs-4"></p>
                                </div>
                                <div class="col-8 pt-2">
                                    <p>can help provide a safe space for those in need.</p>
                                </div>
                            </div>
                            <div class="row d-none" data-amount-message="other">
                                <div class="col-4">
                                    <p class="amnt fs-4">Other</p>
                                </div>
                                <div class="col-8 pt-2">
                                    <p>Your gift goes further than you think - give to support a neighbor in need.</p>
                                </div>
                            </div>
                        </div>
                        <div class="donatefreq-container d-none" data-frequency="monthly">
                            <div class="row d-none" data-amount-message="100">
                                <div class="col-4">
                                    <p class="amnt fs-4">0</p>
                                </div>
                                <div class="col-8 pt-2">
                                    <p>a month can help provide more than 35 nights of shelter a year.</p>
                                </div>
                            </div>
                            <div class="row d-none" data-amount-message="75">
                                <div class="col-4">
                                    <p class="amnt fs-4"></p>
                                </div>
                                <div class="col-8 pt-2">
                                    <p>a month can help provide Christmas joy to a child in need.</p>
                                </div>
                            </div>
                            <div class="row d-none" data-amount-message="50">
                                <div class="col-4">
                                    <p class="amnt fs-4"></p>
                                </div>
                                <div class="col-8 pt-2">
                                    <p>a month can help provide a safe space for those in need.</p>
                                </div>
                            </div>
                            <div class="row d-flex" data-amount-message="25">
                                <div class="col-4">
                                    <p class="amnt fs-4"></p>
                                </div>
                                <div class="col-8 pt-2">
                                    <p>a month can help provide over 50 meals each month.</p>
                                </div>
                            </div>
                            <div class="row d-none" data-amount-message="other">
                                <div class="col-4">
                                    <p class="amnt fs-4">Other</p>
                                </div>
                                <div class="col-8 pt-2">
                                    <p>Your monthly gift goes further than you think - give to support a neighbor in need.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-5 donate-locally">
                        <button type="submit" id="btn-donate-submit" class="mt-auto btn btn-primary btn-lg w-sm-100 w-md-auto" data-location-type="nav-top:donation-drawer-donate" data-function-type="other" data-format-type="button" data-link-type="external">Donate Once</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    document.addEventListener("DOMContentLoaded", function () {
        var donationDrawer = document.getElementById('header-donate-drawer');
        var donationCloseBtn = donationDrawer.querySelector('#donate-close-btn');
        if (donationCloseBtn) {
            donationCloseBtn.addEventListener('click', function () {
                wantDonationDrawerOpen = false;
                forceCloseDonationDrawer();
            });
        }
        // Protect button text from being changed
        var allPriceButtons = donationDrawer.querySelectorAll('.donate-price-pill[data-amount]:not(input)');
        allPriceButtons.forEach(function(btn) {
            var amount = btn.getAttribute('data-amount');
            if (amount !== 'other' && (!btn.textContent || btn.textContent.trim() === '0' || btn.textContent.trim() === '')) {
                btn.textContent = '$' + amount;
            }
        });

        var donateGoodsForm = donationDrawer.querySelector('#donate-goods-form');
        var zipInput = donationDrawer.querySelector('#donate-goods-zip');
        var goButton = donationDrawer.querySelector('#btn-submit');

        if (donateGoodsForm && zipInput && goButton) {
            // Initially disable the GO button
            goButton.disabled = true;
            goButton.classList.add('disabled');

            // Zip code validation function
            function isValidZipCode(zip) {
                // Check if it's exactly 5 digits
                return /^\d{5}$/.test(zip);
            }

            // Enable/disable button based on zip code validity
            function updateButtonState() {
                var zipValue = zipInput.value.trim();
                if (isValidZipCode(zipValue)) {
                    goButton.disabled = false;
                    goButton.classList.remove('disabled');
                } else {
                    goButton.disabled = true;
                    goButton.classList.add('disabled');
                }
            }

            // Listen for input changes
            zipInput.addEventListener('input', updateButtonState);
            zipInput.addEventListener('keyup', updateButtonState);

            // Handle form submission
            donateGoodsForm.addEventListener('submit', function(e) {
            e.preventDefault();
                if (isValidZipCode(zipInput.value.trim())) {
                    var zipCode = zipInput.value.trim();
                    var donateURL = 'https://satruck.org/Donate/Choose?zip=' + zipCode;
                    
                    utag.link({
                        event: 'donate_goods_click',
                        link_function: 'donation',
                        link_format: 'button',
                        link_text: 'Go',
                        link_location: 'donation drawer',
                        link_url: 'https://satruck.org/Donate/Choose',
                        link_type: 'internal',
                    });
                    
                    window.open(donateURL, '_blank');
                }
            });
        }

            // Find the donation amount button and message wrappers
        var buttonsWrapper = donationDrawer.querySelector('.amnt-buttons');
        var messagesWrapper = donationDrawer.querySelector('.amnt-messages');
        var radioOnce = donationDrawer.querySelector('#toggle-frequency-onetime');
        var radioMonthly = donationDrawer.querySelector('#toggle-frequency-monthly');
        var donateBtn = donationDrawer.querySelector('#btn-donate-submit');

        if (buttonsWrapper && messagesWrapper && radioOnce && radioMonthly && donateBtn) {
            donateBtn.addEventListener('click', function(e) {
                e.preventDefault();

                var freq = radioMonthly.checked ? 'monthly' : 'once';
                var frequencyParam = radioMonthly.checked ? 'monthly' : 'one-time';
                var currentButtonContainer = buttonsWrapper.querySelector('.donatefreq-container[data-frequency="' + freq + '"]');
                var amount = null;
                var isOther = false;
                var otherInput = null;

                if (currentButtonContainer) {
                    var activeButton = currentButtonContainer.querySelector('.donate-price-pill.active[data-amount]');
                    if (activeButton) {
                        var btnAmount = activeButton.getAttribute('data-amount');
                        if (btnAmount === 'other') {
                            isOther = true;
                            otherInput = currentButtonContainer.querySelector('input[data-amount="other"]');
                            if (otherInput && otherInput.style.display !== 'none' && otherInput.value) {
                            amount = otherInput.value;
                            }
                        } else {
                            amount = btnAmount;
                        }
                    }
                }

                // Validate "Other" input if used
                if (isOther && otherInput) {
                    if (!/^\d+$/.test(amount)) {
                    otherInput._alertDiv.classList.remove('d-none');
                    otherInput.focus();
                    return;
                    } else {
                    otherInput._alertDiv.classList.add('d-none');
                    }
                }

                if (!amount) {
                    alert('Please select or enter an amount.');
                    return;
                }

                // Territory logic with default to USN
                // var territoryKey = window.utag && window.utag.data && window.utag.data.page_type;
                var territoryCode = cookieManager.get(cookieKeys.territoryCode)
                var classyID = cookieManager.get(cookieKeys.classyID)
                var orgID = cookieManager.get(cookieKeys.classyOrganizationID)
                var classyURL = cookieManager.get(cookieKeys.classyCampaignURL)
                
                var baseUrl = classyURL;
                var cid = classyID;
                var oid = orgID;

                // Build the URL
                var params = [
                    'cid=' + encodeURIComponent(cid),
                    'oid=' + encodeURIComponent(oid),
                    'amount=' + encodeURIComponent(Number(amount).toFixed(2)),
                    'frequency=' + encodeURIComponent(frequencyParam),
                    'currency=USD',
                    'c_src=donation_drawer',
                    'step=0'
                ];

                var fullUrl = baseUrl + '?' + params.join('&');

                // For testing, you can alert the URL:
                //alert(fullUrl);

                // Donate Utag Event
                utag.link({
                    event: 'donate_money_click',
                    link_function: 'donation',
                    link_format: 'button',
                    link_text: freq,
                    link_location: 'donation drawer',
                    link_url: fullUrl,
                    link_type: 'internal',
                });

                // For production, redirect:
                window.open(fullUrl, '_blank');
            });

            // Select all buttons and messages within their wrappers
            var amountButtons = buttonsWrapper.querySelectorAll('.donate-price-pill[data-amount]');
            var amountMessages = messagesWrapper.querySelectorAll('[data-amount-message]');

            function activateAmount(amount) {
                // Get the current frequency
                var currentFreq = radioMonthly.checked ? 'monthly' : 'once';

                // Only work with buttons and messages from the current frequency
                var currentButtonContainer = buttonsWrapper.querySelector('.donatefreq-container[data-frequency="' + currentFreq + '"]');
                var currentMessageContainer = messagesWrapper.querySelector('.donatefreq-container[data-frequency="' + currentFreq + '"]');

                if (!currentButtonContainer || !currentMessageContainer) return;

                var currentButtons = currentButtonContainer.querySelectorAll('.donate-price-pill[data-amount]');
                var currentMessages = currentMessageContainer.querySelectorAll('[data-amount-message]');

                // Activate the correct button, deactivate others (only in current frequency)
                currentButtons.forEach(function(btn) {
                    if (btn.getAttribute('data-amount') === amount) {
                        btn.classList.add('active');
                    } else {
                        btn.classList.remove('active');
                    }
                });

                // Activate the correct message, deactivate others (only in current frequency)
                currentMessages.forEach(function(msg) {
                    if (msg.getAttribute('data-amount-message') === amount) {
                        msg.classList.add('active');
                        msg.classList.remove('d-none');
                        msg.classList.add('d-flex');
                    } else {
                        msg.classList.remove('active');
                        msg.classList.remove('d-flex');
                        msg.classList.add('d-none');
                    }
                });

                // Reset "Other" input when selecting a different amount
                if (amount !== 'other' && currentButtonContainer) {
                    var otherBtn = currentButtonContainer.querySelector('.donate-price-pill[data-amount="other"]');
                    var otherInput = currentButtonContainer.querySelector('input[data-amount="other"]');
                    console.log("Display Price", otherBtn, otherInput)
                    if (otherBtn && otherInput) {
                        otherInput.style.display = 'none';
                        otherBtn.style.display = '';
                        otherInput.classList.remove('active');
                        otherInput.value = '';
                    }

                    // Update the display based on amount value
                    var selectedMessage = currentMessageContainer.querySelector('[data-amount-message="'+amount+'"]');
                    var selectedAmountDisplay = selectedMessage ? selectedMessage.querySelector('.amnt') : null;
                    if (selectedAmountDisplay) {
                        if (amount !== '0' && amount !== 0) {
                            selectedAmountDisplay.textContent = '$' + amount;
                        }
                    }
                } else if (amount === 'other') {
                    var otherMessage = currentMessageContainer.querySelector('[data-amount-message="other"]');
                    var otherAmountDisplay = otherMessage ? otherMessage.querySelector('.amnt') : null;
                    if (otherAmountDisplay) {
                        otherAmountDisplay.textContent = 'Other';
                    }
                }
            }

            // Attach click listeners to buttons (delegated event handling)
            buttonsWrapper.addEventListener('click', function(e) {
                if (e.target.classList.contains('donate-price-pill') && e.target.hasAttribute('data-amount')) {
                    var amount = e.target.getAttribute('data-amount');
                    if (!e.target.classList.contains('active')) {
                        
                        // Donation Values
                            utag.link({
                                event: 'cta_click',
                                link_function: 'cta',
                                link_format: 'button',
                                link_text: e.target.textContent.trim(),
                                link_location: 'donation drawer',
                                link_type: 'internal',
                        });

                        activateAmount(amount);
                    }
                }
            });

            // On load, ensure the correct message is active for initially active buttons in both frequencies
            // First activate the one-time default (current view)
            var onceContainer = buttonsWrapper.querySelector('.donatefreq-container[data-frequency="once"]');
            if (onceContainer) {
                var onceActiveBtn = onceContainer.querySelector('.donate-price-pill.active[data-amount]');
                if (onceActiveBtn) {
                    activateAmount(onceActiveBtn.getAttribute('data-amount'));
                }
            }
            // Then activate the monthly default (switch context temporarily)
            var monthlyContainer = buttonsWrapper.querySelector('.donatefreq-container[data-frequency="monthly"]');
            if (monthlyContainer) {
                var monthlyActiveBtn = monthlyContainer.querySelector('.donate-price-pill.active[data-amount]');
                if (monthlyActiveBtn) {
                    radioMonthly.checked = true;
                    activateAmount(monthlyActiveBtn.getAttribute('data-amount'));
                    radioOnce.checked = true; // Restore to one-time as default view
                }
            }
        
            ['once', 'monthly'].forEach(function(freq) {
                // Find the buttons container for this frequency
                var buttonsFreqContainer = donationDrawer.querySelector('.amnt-buttons .donatefreq-container[data-frequency="' + freq + '"]');
                if (!buttonsFreqContainer) return;

                // Find the "Other" button for this frequency
                var otherBtn = buttonsFreqContainer.querySelector('.donate-price-pill[data-amount="other"]');
                if (!otherBtn) return;

                // Create the input element (hidden by default)
                var otherInput = document.createElement('input');
                otherInput.type = 'number';
                otherInput.className = 'form-control donate-price-pill rounded-14 px-6 py-4 w-100';
                otherInput.placeholder = 'Enter amount';
                otherInput.style.display = 'none';
                otherInput.setAttribute('min', '1');
                otherInput.setAttribute('step', '1');
                otherInput.setAttribute('inputmode', 'numeric');
                otherInput.setAttribute('data-amount', 'other');

                // Create the alert element (hidden by default)
                var alertDiv = document.createElement('div');
                alertDiv.className = 'alert alert-warning py-2 px-3 mt-2 mb-0 d-none';
                alertDiv.textContent = 'Whole numbers only';

                // Insert the input and alert right after the button
                otherBtn.parentNode.insertBefore(otherInput, otherBtn.nextSibling);
                otherInput.parentNode.insertBefore(alertDiv, otherInput.nextSibling);

                // Handler to swap button for input
                otherBtn.addEventListener('click', function(e) {
                    e.preventDefault();
                    otherBtn.style.display = 'none';
                    otherInput.style.display = '';
                    otherInput.focus();
                    buttonsFreqContainer.querySelectorAll('.donate-price-pill[data-amount]').forEach(function(btn) {
                    btn.classList.remove('active');
                    });
                    otherInput.classList.add('active');
                });

                // When input loses focus and is empty, revert to button
                otherInput.addEventListener('blur', function() {
                    if (!otherInput.value) {
                    otherInput.style.display = 'none';
                    otherBtn.style.display = '';
                    otherInput.classList.remove('active');
                    alertDiv.classList.add('d-none');
                    }
                });

                // Find the messages container for this frequency
                var messagesFreqContainer = donationDrawer.querySelector('.amnt-messages .donatefreq-container[data-frequency="' + freq + '"]');
                if (!messagesFreqContainer) return;

                // Validate and update on input
                otherInput.addEventListener('input', function() {
                    var val = otherInput.value;
                    console.log('val Value', val)
                    // Show/hide alert for whole number validation
                    if (!/^\d+$/.test(val) && val !== '') {
                    alertDiv.classList.remove('d-none');
                    } else {
                    alertDiv.classList.add('d-none');
                    }

                    // Activate the "Other" message for this frequency
                    messagesFreqContainer.querySelectorAll('[data-amount-message]').forEach(function(msg) {
                    if (msg.getAttribute('data-amount-message') === 'other') {
                        msg.classList.add('active');
                        msg.classList.remove('d-none');
                        msg.classList.add('d-flex');
                    } else {
                        msg.classList.remove('active');
                        msg.classList.remove('d-flex');
                        msg.classList.add('d-none');
                    }
                    });

                    // Update the displayed amount
                    var otherMessage = messagesFreqContainer.querySelector('[data-amount-message="other"]');
                    var otherAmountDisplay = otherMessage ? otherMessage.querySelector('.amnt') : null;
                    if (otherAmountDisplay) {
                        if (val && val !== '0' && /^\d+$/.test(val)) {
                            otherAmountDisplay.textContent = '$' + val;
                        } else {
                            otherAmountDisplay.textContent = 'Other';
                        }
                    }
                });

                otherInput._alertDiv = alertDiv;
            });

            // Radio Buttons for One-Time and Monthly
            function updateFrequencyUI() {
                var freq = radioMonthly.checked ? 'monthly' : 'once';

                // Show/hide all frequency containers for both buttons and messages
                donationDrawer.querySelectorAll('.donatefreq-container[data-frequency]').forEach(function(container) {
                    if (container.getAttribute('data-frequency') === freq) {
                    container.classList.remove('d-none');
                    } else {
                    container.classList.add('d-none');
                    }
                });
                
                // Give Now toggle 
                utag.link({
                    event: 'cta_click',
                    link_function: 'cta',
                    link_format: 'button',
                    link_text: 'freq_'+freq,
                    link_location: 'donation drawer',
                    link_type: 'internal',
                });

                // Update donate button text
                donateBtn.textContent = 'Donate ' + (freq === 'monthly' ? 'Monthly' : 'Once');
            }

            // Attach event listeners
            radioOnce.addEventListener('change', updateFrequencyUI);
            radioMonthly.addEventListener('change', updateFrequencyUI);
        }

        const closeBtn = document.querySelector("#donate-close-btn");

        closeBtn.addEventListener('click', () => {
            const desktopDonateDrawerContainer = document.querySelector('#header-donate-drawer');
            if(desktopDonateDrawerContainer.classList.contains('active')) {
                desktopDonateDrawerContainer.classList.remove('active');
            } else {
                desktopDonateDrawerContainer.classList.add('active');
            }
        })
    });
</script> 

 

  </div>

</header>

<style>
  .header-services-dropdown {
    position: relative;
  }

  .header-services-dropdown.is-scrollable {
    padding-bottom: 2.5rem;
  }

  .header-services-dropdown .services-scroll-indicator {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.25rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 0.35rem;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95));
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
    z-index: 2;
  }

  .header-services-dropdown.is-scrollable .services-scroll-indicator {
    opacity: 1;
  }

  .header-services-dropdown.is-scrolled-bottom .services-scroll-indicator {
    opacity: 0;
  }

  .header-services-dropdown .services-scroll-indicator .material-symbols-outlined {
    font-size: 20px;
    line-height: 1;
  }
</style>

<script>
  async function buildServiceCheckboxes() {
    try {
      const response = await fetch(
        'https://salvationarmyusa.org/-/instant/6-f0f2e8c49b-sdbvrb.json'
      );
      const { data } = await response.json();
      
      // Function to create checkbox with tracking
      function createCheckboxInput(service, containerType) {
        const input = document.createElement('input');
        input.className = 'input form-check-input';
        input.type = 'checkbox';
        let serviceZUID = '';
        let serviceTitle = '';
        //  console.log('Service Content:', containerType);
        if (containerType == 'mobile') {
          serviceZUID = service?.zuid;
          serviceTitle = service?.title;
        } else {
          serviceZUID = service.content.zuid.data[0].zuid;
          serviceTitle = service.content?.title;
        }
       
        input.value = serviceZUID;

        // Add data attributes for tracking
        input.setAttribute(
          'data-search-type-type',
          containerType === 'header'
            ? 'location search - header'
            : containerType === 'mobile'
            ? 'location search - overlay'
            : 'location search - body'
        );
        input.setAttribute('data-search-method-type', 'user-entered');
        input.setAttribute('data-filter-type-type', 'location search');
        input.setAttribute('data-filter-value-type', serviceZUID);
        input.setAttribute('data-search-term-type', serviceTitle);

        // Add click event listener
        input.addEventListener('click', function () {
          LocationTrackingSearchEvent(this, 'location_search_filter');
        });

        input.addEventListener('change', function () {
          if (this.checked) {
              applySelectedServices(this);
          } else {
              handleResetServices(this);
          }
        });
        
        return input;
      }

      // Function to build column content
      function buildColumn(services, containerType) {
        const columnDiv = document.createElement('div');
        columnDiv.className = 'col border-end d-none d-md-flex';

        const innerDiv = document.createElement('div');
        innerDiv.className = 'd-flex mt-4 gap-4 flex-column w-100';

        services.forEach((service) => {
          
          const label = document.createElement('label');
          label.className = 'd-flex align-items-center justify-content-between form-check-label';

          const iconDiv = document.createElement('div');
          iconDiv.className = 'd-flex align-items-center justify-content-center gap-2';

          const icon = document.createElement('span');
          icon.className = 'material-symbols-outlined text-primary-200 fs-7 display-md-1';
          icon.textContent = service.content.icon_name || 'local_offer';

          const text = document.createElement('span');
          text.className = 'display-3 display-md-2 me-2'
          text.textContent = service.content.title;

          const input = createCheckboxInput(service, containerType);

          iconDiv.appendChild(icon);
          iconDiv.appendChild(text);
          label.appendChild(iconDiv);
          label.appendChild(input);
          innerDiv.appendChild(label);
        });

        columnDiv.appendChild(innerDiv);
        return columnDiv;
      }

      // Function to split services into columns
      function splitIntoColumns(services, numColumns) {
        const servicesPerColumn = Math.ceil(services.length / numColumns);
        const columns = Array(numColumns)
          .fill()
          .map(() => []);

       const sortedServices = services.filter((service) => service.content.show_on_menus === "1").sort((a,b)=> Number(a.content.sort_order) - Number(b.content.sort_order))
        sortedServices.forEach((service, index) => {
          const columnIndex = Math.floor(index / servicesPerColumn);
          columns[columnIndex].push(service);
        });

        return columns;
      }

      // Update services in location finder
      const locationFinderContainer = document.querySelector('.d-none.d-md-block .row');
      if (locationFinderContainer) {
        locationFinderContainer.innerHTML = '';
        const columns = splitIntoColumns(data, 3);
        columns.forEach((columnServices) => {
          locationFinderContainer.appendChild(buildColumn(columnServices, 'body'));
        });
      }

      // Update services in header find help modal
      const headerModalContainer = document.querySelector('.services-filter__header .row');
      if (headerModalContainer) {
        const formColumn = headerModalContainer.querySelector('.col:last-child');
        headerModalContainer.innerHTML = '';
        const columns = splitIntoColumns(data, 3);
        columns.forEach((columnServices) => {
          headerModalContainer.appendChild(buildColumn(columnServices, 'header'));
        });
        if (formColumn) {
          headerModalContainer.appendChild(formColumn);
        }
      }

      // Function to create mobile item
      function createMobileItem(service, containerType) {
        const item = document.createElement('div');
        item.className = 'dropdown-item';

        const label = document.createElement('label');
        label.className = 'd-flex align-items-center w-100';

        const icon = document.createElement('span');
        icon.className = 'material-symbols-outlined me-4 text-primary-200';
        icon.textContent = service.icon || 'local_offer';

        const text = document.createElement('span');
        text.className = 'flex-grow-1';
        text.textContent = service.title;

        const input = createCheckboxInput(service, containerType);
        input.className = 'form-check-input';
        
        label.appendChild(icon);
        label.appendChild(text);
        label.appendChild(input);
        item.appendChild(label);
        return item;
      }

      // Update mobile containers
      const mobileContainers = [
        {
          selector: '.d-md-none .dropdown-menu .dropdown-menu__wrapper',
          type: 'mobile'
        },
        {
          selector: '.services-list--mobile .dropdown-menu',
          type: 'mobile'
        },
        {
          selector: '.services-list__header--mobile .dropdown-menu .dropdown-menu__wrapper',
          type: 'mobile'
        }
      ];

      mobileContainers.forEach(({ selector, type }) => {
        const container = document.querySelector(selector);
        if (container) {
          container.innerHTML = '';
           ServicesObserver.subscribe((services) => {
            services.forEach((service) => {
            container.appendChild(createMobileItem(service, type));
          });

          });
 

          // Add action buttons
          const actionDiv = document.createElement('div');
          actionDiv.className = 'dropdown-item';
          actionDiv.innerHTML = `
          <div class="d-flex justify-content-between mt-3">
            <button type="button" class="btn btn-secondary flex-grow-1 me-2">Reset</button>
            <button type="button" class="btn btn-primary flex-grow-1" onclick="applySelectedServices()">Apply</button>
          </div>
        `;
          // container.appendChild(actionDiv);
        }
      });

      const address = '';
      const services = '';

      if (address || services) {
        const servicesList = decodeURIComponent(services).split(',').map(s => s.trim().toLowerCase());
          const checkboxes = document.querySelectorAll('input[type="checkbox"]');
          let servicesApplied = false;
          
          checkboxes.forEach(checkbox => {
            if (servicesList.includes(checkbox.value.toLowerCase())) {
              checkbox.checked = true;
              checkbox.setAttribute('checked', 'checked');
              servicesApplied = true;
            }
          });
      }
    } catch (error) {
      console.error('Error building service checkboxes:', error);
    }
  }
  async function fetchPageData() {
    try {
      const model = await fetch(`https://salvationarmyusa.org/model-info.json?zuid=7-e4a1c59bd4-02km0q`);

      const data = await model.json();
      if (data) {
        return data;
      } else {
        return false;
      }
    } catch (error) {
      console.error('Error in fetchPageData:', error);
      return false;
    }
  }
  // Initialize when the page loads
  document.addEventListener('DOMContentLoaded', async function () {
    setTimeout(async () => {
      await buildServiceCheckboxes();
    }, 1000);
  });
</script>

<script>
  async function fetchInformationalLinks(zuid, navParent) {
    try {
      const res = await fetch(
        `https://salvationarmyusa.org/get-informational-page-links.json?zuid=${zuid}&navParent=${navParent}`
      );
      const body = await res.json();

      return body;
    } catch (err) {
      console.error('error: ', err);
    }
  }

  async function setupInformationalPages() {
    const values = await Promise.all([
      fetchInformationalLinks(cookieManager.get(cookieKeys.locationZUID), 'more'),
      fetchInformationalLinks(cookieManager.get(cookieKeys.locationZUID), 'about'),
      fetchInformationalLinks(cookieManager.get(cookieKeys.locationZUID), 'ways_to_give')
    ]);

    const informationalLinksMoreParents = document.querySelectorAll('.informational-links-more-parent');
    const informationalLinksMoreButton = document.querySelector('.header-dropdown-more');
    const informationalLinksMoreDropdown = document.querySelector('.dropdown-menu-more');
    const informationalLinksMore = document.querySelectorAll('.informational-links-more');
    const ipLinks = values[0];

    informationalLinksMoreButton.addEventListener("click", () =>{
      if(window.innerWidth <= informationalLinksMoreDropdown.getBoundingClientRect().right){
          informationalLinksMore.forEach((ip) =>{
            ip.classList.add("dropdown-item__container-repeat-1")
            ip.classList.remove("dropdown-item__container-repeat-3")
          })
      }else{
          informationalLinksMore.forEach((ip) =>{
            ip.classList.remove("dropdown-item__container-repeat-1")
            ip.classList.add("dropdown-item__container-repeat-3")
          })
      }
    })

    if (ipLinks.length == 0) {
      informationalLinksMoreParents.forEach((ip) =>{
        ip.classList.add("d-none")
      })

    } else {
      informationalLinksMoreParents.forEach((ip) =>{
        ip.classList.remove("d-none")
      })

      informationalLinksMore.forEach((container) => {
        // Optional: clear previous content
        container.innerHTML = '';

        ipLinks.forEach((link) => {
          const newLinkElement = document.createElement('a');
          newLinkElement.classList.add('dropdown-item', 'py-2', 'px-2');
          newLinkElement.textContent = link.title;
          if(link.external_link){
            newLinkElement.setAttribute('href', link.external_link);
            newLinkElement.setAttribute('target', "_blank");
          }else{
            newLinkElement.setAttribute('href', link.url);
          }
          newLinkElement.setAttribute('data-location-type', "nav-top");
          newLinkElement.setAttribute('data-function-type', "navigation");
          newLinkElement.setAttribute('data-format-type', "text");
          newLinkElement.setAttribute('data-link-type', "internal");
          newLinkElement.setAttribute('onclick', "LinkTrackingClickEvent(this,'header_click')");

          container.appendChild(newLinkElement);
        });
      });
    }

    const aboutUsItemContainers = document.querySelectorAll('.about-us-item-container');
    const aboutUsLinks = values[1];

    if (aboutUsLinks?.length > 0) {
      aboutUsLinks.forEach((link) => {
        aboutUsItemContainers.forEach((c) =>{
        const newLinkElement = document.createElement('a');

        newLinkElement.classList.add('dropdown-item', 'py-2', 'px-2');
        newLinkElement.textContent = link.title;
        if(link.external_link){
            newLinkElement.setAttribute('href', link.external_link);
            newLinkElement.setAttribute('target', "_blank");
          }else{
            newLinkElement.setAttribute('href', link.url);
          }
        newLinkElement.setAttribute('data-location-type', "nav-top");
        newLinkElement.setAttribute('data-function-type', "navigation");
        newLinkElement.setAttribute('data-format-type', "text");
        newLinkElement.setAttribute('data-link-type', "internal");
        newLinkElement.setAttribute('onclick', "LinkTrackingClickEvent(this,'header_click')");
          c.append(newLinkElement);
        })
      });
    }

    const waysToGiveItemContainers = document.querySelectorAll('.ways-to-give-container');
    const waysToGiveLinks = values[2];

    if (waysToGiveLinks.length > 0) {
      waysToGiveLinks.forEach((link) => {
        waysToGiveItemContainers.forEach((c) =>{
        const newLinkElement = document.createElement('a');

        newLinkElement.classList.add('dropdown-item', 'py-2', 'px-2');
        newLinkElement.textContent = link.title;
        if(link.external_link){
            newLinkElement.setAttribute('href', link.external_link);
            newLinkElement.setAttribute('target', "_blank");
          }else{
            newLinkElement.setAttribute('href', link.url);
          }
        newLinkElement.setAttribute('data-location-type', "nav-top");
        newLinkElement.setAttribute('data-function-type', "navigation");
        newLinkElement.setAttribute('data-format-type', "text");
        newLinkElement.setAttribute('data-link-type', "internal");
        newLinkElement.setAttribute('onclick', "LinkTrackingClickEvent(this,'header_click')");

          c.append(newLinkElement);
        })
      });
    }
  }

  function getCookiesReadyPromise() {
    if (window.cookiesReady && typeof window.cookiesReady.then === 'function') {
      return window.cookiesReady;
    }
    if (typeof initCookies === 'function') {
      return Promise.resolve(initCookies());
    }
    return Promise.resolve();
  }

  function wait(ms) {
    return new Promise((resolve) => setTimeout(resolve, ms));
  }

  function getCookieByName(name) {
    const cookies = document.cookie.split(';');
    for (let cookie of cookies) {
      cookie = cookie.trim();
      if (cookie.startsWith(name + '=')) {
        const value = cookie.substring(name.length + 1);
        return decodeURIComponent(value);
      }
    }
    return null;
  }

  function setUpCookieValues() {
    const headerLocations = document.querySelectorAll('.header-location');
    const headerLocationNames = document.querySelectorAll('.header-salvation-name');

    const headerHomeButton = document.querySelector('.header-home-link');
    const headerHomeImage = document.querySelector('.header-home-image');

    const serviceCenterButtons = document.querySelectorAll('.service-center');
    const servicesViewAllButton = document.querySelector('.services-view-all');

    const aboutTheSalvationButton = document.querySelector('.about-the-salvation-link');
    const leadershipLink = document.querySelector('.leadership-link');
    const employmentLink = document.querySelector('.employment-link');

    const newsroomLink = document.querySelector('.newsroom-link');
    const subNewsroomLink = document.querySelector('.sub-newsroom-link');

    const contactUsButton = document.querySelector('.contact-us-link');

    const volunteerLink = document.querySelector('.volunteer-link');
    const wayToGiveLinks = document.querySelectorAll('.ways-to-give-link');
    const plannedGivingLinks = document.querySelectorAll('.planned-giving-link');
    const donateGoodsLinks = document.querySelectorAll('.donate-goods-link');

    const locationCookie = getCookieByName('location_name');
    const locationModel = getCookieByName('model');

    if (!locationCookie || locationCookie === 'null' || locationCookie === 'undefined') {
      return false;
    }

    headerLocations.forEach((headerLocation) => {
      headerLocation.textContent = locationCookie;

    const formattedText = headerLocation.textContent.replace(/\b[\w']+\b/g, (word) => {
      if (word.toLowerCase() === 'usa') {
        return 'USA';
      }

      return word.charAt(0).toUpperCase() +
            word.slice(1).toLowerCase();
    });

      headerLocation.textContent = formattedText;
    })
    volunteerLink.setAttribute('href', getCookieByName('volunteer_url'));
    employmentLink.setAttribute('href', getCookieByName('employment_url'));
    wayToGiveLinks.forEach((wayToGiveLink) =>{

      wayToGiveLink.setAttribute('href', getCookieByName('wtg_url'));
    })
    plannedGivingLinks.forEach((plannedGivingLink) =>{

      plannedGivingLink.setAttribute('href', getCookieByName('planned_url'));
    })

    donateGoodsLinks.forEach((donateGoodsLink) =>{
      donateGoodsLink.setAttribute('href', getCookieByName('mutual_funds_url'));

    })


    if (locationCookie == 'NATIONAL') {
      headerLocationNames.forEach((headerLocationName) => {
        headerLocationName.textContent = 'Salvation Army';
      });
      leadershipLink.setAttribute('href', '/leadership');
      headerHomeButton.setAttribute('href', '/');
      headerHomeImage.setAttribute('href', '/');
      aboutTheSalvationButton.setAttribute('href', '/about-us');
      newsroomLink.setAttribute('href', '/stories');
      newsroomLink.textContent = 'Newsroom';
      subNewsroomLink.classList.add('d-none');
      contactUsButton.setAttribute('href', '/contact-us');
    } else {
      headerLocationNames.forEach((headerLocationName) => {
        headerLocationName.textContent = '';
      });

      headerHomeButton.setAttribute('href', getCookieByName('location_home_url'));
      headerHomeImage.setAttribute('href', getCookieByName('location_home_url'));
      newsroomLink.textContent = 'Events';
      newsroomLink.setAttribute('href', getCookieByName('location_home_url') + 'events');
      subNewsroomLink.classList.remove('d-none');
      subNewsroomLink.setAttribute('href', getCookieByName('location_home_url') + 'stories');
      contactUsButton.setAttribute('href', getCookieByName('location_home_url') + 'contact-us');
      leadershipLink.setAttribute('href', getCookieByName('location_home_url') + 'leadership');
      aboutTheSalvationButton.setAttribute(
        'href',
        getCookieByName('location_home_url') + 'about-us'
      );
    }

    if (
      locationCookie != 'NATIONAL' &&
      locationModel != 'territories' &&
      locationModel != 'divisions'
    ) {
      headerHomeButton.setAttribute('href', getCookieByName('location_home_url'));
      headerHomeImage.setAttribute('href', getCookieByName('location_home_url'));
    }

    serviceCenterButtons.forEach((serviceCenterButton) => {
      // serviceCenterButton.setAttribute(
      //   'href', getCookieByName('location_finder_url')
      // );
      serviceCenterButton.setAttribute('href', '/location-finder');
    });

    servicesViewAllButton.setAttribute('href', '/location-finder');
    return true;
  }

  function clearPlaceholders() {
    const placeholders = document.querySelectorAll('.component-placeholder');
    placeholders.forEach((p) => {
      p.classList.add('d-none');
    });
  }

  async function syncHeaderCookieValues(maxAttempts = 12, delayMs = 150) {
    for (let attempt = 0; attempt < maxAttempts; attempt++) {
      const isReady = setUpCookieValues();
      if (isReady) {
        clearPlaceholders();
        return true;
      }
      await wait(delayMs);
    }

    // Avoid a permanent loading skeleton even if cookies fail to resolve.
    clearPlaceholders();
    return false;
  }

function applySelectedServices(checkbox) {
  // e.preventDefault();

  const findHelpDropdown = document.querySelector("#servicesDropdown");
  const locationFinderDropdown = document.querySelector("#servicesDropdown2");
  const findHelpButton = document.querySelector('.header-find-help-btn');
  
  // console.log("Hit fires", findHelpButton)
  if (findHelpButton && findHelpButton.offsetParent === null && findHelpButton !== document.body) {
    
    const headerCheckboxes = document.querySelectorAll('#header-help-container .services-list__header--mobile .form-check-input');
    const headerServicesChecked = []

    headerCheckboxes.forEach((cb) => {
    if(cb.checked) {
        headerServicesChecked.push(cb.getAttribute('data-search-term-type'));
      }
    })

    if (headerServicesChecked.length === 0) return '';
    if (headerServicesChecked.length === 1) findHelpDropdown.innerHTML =  `<div class="selected-pills py-3 px-1"><span class="bg-secondary-200 text-light rounded-9 px-6 py-3">${headerServicesChecked[0]}</span></div>`;
    if (headerServicesChecked.length > 1) findHelpDropdown.innerHTML = `<div class="selected-pills py-3 px-1"><span class="bg-secondary-200 text-light rounded-9 px-6 py-3">${headerServicesChecked[0]}</span> +${headerServicesChecked.length - 1}</div>`;
    
  }
  if (locationFinderDropdown) {
    const locationFinderCheckboxes = document.querySelectorAll('.location-finder .services-list--mobile .form-check-input');
    const locationFinderServicesChecked = [];

    locationFinderCheckboxes.forEach((cb) => {
      if(cb.checked) {
        locationFinderServicesChecked.push(cb.getAttribute('data-search-term-type'));
      }
    });
    if (locationFinderServicesChecked.length === 0) return '';
    if (locationFinderServicesChecked.length === 1) locationFinderDropdown.innerHTML = `<div class="selected-pills py-3 px-1"><span class="bg-secondary-200 text-light rounded-9 px-6 py-3">${locationFinderServicesChecked[0]}</span></div>`;
    if (locationFinderServicesChecked.length > 1) locationFinderDropdown.innerHTML = `<div class="selected-pills py-3 px-1"><span class="bg-secondary-200 text-light rounded-9 px-6 py-3">${locationFinderServicesChecked[0]}</span> +${locationFinderServicesChecked.length - 1}</div>`;

    searchServices();
  }
  
}

function handleResetServices(checkbox) {
  const isMobile = window.innerWidth < 768;
  const findHelpDropdown = document.querySelector("#servicesDropdown");
  
  // Clear checkboxes based on view
  const checkboxes = document.querySelectorAll('.services-list__header--mobile .form-check-input');
  const checkedServices = [];

  checkboxes.forEach(cb => {
    if (checkbox.value == cb.value) {
      cb.checked = false;
    }

    if (cb.checked) {
      checkedServices.push(cb.getAttribute('data-search-term-type'));
    }
  });
 
  if (checkedServices.length == 0) {
    // Reset dropdown button text
    const dropdownToggle = document.querySelector('#servicesDropdown');
    if (dropdownToggle) {
      dropdownToggle.innerHTML = '<span class="rounded-9 px-6 py-3">Services</span>';
    }
  } else {
    if (checkedServices.length === 1) findHelpDropdown.innerHTML =  `<div class="selected-pills py-3 px-1"><span class="bg-secondary-200 text-light rounded-9 px-6 py-3">${checkedServices[0]}</span></div>`;
    if (checkedServices.length > 1) findHelpDropdown.innerHTML = `<div class="selected-pills py-3 px-1"><span class="bg-secondary-200 text-light rounded-9 px-6 py-3">${checkedServices[0]}</span> +${checkedServices.length - 1}</div>`;
  }
  
  // Track filter reset
  const searchInput = document.getElementById('location-finder__input');
  const searchInputMobile = document.getElementById('pac-input-mobile');
  const activeInput = searchInput;
  const searchTerm = activeInput?.value || '';
  if (searchInput) {
    LocationTrackingFilterEvent(
        searchTerm,
        allFilteredLocations?.length || 0,
        'location search - body',
        'user-entered',
        '',  // No filter type when resetting
        ''   // No filter value when resetting
    );
    

    // Trigger a new search when services are reset
    const addressInput = document.getElementById('location-finder__input');
    if (addressInput && addressInput.value) {
      searchServices();
    }
  }
  
}


  const services = document.querySelectorAll('.header-service-item')
  const servicesDropdownContainer = document.querySelector('.services-dropdown-li')


  function sortServices () {
   const sortedServices = Array.from(servicesDropdownContainer.children).sort((a,b) =>{
    return Number(a.dataset.sort) - Number(b.dataset.sort)
   })

   sortedServices.forEach(item => servicesDropdownContainer.appendChild(item));
  }

async function setupServices(serivces){
  // const db = new ServicesDB();  
  // const locationZUID = cookieManager.get(cookieKeys.locationZUID)
  // const modelZUID = cookieManager.get(cookieKeys.locationModel)

  // await db.initServices(locationZUID, modelZUID);

  // const metadata = await db.getMetadata();

  // const serivces = await db.getAllServices();
  const servicesDropdownContainer = document.querySelector('.services-dropdown-li')
  const servicesDropdownContainerMobile = document.querySelector(".services-mobile-container")
  const sortedServices = serivces.toSorted((a,b) => a.sort_order - b.sort_order);

  sortedServices.forEach((service) =>{
    const el = document.createElement("a");
    el.className = "dropdown-item py-2 px-2 d-flex align-items-center gap-2 header-service-item mb-4";
    el.setAttribute("data-location-type", "nav-top");
    el.setAttribute("data-function-type", "navigation");
    el.setAttribute("data-format-type", "text");
    el.setAttribute("data-sort", service.sort_order);
    el.setAttribute("aria-current", "page");
    el.setAttribute("href", service.url);
    el.setAttribute("onclick", "LinkTrackingClickEvent(this,'header_click')");

    const spanIconEL = document.createElement("span");
    spanIconEL.className = "material-symbols-outlined text-primary-200";
    spanIconEL.textContent = service.icon;
    el.appendChild(spanIconEL)

    const spanNameEL = document.createElement("span");
    spanNameEL.textContent = service.title;
    el.appendChild(spanNameEL)

    if(service.display_on_nav === 1){
      const clonedEL = el.cloneNode(true);
      servicesDropdownContainer.appendChild(el)
      servicesDropdownContainerMobile.appendChild(clonedEL);
    }
  })

  // Set dynamic column count based on number of items
  setDynamicColumnCount();
}

function setDynamicColumnCount() {
  const servicesDropdownContainer = document.querySelector('.services-dropdown-li');
  if (!servicesDropdownContainer) return;

  const itemCount = servicesDropdownContainer.querySelectorAll('.header-service-item').length;

  // Remove any existing column count classes
  servicesDropdownContainer.classList.remove('columns-1', 'columns-2', 'columns-3');
}

  async function init() {
    await getCookiesReadyPromise();
    sortServices();
    await setupInformationalPages();
    await syncHeaderCookieValues();
    const hLoader = document.querySelector(".header-content-loader")
    const mainHeaderContainer = document.querySelector(".header-main-container")
    const angelTreeLinks = document.querySelectorAll('.angel-tree-link');

    if(getCookieByName('location_home_url') == '/') {
      angelTreeLinks.forEach((angelTreeLink) => {
        angelTreeLink.classList.remove("d-none");
      });
    }
    
    hLoader.classList.add("d-none")
    mainHeaderContainer.classList.add("d-flex")
    mainHeaderContainer.classList.remove("d-none")

    const navbarNav = document.querySelector('.header-navbar-nav ');
    const locationIndicator =  document.querySelector(".location-indicator");


    if(!navbarNav.classList.contains("d-none")){
      locationIndicator.classList.add("me-auto")
      locationIndicator.classList.remove("me-18")
    }else{
      locationIndicator.classList.remove("me-auto")
      locationIndicator.classList.add("me-18")
    }

    if(window.location.pathname === "/location-finder/"){
      const findHelpButtons = document.querySelectorAll('.header-find-help-btn');

      findHelpButtons.forEach(button =>{
        button.remove();
      })
    }

    const links = document.querySelectorAll('a');
      links.forEach(link => {
        if(link.getAttribute('href') !== ""){
          const url = new URL(link.getAttribute('href'), window.location.origin);
          if(url.hostname !== window.location.hostname){
            link.setAttribute('target', '_blank')
            link.setAttribute('data-url', url)
          }
          
        }
    });

     document.querySelectorAll('a[target="_blank"]').forEach(link => {
      if (!link.hasAttribute('rel')) {
        link.setAttribute('rel', 'noopener noreferrer');
      }

      link.addEventListener('mouseup', () => link.blur());
      });

      document.querySelectorAll('button').forEach(btn => {
      btn.addEventListener('mouseup', () => btn.blur());
      
      })
  }
  init();
  ServicesObserver.subscribe((services) => {
    setupServices(services);


  });

  // Toggle caret icon rotation
  function toggleCaret(button) {
    const caretIcon = button.querySelector('.caret-icon');
    if (caretIcon) {
      if (caretIcon.classList.contains('bi-chevron-down')) {
        caretIcon.classList.remove('bi-chevron-down');
        caretIcon.classList.add('bi-chevron-up');
      } else {
        caretIcon.classList.remove('bi-chevron-up');
        caretIcon.classList.add('bi-chevron-down');
      }
    }
  }

  // Reset donate button chevron when modal is closed
  document.addEventListener('DOMContentLoaded', function() {
    const donateModalCloseButton = document.querySelector('.donate-modal-close-button');
    if (donateModalCloseButton) {
      donateModalCloseButton.addEventListener('click', function() {
        const donateButtons = document.querySelectorAll('.header-donate-button');
        donateButtons.forEach(button => {
          const caretIcon = button.querySelector('.caret-icon');
          if (caretIcon && caretIcon.classList.contains('bi-chevron-up')) {
            caretIcon.classList.remove('bi-chevron-up');
            caretIcon.classList.add('bi-chevron-down');
          }
        });
      });
    }

    // Also reset when modal backdrop is clicked or ESC is pressed
    const donateModal = document.getElementById('donateModal');
    if (donateModal) {
      donateModal.addEventListener('hidden.bs.modal', function() {
        const donateButtons = document.querySelectorAll('.header-donate-button');
        donateButtons.forEach(button => {
          const caretIcon = button.querySelector('.caret-icon');
          if (caretIcon && caretIcon.classList.contains('bi-chevron-up')) {
            caretIcon.classList.remove('bi-chevron-up');
            caretIcon.classList.add('bi-chevron-down');
          }
        });
      });
    }
  });
</script>

 

 
    
    
    <!-- <div
  class="px-lg-12 px-sm-4 py-6 bg-light rounded-lg-5 position-absolute w-lg-25 w-sm-100 d-flex flex-column rounded-sm-0 end-0"
  id="header-donate-container"
>
  <button
    class="d-flex align-items-center justify-content-center btn btn-sm p-0 end-6 position-absolute top-6 donate-modal-close-button"
  >
    <span class="material-symbols-outlined text-dark-50 fs-5">close</span>
  </button>

  <div class="donation-iframe-container">
    <h2 class="fs-5 position-relative z-2 text-center mt-2">
      Donate Now
    </h2>
    <div class="d-flex align-items-center justify-content-center" id="donation-loader-container">
      <div
        id="donation-loader"
        class="spinner-border"
        role="status"
      ></div>
    </div>
  </div>
</div>

 -->

<!-- Modal -->
<div
  class="modal fade"
  tabindex="-1"
  id="donateModal"
  aria-labelledby="donateModalLabel"
  aria-hidden="true"

>
  <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-md modal-fullscreen-lg-down">
    <div class="modal-content bg-light rounded-lg-5 overflow-y-auto" style="height: 48rem;">
      <!-- Close Button -->
      <button
        type="button"
        class="btn-close position-absolute end-0 m-3 donate-modal-close-button"
        data-bs-dismiss="modal"
        aria-label="Close"
      ></button>

      <div class="modal-title text-center p-6 fs-5">
        <h2 class="fs-5 text-center m-0">
          Donate Now
        </h2>
      </div>
      <!-- Modal Body -->
      <div
        class="modal-body p-4"
        id="header-donate-container"
      >
        <!-- Iframe Container -->
        <div class="ratio ratio-16x9 h-100 donation-iframe-container">
          <div
            class="d-flex align-items-center justify-content-center mb-4"
            id="donation-loader-container"
          >
            <div
              id="donation-loader"
              class="spinner-border"
              role="status"
            ></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
 

 
  </div>

  <main class=" main-container " >
    <div class="px-4 px-md-8 px-lg-0 container-lg container-fluid">
      <div class="main-content">
        <div
  id="hero"
  class="module mb-12 hide-special-prop-type"
  data-component-type="hero"
>
  <div class="hero-section">
    <div class="hero-main">
      <div
        class="h-100"
        id="carousel"
      >
        <div class="h-100">
          <div class="h-100 bd-example-snippet bd-code-snippet">
            <div class="h-100 bd-example m-0 border-0">
              <div
                id="carouselExampleCaptions"
                class=" carousel slide h-100"
                data-bs-ride="carousel"
              >
                <div class="carousel-control-container" id="hero-carousel">
                  <button
                    class="carousel-control-prev hide"
                    type="button"
                    data-bs-target="#carouselExampleCaptions"
                    data-bs-slide="prev"
                    data-location-type="body:hero"
                    data-function-type="other"
                    data-format-type="icon-block"
                    data-page-componentType-type="banner component"
                    data-page-componentHeading-type="Previous"
                    data-page-componentSubheading-type="null"
                    data-page-componentIndex-type="null"
                    onclick="LinkTrackingClickEvent(this,'view_content_click')"
                  >
                    <span class="material-symbols-outlined">arrow_back</span>
                    <span class="visually-hidden">Previous</span>
                  </button>

                  <div class="carousel-indicators">
                    <button
                      type="button"
                      data-bs-target="#carouselExampleCaptions"
                      data-bs-slide-to="0"
                      class="active"
                      aria-label="Slide 1"
                      aria-current="true"
                      data-location-type="body:hero"
                      data-function-type="other"
                      data-format-type="icon-block"
                      data-page-componentType-type="banner component"
                      data-page-componentHeading-type="null"
                      data-page-componentSubheading-type="null"
                      data-page-componentIndex-type="null"
                      onclick="LinkTrackingClickEvent(this,'view_content_click')"
                    ></button>
                    <button
                      type="button"
                      data-bs-target="#carouselExampleCaptions"
                      data-bs-slide-to="1"
                      aria-label="Slide 2"
                      data-location-type="body:hero"
                      data-function-type="other"
                      data-format-type="icon-block"
                      data-page-componentType-type="banner component"
                      data-page-componentHeading-type="null"
                      data-page-componentSubheading-type="null"
                      data-page-componentIndex-type="null"
                      onclick="LinkTrackingClickEvent(this,'view_content_click')"
                    ></button>
                    <button
                      type="button"
                      data-bs-target="#carouselExampleCaptions"
                      data-bs-slide-to="2"
                      aria-label="Slide 3"
                      data-location-type="body:hero"
                      data-function-type="other"
                      data-format-type="icon-block"
                      data-page-componentType-type="banner component"
                      data-page-componentHeading-type="null"
                      data-page-componentSubheading-type="null"
                      data-page-componentIndex-type="null"
                      onclick="LinkTrackingClickEvent(this,'view_content_click')"
                    ></button>
                  </div>

                  <button
                    class="carousel-control-next"
                    type="button"
                    data-bs-target="#carouselExampleCaptions"
                    data-bs-slide="next"
                    data-location-type="body:hero"
                    data-function-type="other"
                    data-format-type="icon-block"
                    data-page-componentType-type="banner component"
                    data-page-componentHeading-type="Next"
                    data-page-componentSubheading-type="null"
                    data-page-componentIndex-type="null"
                    onclick="LinkTrackingClickEvent(this,'view_content_click')"
                  >
                    <span class="material-symbols-outlined">arrow_forward</span>
                    <span class="visually-hidden">Next</span>
                  </button>
                </div>

                <div class="carousel-inner rounded-5">
                  <div class="carousel-item h-100 active">
                    <div
                      class="image-background hero-main-content position-relative text-light d-flex flex-column justify-content-end align-items-start rounded-5 overflow-hidden"
                    >
                      <img
                        src="https://8hxvw8tw.media.zestyio.com/SAL_EmptyStates_SAL_Insert_1046x856_DarkBlue.jpg?width=1046&crop=16:9,smart"
                        srcset="https://8hxvw8tw.media.zestyio.com/SAL_EmptyStates_SAL_Insert_1046x856_DarkBlue.jpg?width=396&height=222&crop=16:9,smart 396w, https://8hxvw8tw.media.zestyio.com/SAL_EmptyStates_SAL_Insert_1046x856_DarkBlue.jpg?width=1046&crop=16:9,smart 1046w"
                        sizes="(max-width: 1199px) 100vw, 75vw"
                        fetchpriority="high"
                        loading="eager"
                        decoding="async"
                        alt=""
                        width="1046"
                        height="588"
                        class="position-absolute w-100 h-100 top-0 start-0 object-fit-cover"
                      />
                      <div class="image-backdrop position-absolute top-0 start-0 w-100 h-100 rounded-5"></div>
                    </div>
                  </div>
                  <!-- Dynamic Banner Items -->
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="banner-side-col cta-column">
      <div class="dynamic-cards-container">
        <div
          id="dynamic-card-1"
          class="dynamic-card-1 card cta-card rounded-5 overflow-hidden d-flex flex-column"
        >
          <div class="hero-card-placeholder" aria-hidden="true">
            <div class="hero-card-placeholder__media"></div>
            <div class="hero-card-placeholder__content">
              <div class="hero-card-placeholder__body">
                <div class="hero-card-placeholder__line"></div>
                <div class="hero-card-placeholder__line hero-card-placeholder__line--short"></div>
              </div>
              <div class="hero-card-placeholder__footer">
                <div class="hero-card-placeholder__button"></div>
              </div>
            </div>
          </div>
        </div>

        <div
          id="dynamic-card-2"
          class="dynamic-card-2 card cta-card rounded-5 overflow-hidden d-flex flex-column"
        >
          <div class="hero-card-placeholder" aria-hidden="true">
            <div class="hero-card-placeholder__media"></div>
            <div class="hero-card-placeholder__content">
              <div class="hero-card-placeholder__body">
                <div class="hero-card-placeholder__line"></div>
                <div class="hero-card-placeholder__line hero-card-placeholder__line--short"></div>
              </div>
              <div class="hero-card-placeholder__footer">
                <div class="hero-card-placeholder__button"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
    async function fetchData(url) {
      try {
        const response = await fetch(url);
        return await response.json();
      } catch (err) {
        console.error('Error fetching data:', err);
        return null;
      }
    }
    function resolveImages() {
    let defaultImages = [];
    // populate default images
    
    	defaultImages.push("https://8hxvw8tw.media.zestyio.com/SAL_EmptyStates_SAL_Insert_1400x502_DarkBlue.jpg");
    
   return defaultImages[Math.floor(Math.random()*defaultImages.length)];
  }

  const defaultHeroImage = resolveImages();

    async function fetchCard(urls, cardType = 'primary') {
      for (let url of urls) {
        const data = await fetchData(url);

        if (cardType === 'primary' && data?.primary_card?.data[0]) {
          return data.primary_card.data[0]; // Return primary card if found
        }

        if (cardType === 'secondary' && data?.secondary_card?.data[0]) {
          return data.secondary_card.data[0]; // Return secondary card if found
        }
      }
      return {}; // Fallback in case no valid card is found
    }

    const modelInfoUrl = `https://salvationarmyusa.org/model-info.json?zuid=7-e4a1c59bd4-02km0q`;
    const instantUrl = 'https://salvationarmyusa.org/-/instant'

    const cardGenerator1 = async () => {
      let cardData = null;
      let cardText = "View";
      const primaryCard = "7-eee29ddbae-cn6qpx";

      if (primaryCard === '') {
        try {
          // 1️⃣ Fetch base JSON first
          const baseJson = await fetch(`${instantUrl}/7-e4a1c59bd4-02km0q.json`).then(r => r.json());

          // Extract possible fallback ZUIDs
          const divisionZuid  = baseJson?.data?.[0]?.content?.division?.data?.[0]?.zuid;
          const territoryZuid = baseJson?.data?.[0]?.content?.territory?.data?.[0]?.zuid;
          const nationalZuid  = "7-dab495a2c1-13lthp";

          // 2️⃣ Helper to load primary card for a given ZUID
          const loadPrimaryCard = async (zuid) => {
            if (!zuid) throw new Error("No ZUID"); // Skip invalid inputs

            const modelJson = await fetch(`${instantUrl}/${zuid}.json`).then(r => r.json());
            const primaryCard = modelJson?.data?.[0]?.content?.primary_card;
            const primaryCardText = modelJson?.data?.[0]?.content?.primary_card_cta_text || "View";

            // If model has no card, reject so Promise.any tries the next one
            if (!primaryCard?.data?.[0]?.resourceURI) throw new Error("No card data");

            // Fetch the actual card data
            const cardRes = await fetch(primaryCard.data[0].resourceURI).then(r => r.json());
            return { cardData: cardRes, cardText: primaryCardText };
          };

          // 3️⃣ Launch all requests concurrently and return first successful one
          const trySources = [divisionZuid, territoryZuid, nationalZuid]
            .filter(Boolean) // skip nulls
            .map(loadPrimaryCard);

          const { cardData: fastestCard, cardText: fastestText } = await Promise.any(trySources);

          // 4️⃣ Assign results
          cardData = fastestCard;

          cardText = fastestText || "View";
        } catch (err) {
        console.error("Error fetching primary card:", err);
      }


      } 
      else {
        const response = await fetch(`${instantUrl}/7-e4a1c59bd4-02km0q.json`)
        const instantJson = await response.json();
        const primaryCard = instantJson.data[0]?.content?.primary_card;

        
        const primaryCardText = instantJson.data[0]?.content?.primary_card_cta_text;
        console.log(primaryCardText)
        if(primaryCard){
          const responseCard = await fetch(primaryCard.data[0]?.resourceURI);
          cardData = await responseCard.json();
         
        }

        if(primaryCardText){
          cardText = primaryCardText;
        }           
      }
      const hero_image = '';
      let cardImage = '';


      if (cardData?.data[0]?.content?.og_image) {
        cardImage = cardData?.data[0]?.content?.og_image?.data ? cardData?.data[0]?.content?.og_image?.data[0]?.url : cardData?.data[0]?.content?.og_image;
      } else {
        cardImage = cardData?.data[0]?.content?.image?.data ? cardData?.data[0]?.content?.image?.data[0]?.url : cardData?.data[0]?.content?.image;
      }
      // let cardImage = cardData?.data[0]?.content?.hero_image?.data? cardData?.data[0]?.content?.hero_image?.data[0]?.url : cardData?.data[0]?.content?.hero_image;

      if(!cardImage){
        cardImage = defaultHeroImage || resolveImages();
      }

      const cardImageBase = cardImage;
      const cardImageMobile = `${cardImageBase}?width=396&height=222&crop=16:9,smart`;
      const cardImageDesktop = `${cardImageBase}?width=338&height=179&crop=16:9,smart`;

      const meta = cardData?.meta?.web || {};
      const metaTitle = meta.seo_meta_title || meta.title || '';
      const metaDescription = meta.seo_meta_description || '';
      const metaUri = meta.uri || '#';

      return `
        <div class="dynamic-card-media cta-card-image bg-secondary bg-opacity-25 position-relative overflow-hidden">
          <div class="image-backdrop position-absolute top-0 start-0 w-100 h-100 rounded-5"></div>
          <img
            class="w-100 h-100 object-fit-cover position-absolute top-0 start-0"
            src="${cardImageDesktop}"
            srcset="${cardImageMobile} 396w, ${cardImageDesktop} 338w"
            sizes="(max-width: 768px) 100vw, 338px"
            decoding="async"
            alt="Card Image"
            width="338"
            height="179"
          />
          <h5 class="card-title hero-card-title text-white px-4 pb-2 d-flex align-items-end position-absolute bottom-0 start-0 w-100">${metaTitle}</h5>
        </div>
        <div class="cta-card-content">
          <div class="card-body cta-card-body">
            ${metaDescription ? `<p class="cta-card-excerpt">${metaDescription}</p>` : ''}
          </div>
          <div class="card-footer cta-card-footer bg-transparent border-0 d-flex align-items-center justify-content-between gap-2">
            <a href="${metaUri}"
                data-location-type="body:banner-section"
                data-function-type="navigation"
                data-format-type="button"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'cta_click')"
                class="btn btn-secondary flex-grow-1">
                ${cardText}
                </a>
          </div>
        </div>
      `;
    };

    const cardGenerator2 = async () => {
      let cardData = null;
      let cardText = "View";
      const secondaryCard = "7-9ec080b5cc-8qvshw";

      if (secondaryCard === '') {
        try {
          // 1️⃣ Fetch the base content first
          const baseJson = await fetch(`${instantUrl}/7-e4a1c59bd4-02km0q.json`).then(r => r.json());

          // Extract possible fallback ZUIDs
          const divisionZuid  = baseJson?.data?.[0]?.content?.division?.data?.[0]?.zuid;
          const territoryZuid = baseJson?.data?.[0]?.content?.territory?.data?.[0]?.zuid;
          const nationalZuid  = "7-dab495a2c1-13lthp";

          // 2️⃣ Reusable helper to load a secondary card
          const loadSecondaryCard = async (zuid) => {
            if (!zuid) throw new Error("No ZUID provided");

            const modelJson = await fetch(`${instantUrl}/${zuid}.json`).then(r => r.json());
            const secCard = modelJson?.data?.[0]?.content?.secondary_card;
            const secText = modelJson?.data?.[0]?.content?.secondary_card_cta_text || "View";

            if (!secCard?.data?.[0]?.resourceURI) throw new Error("No card data found");

            // Fetch card JSON
            const cardRes = await fetch(secCard.data[0].resourceURI).then(r => r.json());
            return { cardData: cardRes, cardText: secText };
          };

          // 3️⃣ Fire all requests in parallel and get the first valid card
          const trySources = [divisionZuid, territoryZuid, nationalZuid]
            .filter(Boolean)
            .map(loadSecondaryCard)
            .map(p =>
              p.catch(() => {
                throw new Error("Invalid card");
              })
            );

          const { cardData: fastestCard, cardText: fastestText } = await Promise.any(trySources);

          // 4️⃣ Apply the result
          cardData = fastestCard;
          cardText = fastestText || "View";
        } catch (err) {
          console.error("Error fetching secondary card:", err);
        }

      } else {
        const response = await fetch(`${instantUrl}/7-e4a1c59bd4-02km0q.json`)
        const instantJson = await response.json();
        const secondaryCard = instantJson.data[0]?.content?.secondary_card;
        const secondaryCardText = instantJson.data[0]?.content?.secondary_cta_text ? instantJson.data[0]?.content?.secondary_cta_text : instantJson.data[0]?.content?.secondary_card_cta_text;

        if(secondaryCard){
          const responseCard = await fetch(secondaryCard.data[0]?.resourceURI);
          cardData = await responseCard.json();
        }

        if(secondaryCardText){
          cardText = secondaryCardText;
        }                   
      }

      const hero_image = '';
      let cardImage = '';

      if (cardData?.data[0]?.content?.og_image) {
        cardImage = cardData?.data[0]?.content?.og_image?.data ? cardData?.data[0]?.content?.og_image?.data[0]?.url : cardData?.data[0]?.content?.og_image;
      } else {
        cardImage = cardData?.data[0]?.content?.image?.data ? cardData?.data[0]?.content?.image?.data[0]?.url : cardData?.data[0]?.content?.image;
      }
      


      if(!cardImage){
        cardImage = defaultHeroImage || resolveImages();
      }

      const cardImageBase = cardImage;
      const cardImageMobile = `${cardImageBase}?width=396&height=222&crop=16:9,smart`;
      const cardImageDesktop = `${cardImageBase}?width=338&height=179&crop=16:9,smart`;

      const meta = cardData?.meta?.web || {};
      const metaTitle = meta.seo_meta_title || meta.title || '';
      const metaDescription = meta.seo_meta_description || '';
      const metaUri = meta.uri || '#';

      return `
        <div class="dynamic-card-media cta-card-image bg-secondary bg-opacity-25 position-relative overflow-hidden">
          <div class="image-backdrop position-absolute top-0 start-0 w-100 h-100 rounded-5"></div>
          <img
            class="w-100 h-100 object-fit-cover position-absolute top-0 start-0"
            src="${cardImageDesktop}"
            srcset="${cardImageMobile} 396w, ${cardImageDesktop} 338w"
            sizes="(max-width: 768px) 100vw, 338px"
            decoding="async"
            alt="Card Image"
            width="338"
            height="179"
          />
          <h5 class="card-title hero-card-title text-white px-4 d-flex align-items-end pb-2 position-absolute bottom-0 start-0 w-100">${metaTitle}</h5>
          
        </div>
        <div class="cta-card-content">
          <div class="card-body cta-card-body">
            ${metaDescription ? `<p class="cta-card-excerpt">${metaDescription}</p>` : ''}
          </div>
          <div class="card-footer cta-card-footer bg-transparent border-0 d-flex align-items-center justify-content-between gap-2">
            <a href="${metaUri}"
               data-location-type="body:banner-section"
                data-function-type="navigation"
                data-format-type="button"
                data-link-type="internal"
                onclick="LinkTrackingClickEvent(this,'cta_click')"
            class="btn btn-secondary flex-grow-1"> 
              ${cardText}
            </a>
          </div>
        </div>
      `;
    };
    

    const locationModelZUID = "6-b4c9aba69c-h2nqvm";
    const divisionModelZUID = "6-acb19a94bd-4q8ftj";
    const territoryModelZUID = "6-deab97cfd9-wb5km4";
    const nationalModelZUID = "6-a0898ca2c1-krnm0f";

      function addHeroSliders(heroSliders, level) {
        const divisionZUID = cookieManager.get(cookieKeys.divisionZUID);
        const territoryZUID = cookieManager.get(cookieKeys.territoryZUID);

        const filterBy = (field, zuid) =>
          heroSliders.filter((s) => (s?.[field] || "").includes(zuid));

        const national = () => heroSliders.filter((s) => s.display_on_national === "1");

        // LOCATION: location -> division(cookie) -> territory(cookie) -> national
        if (level === locationModelZUID) {
          const loc = filterBy("display_on_locations", "7-e4a1c59bd4-02km0q");
          if (loc.length) return loc;

          const div = filterBy("display_on_divisions", divisionZUID);
          if (div.length) return div;

          const terr = filterBy("display_on_territories", territoryZUID);
          if (terr.length) return terr;

          return national();
        }

        // DIVISION: division -> territory(cookie) -> national
        if (level === divisionModelZUID) {
          const div = filterBy("display_on_divisions", "7-e4a1c59bd4-02km0q");
          if (div.length) return div;

          const terr = filterBy("display_on_territories", territoryZUID);
          if (terr.length) return terr;

          return national();
        }

        // TERRITORY: territory -> national
        if (level === territoryModelZUID) {
          const terr = filterBy("display_on_territories", "7-e4a1c59bd4-02km0q");
          return terr.length ? terr : national();
        }

        // default: national
        return national();
      }

      function hideSlider(){
          const mainLoader = document.querySelector(".slider-loader")
          const mainContentContainer = document.querySelector("#carousel")

          if(mainLoader){
            mainLoader.classList.add("d-none")
          }
          if(mainContentContainer){
            mainContentContainer.classList.remove("d-none")
          }
        }

    async function generateBannerCarouselItems(params) {
      try {
        const heroSliderGQL = `https://salvationarmyusa.org/-/gql/matrix_hero_sliders.json`
        const res = await fetch(heroSliderGQL)

        const heroSliders = await res.json();
                 
        let foundSliders = addHeroSliders(heroSliders, cookieManager.get(cookieKeys.locationModel));

        if (foundSliders.length <= 0) {
          foundSliders = addHeroSliders(heroSliders, divisionModelZUID);
        }

        if (foundSliders.length <= 0) {
          foundSliders = addHeroSliders(heroSliders, territoryModelZUID);
        }

        if (foundSliders.length <= 0) {
          foundSliders = addHeroSliders(heroSliders, nationalModelZUID);
        }

        const sortedBannerContents = foundSliders.sort((a, b) => Number(a.sort_order) - Number(b.sort_order));

        const carouselInner = document.querySelector('.carousel-inner');
        const carouselIndicators = document.querySelector('.carousel-indicators');
        const carouselControlPrev = document.querySelector('.carousel-control-prev');
        const carouselControlNext = document.querySelector('.carousel-control-next');
        const carouselControlContainer = document.querySelector('.carousel-control-container');

        // Hide navigation elements if there's only one item
        if (sortedBannerContents.length <= 1) {
          if (carouselControlContainer) carouselControlContainer.style.display = 'none';
          if (carouselIndicators) carouselIndicators.style.display = 'none';
          if (carouselControlPrev) carouselControlPrev.style.display = 'none';
          if (carouselControlNext) carouselControlNext.style.display = 'none';

          // Also disable the carousel from auto-sliding when there's only one item
          const carousel = document.querySelector('#carouselExampleCaptions');
          if (carousel) {
            carousel.setAttribute('data-bs-ride', 'false');
          }
        } else {
          // Show navigation elements if there are multiple items
          if (carouselControlContainer) carouselControlContainer.style.display = '';
          if (carouselIndicators) carouselIndicators.style.display = '';
          if (carouselControlPrev) carouselControlPrev.style.display = '';
          if (carouselControlNext) carouselControlNext.style.display = '';
        }

        // Clear existing indicators
        carouselIndicators.innerHTML = '';

        // Generate new indicators based on actual items
        sortedBannerContents.forEach((_, index) => {
          const button = document.createElement('button');
          button.type = 'button';
          button.setAttribute('data-bs-target', '#carouselExampleCaptions');
          button.setAttribute('data-bs-slide-to', index);
          button.setAttribute('aria-label', `Slide ${index + 1}`);
          button.setAttribute('data-location-type', 'body:hero');
          button.setAttribute('data-function-type', 'other');
          button.setAttribute('data-format-type', 'icon-block');
          button.setAttribute('data-page-componentType-type', 'banner component');
          button.setAttribute('data-page-componentHeading-type', null);
          button.setAttribute('data-page-componentSubheading-type', null);
          button.setAttribute('data-page-componentIndex-type', null);
          button.onclick = function() { LinkTrackingClickEvent(this,'view_content_click'); };

          if (index === 0) {
            button.classList.add('active');
            button.setAttribute('aria-current', 'true');
          }

          carouselIndicators.appendChild(button);
        });

        let carouselHTMLWrapper = '';
        sortedBannerContents.forEach((banner_content, index) => {
          if(banner_content) {
            const bannerImageBase = banner_content.image;
            const bannerCropRatio = '16:9';
            const bannerMobileHeight = 222;
            const bannerDesktopHeight = 588;
            const bannerImageMobile = `${bannerImageBase}?width=396&height=${bannerMobileHeight}&crop=${bannerCropRatio},smart`;
            const bannerImageDesktop = `${bannerImageBase}?width=1046&crop=${bannerCropRatio},smart`;
            const bannerPriorityAttr = index === 0
              ? 'fetchpriority="high" loading="eager"'
              : 'loading="lazy"';

            carouselHTMLWrapper += `<div
              class="carousel-item h-100 ${index === 0 ? 'active' : ''}"
            >
              <div
                class="image-background hero-main-content position-relative text-light d-flex flex-column justify-content-end align-items-start rounded-5 overflow-hidden"
              >
                <img
                  src="${bannerImageDesktop}"
                  srcset="${bannerImageMobile} 396w, ${bannerImageDesktop} 1046w"
                  sizes="(max-width: 1199px) 100vw, 75vw"
                  ${bannerPriorityAttr}
                  decoding="async"
                  alt=""
                  width="1046"
                  height="${bannerDesktopHeight}"
                  class="position-absolute w-100 h-100 top-0 start-0 object-fit-cover"
                />
                <div class="image-backdrop position-absolute top-0 start-0 w-100 h-100 rounded-5"></div>

                <div class="mb-4">
                  <h3 class="fw-normal">${banner_content.title}</h3>
                  <div class="w-md-75 w-sm-100 hero-item">
                    ${banner_content.content || ''}
                  </div>
                </div>
                <div class="d-flex gap-2">
                  ${banner_content.primary_cta_link ? `
                  <a
                    data-location-type="body:banner-section"
                    data-function-type="cta"
                    data-format-type="button"
                    data-link-type="internal"
                    onclick="LinkTrackingClickEvent(this,'cta_click')"
                    href="${banner_content.primary_cta_link}"
                    class="btn btn-primary banner-cta-btn display-2"
                  >${banner_content?.primary_cta_name}</a>
                  ` : ''}

                  ${banner_content.secondary_cta_link ? `
                  <a
                    data-location-type="body:banner-section"
                    data-function-type="cta"
                    data-format-type="button"
                    data-link-type="internal"
                    onclick="LinkTrackingClickEvent(this,'cta_click')"
                    href="${banner_content.secondary_cta_link}"
                    class="btn  btn-light banner-cta-btn display-2"
                  >${banner_content?.secondary_cta_name}</a>
                  ` : ''}
                </div>
              </div>
            </div>`;
          }
        });
        if (carouselHTMLWrapper) {
          carouselInner.innerHTML = carouselHTMLWrapper;
          hideSlider();
        }
      } catch (error) {
        console.error('Error in generateBannerCarouselItems:', error);
      }
    }
    const appendCardsToBannerSideCol = async () => {
      const card1 = document.getElementById("dynamic-card-1");
      const card2 = document.getElementById("dynamic-card-2");

      if (!card1 || !card2) {
        console.error("One or both card containers not found");
        return;
      }

      try {
        // Kick off both async requests simultaneously
        const cardPromises = [cardGenerator1(), cardGenerator2()];
     
        // Wait for both to finish (parallel)
        const [card1Html, card2Html] = await Promise.allSettled(cardPromises);

        // Use DocumentFragment to minimize reflows
        const frag1 = document.createRange().createContextualFragment(
          card1Html.value || ""
        );
        const frag2 = document.createRange().createContextualFragment(
          card2Html.value || ""
        );

        // Replace all children in one go (faster than innerHTML for large DOM)
        requestAnimationFrame(() => {
          card1.replaceChildren(frag1);
          card2.replaceChildren(frag2);
        });
      } catch (err) {
        console.error("Error generating cards:", err);
      }
    };

    (async function(){
      await generateBannerCarouselItems();
      appendCardsToBannerSideCol();

       const links = document.querySelectorAll('a');
        links.forEach(link => {
          if(link.getAttribute('href') !== ""){
            const url = new URL(link.getAttribute('href'), window.location.origin);
            if(url.hostname !== window.location.hostname){
              link.setAttribute('target', '_blank')
              link.setAttribute('data-url', url)
            }

          }
      });

       document.querySelectorAll('a[target="_blank"]').forEach(link => {
      if (!link.hasAttribute('rel')) {
        link.setAttribute('rel', 'noopener noreferrer');
      }
      document.querySelectorAll('button').forEach(btn => {
      btn.addEventListener('mouseup', () => btn.blur());
      
      })
      link.addEventListener('mouseup', () => link.blur());
    });
    })();
</script>
 

 
<div
  id="map"
  data-component-type="map"
  class="map module mb-16 px-2"
>
  <div class="px-md-5 px-sm-0 d-flex mb-8 align-items-center justify-content-between">
    <h4>Find a Location</h4>
    <a
      href="/location-finder/"
      class="d-flex align-items-center text-dark-50 text-decoration-none"
      data-location-type="body:map"
      data-function-type="event"
      data-format-type="text"
      data-link-type="internal"
      onclick="LinkTrackingClickEvent(this,'cta_click');"
      ><span>Search Locations by Services</span>
      <span class="material-symbols-outlined ms-2 fs-7 text-dark-50"> arrow_outward </span>
    </a>
  </div>

  <div class="d-flex flex-sm-column flex-md-row rounded-5 p-sm-4 p-md-7 bg-light row">
    <div
      class="map-content-wrapper col-sm-12 col-md-6 pe-0 pe-md-12 d-flex flex-column p-0 order-sm-2 order-md-1 mt-sm-4"
    > 
      
      <div class="map-init-content d-flex flex-column p-0 order-sm-2 order-md-1 h-100">
        <div class="">
          <h4 class="mb-6">Search for a Salvation Army location near you to get help, volunteer, or donate</h4>
          <div class="w-sm-100 pe-md-16 pe-sm-0 text-dark-50 fs-7 map-description f-ajenson">
            <p>In our effort to meet human needs wherever we can, we offer unique, local programs, designed to meet the specific needs of each community we serve. The best way to get the help you need, or find a place to volunteer, is to connect with a local center or church near you.</p>
<p><span>&nbsp;</span>Please enter your city name or ZIP code to find your nearest location.</p>
          </div>
        </div>

        <div class="mt-md-auto mt-sm-11">
          <form
            class="row g-3 align-items-center"
            onsubmit="event.preventDefault(); searchLocation(document.getElementById('pac-input').value);"
          >
            <div class="col-md-8 col-sm-12">
              <div class="input-group w-100">
                <span class="input-group-text border-start-1 rounded-start-4 pe-2 ps-4">
                  <span class="material-symbols-outlined text-dark-50 fs-7"> location_on </span>
                </span>
                <input
                  id="pac-input"
                  type="text"
                  class="form-control rounded-end-4 text-dark border-start-0 ps-0"
                  placeholder="City or ZIP Code Search"
                  data-search-term-type="Search for a Salvation Army location near you to get help, volunteer, or donate"
                  data-search-results-type="0"
                  data-search-type-type="location search - body"
                  data-search-method-type="user-entered"
                  data-filter-type-type="none"
                  data-filter-value-type="none"
                />
              </div>
              <!-- <button type="button" class="btn btn-link text-secondary p-0 mt-2 use-my-location">
                <span class="material-symbols-outlined align-middle fs-7">my_location</span>
                Use my location
              </button> -->
            </div>
            <div class="col-md-4 col-sm-12">
              <button
                type="submit"
                class="btn btn-secondary text-white rounded-3 w-100 display-3 map-search-button"
              >
                See What's Happening
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
    <div class="col-sm-12 col-md-6 p-0 order-sm-1 order-md-2 position-relative">
      <button id="map__reset" class="map__reset position-absolute end-4 top-4 bg-primary-200 text-white border-0 rounded-2 px-4 py-2 d-flex align-items-center d-none" onclick="resetMap()"><span class="material-symbols-outlined me-2">
        reply
        </span>Return</button>
      <div class="rounded-5 landing-page__map goggle-map"></div>
      <div class="map-loader d-none">
        <div class="map-loader__spinner"></div>
      </div>
    </div>
  </div>
</div>
<script>
  async function getPageZuid() {
    const model = await fetch(`https://salvationarmyusa.org/model-info.json?zuid=7-e4a1c59bd4-02km0q`);
    const pageData = await model.json();

    if (pageData) {
      return pageData;
    } else {
      return false;
    }
  }
  function getLocationAddress() {
    const address = '6060 Castleway West Dr';
    if (address) {
      return address;
    } else {
      return false;
    }
  }
  getPageZuid();
</script>

<style>
  .map-description {
    font-family: 'AJensonPro', sans-serif;
  }
</style>
 

 









































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































<div
  class="module services mb-16 d-block"
  id="services"
  data-component-type="services"
>
  <div class="px-5 d-flex mb-8 align-items-center justify-content-between gap-sm-12">
    <div class="d-flex align-items-center justify-content-start">
      
      <h4>Indiana Divisional Headquarters Services</h4>
      
    </div>

    
  </div>
  <div class="bg-transparent bg-md-light rounded-5 px-lg-4 px-sm-4 pb-2 pt-4">
    <div class="rounded-5">
      <div class="rounded-5 mb-3 services-image position-relative">
        <img
          data-service-type-id=""
          src="https://8hxvw8tw.media.zestyio.com/OtherServicesArtboard-2.jpg?width=1400"
          srcset="https://8hxvw8tw.media.zestyio.com/OtherServicesArtboard-2.jpg?width=640 640w, https://8hxvw8tw.media.zestyio.com/OtherServicesArtboard-2.jpg?width=960 960w, https://8hxvw8tw.media.zestyio.com/OtherServicesArtboard-2.jpg?width=1400 1400w"
          sizes="(max-width: 768px) 100vw, 1200px"
          alt=""
          class="position-absolute z-2 service-image"
          width="1400"
          height="405"
          decoding="async"
          loading="lazy"
        />
        <form
          autocomplete="off"
          class="services-search-form position-absolute bottom-sm-2 top-md-4 end-sm-0 end-lg-4 z-3 w-md-50 w-lg-50"
        >
          <div class="p-3 bg-light rounded-3">
            <div class="row position-relative">
              <div class="col-lg-8 col-sm-12 px-3">
                <div class="input-group">
                  <span class="material-symbols-outlined input-group-text px-sm-2 px-lg-4 pe-lg-1">
                    search
                  </span>
                  <input
                    type="search"
                    name="service"
                    class="form-control px-sm-2 px-lg-4 ps-lg-2"
                    placeholder="Search Services"
                    onsearch="OnSearch(this)"
                  />
                </div>
              </div>
              <div class="col-lg-4 col-sm-12 mt-sm-2 mt-lg-0 ps-lg-2">
                <button
                  type="submit"
                  class="btn btn-primary text-nowrap w-100"
                >
                  Search Services
                </button>
              </div>
            </div>
          </div>
        </form>
      </div>

      <div class="services-swiper">
        <div class="swiper-wrapper service-module-wrapper pb-4">
         
        </div>
      </div>
    </div>
  </div>
  <div class="services-swiper__nav d-flex w-100 center justify-content-end align-items-center mt-5">
    <div
      class="swiper-button-prev swiper-services-prev position-relative bg-opacity-60 bg-light me-2 me-md-4"
      data-location-type="body:services"
      data-function-type="other"
      data-format-type="icon-block"
      data-page-componentType-type="services component"
      data-page-componentHeading-type="null"
      data-page-componentSubheading-type="null"
      data-page-componentIndex-type="null"
      onclick="LinkTrackingClickEvent(this,'view_content_click')"
    >
      <i class="material-symbols-outlined text-dark-100">arrow_back</i>
    </div>

    <div
      class="swiper-pagination services-pagination position-relative px-2 px-lg-4 rounded-14"
      data-location-type="body:services"
      data-function-type="other"
      data-format-type="icon-block"
      data-page-componentType-type="services component"
      data-page-componentHeading-type="null"
      data-page-componentSubheading-type="null"
      data-page-componentIndex-type="null"
    ></div>

    <div
      class="swiper-button-next swiper-services-next position-relative bg-opacity-60 bg-light ms-2 ms-md-4"
      data-location-type="body:services"
      data-function-type="other"
      data-format-type="icon-block"
      data-page-componentType-type="services component"
      data-page-componentHeading-type="null"
      data-page-componentSubheading-type="null"
      data-page-componentIndex-type="null"
      onclick="LinkTrackingClickEvent(this,'view_content_click')"
    >
      <i class="material-symbols-outlined text-dark-100">arrow_forward</i>
    </div>
  </div>
</div>

<script>
  const servicesContainer = document.querySelector('.services');
  const servicesCards = document.querySelectorAll('.services-swiper .service-card');
  const servicesImages = document.querySelectorAll('.service-image');

  const servicesSwiper = new Swiper('.services-swiper', {
    slidesPerView: 1,
    slidesPerGroup: 1,
    spaceBetween: 16,
    loop: true,
    centeredSlides: false,
    slideToClickedSlide: false,
    pagination: {
      type: 'custom',
      el: '.services-pagination',
      renderCustom: function (swiper, current, total) {
        const maxVisible = 5;
        let pages = [];

        if (total <= maxVisible) {
          for (let i = 1; i <= total; i++) {
            pages.push(i);
          }
        } else {
          if (current <= 2) {
            pages = [1, 2, 3, '...', total];
          } else if (current >= total - 1) {
            pages = [1, '...', total - 2, total - 1, total];
          } else {
            pages = [1, '...', current - 1, current, current + 1, '...', total];
          }
        }

        return pages
          .map((num) =>
            num === current
              ? `<span role="button" class="swiper-pagination-bullet-active swiper-pagination-bullet" data-index="${num}">${num}</span>`
              : typeof num === 'number'
              ? `<span role="button" class="clickable swiper-pagination-bullet" data-index="${num}">${num}</span>`
              : `<span class="ellipsis swiper-pagination-bullet">${num}</span>`
          )
          .join(' ');
      }
    },
    navigation: {
      nextEl: '.services-swiper__nav .swiper-button-next',
      prevEl: '.services-swiper__nav .swiper-button-prev'
    },
    breakpoints: {
      1300: {
        slidesPerView: 4,
        slidesPerGroup: 4
      },
      1200: {
        slidesPerView: 3,
        slidesPerGroup: 3
      },
      768: {
        slidesPerView: 2,
        slidesPerGroup: 2
      },
      430: {
        slidesPerView: 1,
        slidesPerGroup: 1
      }
    }
  });

  // Add no-swipe class to elements with href
  document.addEventListener('DOMContentLoaded', function () {
    const linksInSlides = servicesContainer.querySelectorAll('a[href], button[href]');
    linksInSlides.forEach((link) => {
      link.classList.add('no-swipe');
      link.parentElement.classList.add('no-swipe');
    });
  });

  // Pagination click handler
  servicesContainer.addEventListener('click', function (event) {
    if (event.target.closest('a[href], button[href], [data-href]')) {
      servicesSwiper.allowSlideNext = false;
      servicesSwiper.allowSlidePrev = false;
      setTimeout(() => {
        servicesSwiper.allowSlideNext = true;
        servicesSwiper.allowSlidePrev = true;
      }, 100);
      return;
    }

    if (event.target.classList.contains('clickable')) {
      let pageIndex = parseInt(event.target.getAttribute('data-index'), 10);
      let slidesPerGroup = servicesSwiper.params.slidesPerGroup || 1;
      servicesSwiper.slideTo((pageIndex - 1) * slidesPerGroup);
    }
  });

  // Search
  const servicesSearchForm = document.querySelector('.services-search-form');

  function fuzzyMatch(input, target) {
    input = input.toLowerCase();
    target = target.toLowerCase();

    let i = 0;
    for (let char of target) {
      if (char === input[i]) i++;
      if (i === input.length) return true;
    }
    return false;
  }

  function searchServicesOnSubmit(event) {
    if (event) event.preventDefault();

    const formData = new FormData(servicesSearchForm);
    const searchTerm = formData.get('service')?.toLowerCase().trim();

    const currentCards = document.querySelectorAll('.services-swiper .service-card');

    if (!searchTerm) {
      currentCards.forEach((card) => card.classList.remove('d-none'));
      servicesSwiper.update();
      return;
    }

    let foundMatch = false;

    currentCards.forEach((card) => {
      const fields = {
        metaTitle: card.getAttribute('data-meta-title') || '',
        metaDescription: card.getAttribute('data-meta-description') || '',
        metaKeywords: card.getAttribute('data-meta-keywords') || '',
        title: card.querySelector('h6')?.textContent || '',
        subtitle: card.querySelector('p.card-text')?.textContent || ''
      };

      const keywordsArray = fields.metaKeywords
        .toLowerCase()
        .split(',')
        .map((k) => k.trim());

      const allFields = [
        fields.metaTitle,
        fields.metaDescription,
        fields.title,
        fields.subtitle,
        ...keywordsArray
      ];

      const isMatch = allFields.some(
        (field) => field.toLowerCase().includes(searchTerm) || fuzzyMatch(searchTerm, field)
      );

      card.classList.toggle('d-none', !isMatch);

      if (isMatch) {
        foundMatch = true;
        card.querySelector('.learn-more-button')?.setAttribute('data-search-term-type', searchTerm);
      }
    });

    if (!foundMatch) {
      currentCards.forEach((card) => card.classList.remove('d-none'));
    }

    servicesSwiper.update();

    utag.link({
      event: 'services_search',
      services_search_term: searchTerm
    });
  }

  servicesSearchForm.addEventListener('submit', searchServicesOnSubmit);

  function OnSearch(input) {
    if (input.value == '') {
      searchServicesOnSubmit();
      servicesSwiper.update();
    }
  }

  // Filter
  function getServiceTypes() {
    const currentCards = document.querySelectorAll('.services-swiper .service-card');
    const servicesCardsArr = Array.from(currentCards);
    const serviceTypes = Array.from(
      new Set(
        servicesCardsArr.map((card) => {
          return card.getAttribute('data-service-type');
        })
      )
    );

    return serviceTypes;
  }

  const servicesButtons = servicesContainer.querySelectorAll('.nav-link');

  function filterServices(type) {
    const currentCards = document.querySelectorAll('.services-swiper .service-card');
    currentCards.forEach((card) => {
      card.classList.remove('d-none');
    });

    if (type !== 'all') {
      currentCards.forEach((card) => {
        if (card.getAttribute('data-service-type').toLocaleLowerCase() !== type) {
          card.classList.add('d-none');
        }
      });
    }
    servicesSwiper.update();
  }

  servicesButtons.forEach((btn) => {
    btn.addEventListener('click', (event) => {
      filterServices(btn.getAttribute('data-service-type'));
    });
  });

  const serviceFilters = document.querySelectorAll('.services-filter .nav-link');

  function toggleOffActiveClass() {
    for (let i = 0; i < serviceFilters.length; i++) {
      if (serviceFilters[i].classList.contains('active')) {
        serviceFilters[i].classList.remove('active');
        serviceFilters[i].classList.add('text-dark-50');
        break;
      }
    }
  }

  for (let i = 0; i < serviceFilters.length; i++) {
    serviceFilters[i].addEventListener('click', (event) => {
      if (
        !serviceFilters[i].classList.contains('active') &&
        serviceFilters[i].contains(event.target)
      ) {
        toggleOffActiveClass();
        serviceFilters[i].classList.add('active');
        serviceFilters[i].classList.remove('text-dark-50');
      }
    });
  }

  function updateSwiperBulletsAttribute() {
    const observer = new MutationObserver(function (mutations) {
      mutations.forEach(function (mutation) {
        if (mutation.addedNodes.length) {
          const newBullets = document.querySelectorAll(
            '.services-swiper__nav .swiper-pagination-bullet:not([data-location-type])'
          );

          newBullets.forEach((bullet, index) => {
            const allBullets = document.querySelectorAll(
              '.services-swiper__nav .swiper-pagination-bullet'
            );
            const trueIndex = Array.from(allBullets).indexOf(bullet);

            bullet.setAttribute('data-location-type', 'body:news');
            bullet.setAttribute('data-function-type', 'other');
            bullet.setAttribute('data-format-type', 'icon-block');
            bullet.setAttribute('data-page-componentType-type', 'news component');
            bullet.setAttribute('data-page-componentHeading-type', 'null');
            bullet.setAttribute('data-page-componentSubheading-type', 'null');
            bullet.setAttribute(
              'data-page-componentIndex-type',
              `${trueIndex !== -1 ? trueIndex : index}`
            );
            bullet.setAttribute('onclick', "LinkTrackingClickEvent(this,'view_content_click')");
          });
        }
      });
    });

    observer.observe(document.body, { childList: true, subtree: true });
  }
  updateSwiperBulletsAttribute();
</script>

<script>
  const cookieModel = getCookieByName('model');
  const cookieLocationName = getCookieByName('location_name');
  const cookieLocationFinderUrl = getCookieByName('location_finder_url');
  const locationFinderButtons = document.querySelectorAll('.location-finder-button');

  locationFinderButtons.forEach((locationFinderButton) => {
    if (
      cookieModel === 'locations' ||
      (cookieLocationName !== 'NATIONAL' &&
        cookieModel === 'services' &&
        cookieLocationFinderUrl != '/location-finder')
    ) {
      locationFinderButton.classList.add('d-none');
    } else {
      locationFinderButton.classList.remove('d-none');
    }
  });
</script>

<script>
    function sortServicesModuleItems() {
      const serviceCards = document.querySelectorAll('.service-module-item');
      const servicesWrapper = document.querySelector('.service-module-wrapper');
      const sortedServices = Array.from(serviceCards).sort((a, b) => {
        return Number(a.dataset.sort) - Number(b.dataset.sort);
      });

      sortedServices.forEach((item) => servicesWrapper.appendChild(item));
  }

  async function setupServicesCards(serivces){
    const a_open = '<' + 'a';
    const a_close = '<' + '/a>';

    serivces.forEach((service,index) =>{
        const serviceCard = `
              <div
                class="swiper-slide rounded-5 service-card service-module-item"
                data-sort="${service.sort_order}"
                data-service-type="${service.service_type}"
                data-meta-title="${service.meta_title}"
                data-meta-description="${service.meta_description}"
                data-meta-keywords="${service.meta_keywords}"
              >
                <div class="rounded-5 p-6 border d-flex flex-column justify-content-between h-100 w-100">
                  <div class="mb-1 d-flex justify-content-between">
                    <h6 class="fs-7 card-title text-start">${service.title}</h6>
                    <span class="material-symbols-outlined text-dark-100 service-icon">
                    ${service.icon}
                      </span>
                  </div>

                  <p class="display-3 card-text text-start text-truncate-3">
                    ${service.hero_subtitle}
                  </p>

                  
                  <div class="mt-4 d-flex flex-column flex-lg-row align-items-center justify-content-between gap-2 text-nowrap">
                    ${a_open}
                      class="location-finder-button btn btn-info btn-sm w-100 p-3 z-1"
                      data-location-type="body:services-section"
                      data-function-type="navigation"
                      data-format-type="button"
                      data-link-type="internal"
                      href="/location-finder?services=${service.service_type}"
                      onclick="LinkTrackingClickEvent(this,'find_help_click')"
                    >
                      <div class="d-flex align-items-center justify-content-center">
                        <span class="material-symbols-outlined me-1"> location_on </span>
                        <span>Find Location</span>
                      </div>
                    ${a_close}
                    ${a_open}
                      class="learn-more-button btn btn-secondary btn-sm w-100 p-3 z-1"
                      data-link-location-type="body:services-section"
                      data-link-function-type="navigation"
                      data-link-format-type="button"
                      data-link-type-type="internal"
                      data-link-url-type="${service.url}"
                      data-link-text-type="Learn More"
                      data-search-type-type="site search - body"
                      data-search-method-type="user-entered"
                      data-search-term-type="all"
                      data-search-result-index-type="${index}"
                      data-search-results-type="${serivces.length}"
                      href="${service.url}"
                      onclick="searchResultClick(this)"
                    >
                      Learn More
                    ${a_close}
                  </div>
                </div>
              </div>
        `
      
        const servicesContainer = document.querySelector(".service-module-wrapper");
        servicesContainer.insertAdjacentHTML("beforeend", serviceCard);

    })

    sortServicesModuleItems();

    // Destroy initial swiper and reinit with dynamic slides for loop to work
    servicesSwiper.destroy(true, true);
    
    const reinitSwiper = new Swiper('.services-swiper', {
      slidesPerView: 1,
      slidesPerGroup: 1,
      spaceBetween: 16,
      loop: true,
      centeredSlides: false,
      slideToClickedSlide: false,
      pagination: {
        type: 'custom',
        el: '.services-pagination',
        renderCustom: function (swiper, current, total) {
          const maxVisible = 5;
          let pages = [];

          if (total <= maxVisible) {
            for (let i = 1; i <= total; i++) {
              pages.push(i);
            }
          } else {
            if (current <= 2) {
              pages = [1, 2, 3, '...', total];
            } else if (current >= total - 1) {
              pages = [1, '...', total - 2, total - 1, total];
            } else {
              pages = [1, '...', current - 1, current, current + 1, '...', total];
            }
          }

          return pages
            .map((num) =>
              num === current
                ? `<span role="button" class="swiper-pagination-bullet-active swiper-pagination-bullet" data-index="${num}">${num}</span>`
                : typeof num === 'number'
                ? `<span role="button" class="clickable swiper-pagination-bullet" data-index="${num}">${num}</span>`
                : `<span class="ellipsis swiper-pagination-bullet">${num}</span>`
            )
            .join(' ');
        }
      },
      navigation: {
        nextEl: '.services-swiper__nav .swiper-button-next',
        prevEl: '.services-swiper__nav .swiper-button-prev'
      },
      breakpoints: {
        1300: {
          slidesPerView: 4,
          slidesPerGroup: 4
        },
        1200: {
          slidesPerView: 3,
          slidesPerGroup: 3
        },
        768: {
          slidesPerView: 2,
          slidesPerGroup: 2
        },
        430: {
          slidesPerView: 1,
          slidesPerGroup: 1
        }
      }
    });

    // Reassign global reference so search/filter still works
    window.servicesSwiper = reinitSwiper;

    // Re-bind pagination click handler for the new swiper instance
    document.querySelector('.services').addEventListener('click', function (event) {
      if (event.target.classList.contains('clickable')) {
        let pageIndex = parseInt(event.target.getAttribute('data-index'), 10);
        let slidesPerGroup = reinitSwiper.params.slidesPerGroup || 1;
        reinitSwiper.slideTo((pageIndex - 1) * slidesPerGroup);
      }
    });
  }
   

   ServicesObserver.subscribe((services) => {
     setupServicesCards(services);
    });
</script>
 

 
<div
  id="stats"
  class="module stats mb-16"
  data-component-type="stats"
>
  <div class="px-lg-5 d-flex mb-8 align-items-center justify-content-between gap-sm-12">
    <h4>Our Impact</h4>
    <nav class="stats-filter flex-nowrap nav nav-pills justify-content-between gap-4 d-none"></nav>
  </div>

  <div
    id="stats-carousel-parent"
    class="card shadow rounded-5 overflow-hidden"
  >
    <div class="row g-0">
      <div
        class="stats__left col-md-6 position-relative"
        style="height: 480px"
      >
        <div
          class="carousel slide h-100 carousel-fade"
          data-bs-ride="false"
        >
          <div
            id="stats-carousel-left"
            class="carousel-inner h-100"
          ></div>
        </div>
      </div>

      <div class="col-md-6 p-16 p-sm-6">
        <div class="h-100">
          <div
            id="stats-carousel"
            class="carousel slide h-100"
            data-bs-ride="false"
          >
            <div
              id="stats-carousel-right"
              class="carousel-inner h-100"
            >
              <div
                class="carousel-item active d-flex justify-content-center align-items-center position-absolute"
              >
                <div
                  class="spinner-border text-primary position-absolute end-0 start-0"
                  role="status"
                >
                  <span class="visually-hidden">Loading...</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="carousel-control-container mt-5">
    <button
      class="carousel-control-prev hide"
      type="button"
      data-bs-target="#stats-carousel"
      data-bs-slide="prev"
      data-location-type="body:stats"
      data-function-type="other"
      data-format-type="icon-block"
      data-page-componentType-type="stats component"
      data-page-componentHeading-type="Previous"
      data-page-componentSubheading-type=null
      data-page-componentIndex-type=null
      onclick="LinkTrackingClickEvent(this,
      'view_content_click')"
    >
      <span class="material-symbols-outlined">arrow_back</span>
      <span class="visually-hidden">Previous</span>
    </button>

    <div
      id="stats-carousel-indicators"
      class="carousel-indicators"
    ></div>

    <button
      class="carousel-control-next"
      type="button"
      data-bs-target="#stats-carousel"
      data-bs-slide="next"
      data-location-type="body:stats"
      data-function-type="other"
      data-format-type="icon-block"
      data-page-componentType-type="stats component"
      data-page-componentHeading-type="Next"
      data-page-componentSubheading-type=null
      data-page-componentIndex-type=null
      onclick="LinkTrackingClickEvent(this,'view_content_click')"
    >
      <span class="material-symbols-outlined">arrow_forward</span>
      <span class="visually-hidden">Next</span>
    </button>
  </div>
</div>

<script>
  let shareData = {};

  document.addEventListener('DOMContentLoaded', function () {
    const statsCarouselContainer = document.getElementById('stats');

    const statsFilterContainer = statsCarouselContainer.querySelector('.stats-filter');

    const statsCarouselInnerLeft = document.getElementById('stats-carousel-left');
    const statsCarouselInnerRight = document.getElementById('stats-carousel-right');

    const indicatorContainer = document.getElementById('stats-carousel-indicators');
    const statsPrevCarouselBtn = statsCarouselContainer.querySelector('.carousel-control-prev');
    const statsNextCarouselBtn = statsCarouselContainer.querySelector('.carousel-control-next');

    const cookieLocationZUID = getCookieByName('location_zuid');
    const cookieLocation = getCookieByName('location_model');
    const cookieLocationDivision = getCookieByName('division_zuid');
    const cookieLocationTerritory = getCookieByName('territory_zuid');

    let stats;

    

    function getStatQuery() {
      const urlParams = new URLSearchParams(window.location.search);
      return urlParams.get('stat');
    }

    async function getStats() {
      try {
        let fetchUrl = ``;

        if (cookieLocation === '6-b4c9aba69c-h2nqvm') { //Locations
          fetchUrl += `https://salvationarmyusa.org/stats-info.json?zuid=${cookieLocationZUID}&page-model=6-b4c9aba69c-h2nqvm&parent-division=${cookieLocationDivision}&parent-territory=${cookieLocationTerritory}`;
        }

        if (cookieLocation === '6-acb19a94bd-4q8ftj') { // Divisions
          fetchUrl += `https://salvationarmyusa.org/stats-info.json?zuid=${cookieLocationZUID}&page-model=6-acb19a94bd-4q8ftj&parent-territory=${cookieLocationTerritory}`;
        }

        if (cookieLocation === '6-deab97cfd9-wb5km4') { // Territories 
          fetchUrl += `https://salvationarmyusa.org/stats-info.json?zuid=${cookieLocationZUID}&page-model=6-deab97cfd9-wb5km4`;
        }

        if ( cookieLocation === '6-a0898ca2c1-krnm0f') { // Territories and Homepage
          fetchUrl += `https://salvationarmyusa.org/stats-info.json?zuid=${cookieLocationZUID}&page-model=6-a0898ca2c1-krnm0f`;
        }
    

        const result = await fetch(fetchUrl);
        const stats = await result.json();

        return stats;
      } catch (err) {
        console.error('Error:', err);
      }
    }

    async function getCurrentPageModel(zuid) {
      try {
        const result = await fetch(`https://salvationarmyusa.org/model-info.json?zuid=${zuid}`);
        const page = await result.json();

        return page;
      } catch (err) {
        console.error('Error:', err);
      }
    }

    let filters;
    let activeFilter = '';
    function generateFilters(stats) {
      const mappedFilters = stats.map((stat) => stat.categories);

      filters = Array.from(new Set(mappedFilters));

      const allFilter = `<button
          data-location-type="body:stats"
          data-function-type="other"
          data-format-type="text"
          onclick="LinkTrackingClickEvent(this,'cta_click')"
          class="nav-link active"
        >
          All
        </button>`;
      statsFilterContainer.insertAdjacentHTML('beforeend', allFilter);
      filters.forEach((filter) => {
        const filterElement = /* html*/ `
        <button
          data-location-type="body:stats"
          data-function-type="other"
          data-format-type="text"
          onclick="LinkTrackingClickEvent(this,'cta_click')"
          class="nav-link text-dark-50 text-capitalize"
        >
          ${filter}
        </button>
        `;
        statsFilterContainer.insertAdjacentHTML('beforeend', filterElement);
      });
    }

function filterCarousel(stats) {
  const statFilters = statsCarouselContainer.querySelectorAll('.stats-filter .nav-link');

  statFilters.forEach((filter) => {
    filter.addEventListener('click', (event) => {
      if (!filter.classList.contains('active') && filter.contains(event.target)) {
        // Remove active class from the currently active filter
        statFilters.forEach((f) => {
          if (f.classList.contains('active')) {
            f.classList.remove('active');
            f.classList.add('text-dark-50');
          }
        });

        // Add active class to the clicked filter
        filter.classList.add('active');
        filter.classList.remove('text-dark-50');

        // Update active filter value
        activeFilter = event.target.textContent.trim().toLowerCase();

        // Regenerate carousel items and indicators
        const filteredStats = filterStats(stats);
        generateCarouselItems(filteredStats);
        generateIndicators(filteredStats);
      }
    });
  });
}

    let indicators;
    function generateIndicators(stats) {
      indicatorContainer.replaceChildren();

      const indicatorsArr = stats.map((stat, index) => {
        const queryStat = getStatQuery()
        const activeCriteria = queryStat ? queryStat === stat.stats_name : index === 0
        return /*html*/ `
        <button
          type="button"
          data-bs-target="#stats-carousel"
          data-bs-slide-to="${index}"
          class="stat-pagination-bullet ${activeCriteria ? 'active' : ''}"
          aria-label="Slide 1"
          aria-current="true"
          data-location-type="body:stats"
          data-function-type="other"
          data-format-type="icon-block"
          data-page-componentType-type="stats component"
          data-page-componentHeading-type=null
          data-page-componentSubheading-type=null
          data-page-componentIndex-type="${index}"
          onclick="LinkTrackingClickEvent(this,'view_content_click')"
        ></button>`;
      });

      indicatorsArr.forEach((indicator) => {
        indicatorContainer.insertAdjacentHTML('beforeend', indicator);
      });

      indicators = statsCarouselContainer.querySelectorAll('.carousel-indicators button');
      if (indicatorsArr.length === 1) {
        indicatorContainer.classList.add('hide');
        statsPrevCarouselBtn.classList.add('hide');
        statsNextCarouselBtn.classList.add('hide');
      } else if (indicatorsArr.length > 1) {
        indicatorContainer.classList.remove('hide');
        statsPrevCarouselBtn.classList.add('hide');
        statsNextCarouselBtn.classList.remove('hide');
      }
    }

    function filterStats(stats) {
      if (activeFilter === 'all') {
        return stats.filter((stat) => stat?.general_statistic === '1');
      } else {
        return stats.filter((stat) => stat.categories.trim().toLowerCase() === activeFilter);
      }
    }

    let carouselItemsRight;
    let carouselItemsLeft;
    function generateCarouselItems(stats) {
      const isHomepage = " false ";
      const queryStat = getStatQuery()
      statsCarouselInnerRight.replaceChildren();
      statsCarouselInnerLeft.replaceChildren();
      const itemsLeft = stats.map((stat, index) => {
        const activeCriteria = queryStat ? queryStat === stat.stats_name : index === 0
        const statsPriorityAttr =
          activeCriteria && isHomepage !== 'true'
            ? 'fetchpriority="high" loading="eager"'
            : 'loading="lazy"';
        return /*html*/ `
        <div
                class="carousel-item ${activeCriteria? 'active' : ''}"
                data-stat-category="${stat.categories}"
                data-stat-name="${stat.stats_name}"
              >
                <div
                  class="stat-box d-flex flex-column justify-content-between h-100 position-absolute top-0 left-0 z-20"
                >
                  <div class="p-12 p-sm-8">
                    <h1 class="stat-number fs-1 text-light mb-4 lh-1">${stat.stats_sub_text}</h1>
                    <div class="fs-4 text-light lh-sm">
                      ${stat.description}
                    </div>
                  </div>
                </div>
                
                <img
                 ${statsPriorityAttr}
                  class="w-100 h-100"
                  style="object-fit: cover"
                  src="${stat.image || ''}"
                  width="1200"
                  height="900"
                  decoding="async"
                  alt=""
                />
              </div>`;
      });


      const itemsRight = stats.map((stat, index) => {
        const currentUrl = new URL(window.location.href);
        currentUrl.searchParams.set("stat", stat.stats_name);
        currentUrl.hash = "stats";
        shareData = {
          title: stat.right_side_header,
          url: currentUrl.toString()
        };

        const facebookShareLink = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareData.url)}&quote=${encodeURIComponent(shareData.title)}`
        const twitterShareLink = `https://twitter.com/intent/tweet?url=${encodeURIComponent(shareData.url)}&text=${encodeURIComponent(shareData.title)}`
        const linkedInShareLink = `https://www.linkedin.com/feed/?shareActive=true&text=${encodeURIComponent(shareData.title + " " + shareData.url)}`
        const activeCriteria = queryStat ? queryStat === stat.stats_name : index === 0
        return /*html*/ `
        <div
                  class="carousel-item ${activeCriteria ? 'active' : ''}"
                  data-stat-category="${stat.categories}"
                  data-stat-name="${stat.stats_name}"
                >
                  <div class="card-body p-0 d-flex flex-column justify-content-between h-100">
                    <h5 class="card-title fs-md-4 fs-sm-6 fw-normal">
                      ${stat.right_side_header}
                    </h5>
                    <p></p>
                    <div>
                      <div>
                        <div class="mb-16 fs-7 f-ajenson text-dark-50 ">
                          ${stat.right_side_content}
                        </div>
                      </div>
                      <div class="mt-4 d-flex justify-content-between">
                        <div class="d-flex align-items-center stat-share__wrapper">
                          <div class="d-md-flex d-none align-items-center">
                            <a
                                data-social="facebook"
                                data-location-type="body:stats"
                                data-function-type="social"
                                data-format-type="icon-block"
                                data-link-type="external"
                                data-link-text="Facebook"
                                onclick="LinkTrackingClickEvent(this,'social_share')"
                                href=${facebookShareLink}
                                target="_blank"
                                class="facebook-link social-icon fs-5 text-dark-50 mx-3"
                            >
                                <i class="bi bi-facebook"></i>
                            </a>
                            <a
                                data-social="twitter"
                                data-location-type="body:stats"
                                data-function-type="social"
                                data-format-type="icon-block"
                                data-link-type="external"
                                data-link-text="Twitter/X"
                                onclick="LinkTrackingClickEvent(this,'social_share')"
                                href=${twitterShareLink}
                                target="_blank"
                                class="twitter-link social-icon fs-5 text-dark-50 mx-3"
                            >
                                <i class="bi bi-twitter-x"></i>
                            </a>
                            <a
                                data-social="linkedin"
                                data-location-type="body:stats"
                                data-function-type="social"
                                data-format-type="icon-block"
                                data-link-type="external"
                                data-link-text="LinkedIn"
                                onclick="LinkTrackingClickEvent(this,'social_share')"
                                href=${linkedInShareLink}
                                target="_blank"
                                class="linkedin-link social-icon fs-5 text-dark-50 mx-3"
                            >
                                <i class="bi bi-linkedin"></i>
                            </a>
                          </div>
                          <div class="d-md-none d-flex">
                            <a
                                data-social="mobile-share"
                                data-location-type="nav-foot"
                                data-function-type="social"
                                data-format-type="icon-block"
                                data-link-type="external"
                                href="#"
                                class="display-3 text-dark-50 mx-3 d-flex align-items-center gap-1 text-decoration-none mobile-share-btn"  
                            >
                                Share Story
                                <span class="material-symbols-outlined">share</span>
                            </a>
                          </div>
                        </div>
                        <div class="d-flex align-items-center">
                          <a
                            class="${stat.learn_more_url ? "d-inline-flex": "d-none"} btn btn-secondary me-2 px-5 py-4 px-sm-5 py-sm-3 d-inline-flex align-items-center display-sm-3"
                            data-location-type="body:stats"
                            data-function-type="navigation"
                            data-format-type="button"
                            href="${stat.learn_more_url}"
                            target="_blank"
                            onclick="LinkTrackingClickEvent(this,'cta_click')"
                          >
                            <i class="material-icons me-2 text-light">arrow_outward</i>Learn
                            More
                          </a>
                          <a
                            href="https://give.salvationarmyusa.org/campaign/676125/donate?c_src=NT26TZOAAC&c_src2=USNhomepageStatsModule"
                            target="_blank"
                            data-link-type="external"
                            data-location-type="body:stats"
                            data-function-type="donation"
                            data-format-type="button"
                            onclick="LinkTrackingClickEvent(this,'donate_money_click')"
                            class="btn btn-primary px-5 py-4 px-sm-5 py-sm-3 display-sm-3"
                          >
                            Donate
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
        `;
      });

      itemsLeft.forEach((item) => {
        statsCarouselInnerLeft.insertAdjacentHTML('beforeend', item);
      });

      itemsRight.forEach((item) => {
        statsCarouselInnerRight.insertAdjacentHTML('beforeend', item);
      });

      carouselItemsRight = statsCarouselContainer.querySelectorAll(
        '#stats-carousel .carousel-item'
      );
      carouselItemsLeft = statsCarouselContainer.querySelectorAll(
        '#stats-carousel-left .carousel-item'
      );

      // Mobile share button handler
      document.querySelectorAll('.mobile-share-btn').forEach(button => {
        button.addEventListener('click', async function(e) {
          e.preventDefault();
          try {
            LinkTrackingClickEvent(this, "social_share");
            if (navigator.share) {
              await navigator.share(shareData);
            }
          } catch (err) {
            console.error("Error sharing:", err);
          }
        });
      });
    }

    async function generateCarousel(stats) {

      let territoryStats = [];
      let divisionStats = [];
      let locationStats = [];
      if (cookieLocation == '6-a0898ca2c1-krnm0f') {
        filterCarousel(stats);
        generateCarouselItems(stats);
        generateIndicators(stats);
      } else if (cookieLocation == '6-deab97cfd9-wb5km4') {
   
        territoryStats = stats
          .map((stat) => {
            if (
              !stat.territories ||
              stat.territories.type !== 'relationship' ||
              !stat.territories.data
            ) {
              return undefined;
            }

            const found = stat.territories.data.some(
              (territory) => territory.meta?.zuid === cookieLocationZUID
            );

            if (found) {
              return stat;
            }
            return undefined;
          })
          .filter(Boolean);

        if (territoryStats.length > 0) {
          filterCarousel(territoryStats);
          generateCarouselItems(territoryStats);
          generateIndicators(territoryStats);
        } else {
          generateFilters(stats);
          filterCarousel(stats);
          generateCarouselItems(stats);
          generateIndicators(stats);
        }
      } else if (cookieLocation == '6-acb19a94bd-4q8ftj') {
        divisionStats = stats
          .map((stat) => {
            if (!stat.divisions || stat.divisions.type !== 'relationship' || !stat.divisions.data) {
              return undefined;
            }
            const found = stat.divisions.data.some(
              (division) => division.meta?.zuid === cookieLocationZUID
            );

            if (found) {
              return stat;
            }
            return undefined;
          })
          .filter(Boolean);

        if (divisionStats.length > 0) {
          filterCarousel(divisionStats);
          generateCarouselItems(divisionStats);
          generateIndicators(divisionStats);
        } else {
          territoryStats = stats
            .map((stat) => {
              if (
                !stat.territories ||
                stat.territories.type !== 'relationship' ||
                !stat.territories.data
              ) {
                return undefined;
              }
              const found = stat.territories.data.some(
                (territory) => territory.meta?.zuid === cookieLocationZUID
              );

              if (found) {
                return stat;
              }
              return undefined;
            })
            .filter(Boolean);

          if (territoryStats.length > 0) {
            filterCarousel(territoryStats);
            generateCarouselItems(territoryStats);
            generateIndicators(territoryStats);
          } else {
            generateFilters(stats);
            filterCarousel(stats);
            generateCarouselItems(stats);
            generateIndicators(stats);
          }
        }
      } else if (cookieLocation == '6-b4c9aba69c-h2nqvm') {
        locationStats = stats
          .map((stat) => {
            if (!stat.locations || stat.locations.type !== 'relationship' || !stat.locations.data) {
              return undefined;
            }

            const found = stat.locations.data.some(
              (location) => location.meta?.zuid === cookieLocationZUID
            );

            if (found) {
              return stat;
            }
            return undefined;
          })
          .filter(Boolean);
      }

      if (locationStats.length > 0) {
        filterCarousel(locationStats);
        generateCarouselItems(locationStats);
        generateIndicators(locationStats);
      } else {
        divisionStats = stats
          .map((stat) => {
            if (!stat.divisions || stat.divisions.type !== 'relationship' || !stat.divisions.data) {
              return undefined;
            }

            const found = stat.divisions.data.some(
              (division) => division.meta?.zuid === cookieLocationZUID
            );

            if (found) {
              return stat;
            }
            return undefined;
          })
          .filter(Boolean);

        if (divisionStats.length > 0) {
          generateFilters(divisionStats);
          filterCarousel(divisionStats);
          generateCarouselItems(divisionStats);
          generateIndicators(divisionStats);
        } else {
          territoryStats = stats
            .map((stat) => {
              if (
                !stat.territories ||
                stat.territories.type !== 'relationship' ||
                !stat.territories.data
              ) {
                return undefined;
              }

              const found = stat.territories.data.some(
                (territory) => territory.meta?.zuid === cookieLocationZUID
              );

              if (found) {
                return stat;
              }
              return undefined;
            })
            .filter(Boolean);

          if (territoryStats.length > 0) {
            generateFilters(territoryStats);
            filterCarousel(territoryStats);
            generateCarouselItems(territoryStats);
            generateIndicators(territoryStats);
          } else {
            generateFilters(stats);
            filterCarousel(stats);
            generateCarouselItems(stats);
            generateIndicators(stats);
          }
        }
      }
    }

    async function renderCarousel() {
      const stats = await getStats();
      console.log(stats)
      generateCarousel(stats);
    }

    renderCarousel();

    // Carousel logic

    const carouselRight = new bootstrap.Carousel('#stats-carousel');
    const carouselLeft = new bootstrap.Carousel('#stats-carousel-left');

    const filterButtons = statsCarouselContainer.querySelectorAll('.stats-filter button');

    statsCarouselContainer.addEventListener('slide.bs.carousel', (event) => {
      const activeIndex = event.to;

      carouselLeft.to(event.to);
      if (activeIndex === 0) {
        statsPrevCarouselBtn.classList.add('hide');
      } else {
        statsPrevCarouselBtn.classList.remove('hide');
      }

      if (event.to === carouselItemsRight.length - 1) {
        statsNextCarouselBtn.classList.add('hide');
      } else {
        statsNextCarouselBtn.classList.remove('hide');
      }
      indicators.forEach((indicator, index) => {
        if (index === activeIndex) {
          indicator.classList.add('active');
          indicator.setAttribute('aria-current', 'true');
        } else {
          indicator.classList.remove('active');
          indicator.removeAttribute('aria-current');
        }
      });
    });

    // sharing
    if (window.location.hash.includes("#hash")) {
      const statsModule = document.getElementById("stats");
      if (!statsModule){
        return 
      }
      statsModule.scrollIntoView({
        behavior: "smooth", 
        block: "start", 
      });
    }
  });
  
</script>
 

 
<div
  class="module mb-12 d-none"
  id="news-cards"
  data-component-type="news-cards"
>
  <div>
    <div class="d-flex align-items-center justify-content-between px-5">
      <h4 id="news-header">News</h4>
      <a
        id="news-card-view-newsroom"
        href="stories"
        class="d-flex align-items-center text-dark-50 text-decoration-none"
      >
        View Newsroom
        <i class="material-icons ms-2 text-dark-50">arrow_outward</i>
      </a>
    </div>

    <div class="col-md-12 mt-8 mb-5">
      <div class="swiper news-cards-swiper">
        <div class="swiper-wrapper">
          <!-- Dynamic slides go here -->
        </div>
      </div>

      <div
        class="news-cards-swiper__nav d-inline-flex w-100 justify-content-end align-items-center mt-5"
      >
        <div class="swiper-button-prev swiper-news-card-prev position-relative bg-opacity-60 bg-light me-4">
          <i
            class="material-symbols-outlined text-dark-100"
            data-location-type="body:news-cards"
            data-function-type="other"
            data-format-type="icon-block"
            data-page-componentType-type="news-cards component"
            onclick="LinkTrackingClickEvent(this,'view_content_click')"
          >
            arrow_back
          </i>
        </div>

        <div
          class="swiper-pagination news-cards__pagination news-home-pagination position-relative px-4 rounded-14"
          data-location-type="body:news-cards"
          data-function-type="other"
          data-format-type="icon-block"
          data-page-componentType-type="news-cards component"
        ></div>

        <div class="swiper-button-next swiper-news-card-next position-relative bg-opacity-60 bg-light ms-4">
          <i
            class="material-symbols-outlined text-dark-100"
            data-location-type="body:news-cards"
            data-function-type="other"
            data-format-type="icon-block"
            data-page-componentType-type="news-cards component"
            onclick="LinkTrackingClickEvent(this,'view_content_click')"
          >
            arrow_forward
          </i>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
const newsSwiperHome = new Swiper('.news-cards-swiper', {
  slidesPerView: 1,
  spaceBetween: 16,
  loop: false,
  pagination: {
    type: 'custom',
    el: '.news-home-pagination',
    renderCustom: function (swiper, current, total) {
      const maxVisible = 5;
      let pages = [];

      if (total <= maxVisible) {
        for (let i = 1; i <= total; i++) {
          pages.push(i);
        }
      } else {
        if (current <= 2) {
          pages = [1, 2, 3, '...', total];
        } else if (current >= total - 1) {
          pages = [1, '...', total - 2, total - 1, total];
        } else {
          pages = [1, '...', current - 1, current, current + 1, '...', total];
        }
      }

      // Return the rendered custom pagination HTML
      return pages
        .map((num) =>
          num === current
            ? `<span role="button" class="swiper-pagination-bullet-active swiper-pagination-bullet" data-index="${num}">${num}</span>`
            : typeof num === 'number'
            ? `<span role="button" class="swiper-pagination-bullet" data-index="${num}">${num}</span>`
            : `<span class="ellipsis swiper-pagination-bullet">${num}</span>`
        )
        .join(' ');
    }
  },
  navigation: {
    nextEl: '.swiper-news-card-next',
    prevEl: '.swiper-news-card-prev'
  },
  breakpoints: {
    1024: { slidesPerView: 3 },
    768: { slidesPerView: 3 },
    576: { slidesPerView: 1 },
    320: { slidesPerView: 1 }
  },
  on: {
    paginationRender: function () {
      setTimeout(bindCustomPaginationClicks, 0);
    },
    slideChange: function () {
      setTimeout(bindCustomPaginationClicks, 0);
    }
  }
});

// Function to handle bullet clicks
function bindCustomPaginationClicks() {
  const bullets = document.querySelectorAll('.news-home-pagination .swiper-pagination-bullet[data-index]');
  bullets.forEach((bullet) => {
    bullet.addEventListener('click', () => {
      const index = parseInt(bullet.getAttribute('data-index'), 10);
      if (!isNaN(index)) {
        newsSwiperHome.slideTo(index - 1); // Swiper uses 0-based indexing
      }
    });
  });
}


  function resolveImages() {
    let defaultImages = [];
    // populate default images
    
      defaultImages.push("https://8hxvw8tw.media.zestyio.com/SAL_EmptyStates_SAL_Insert_1400x502_DarkBlue.jpg");
    
    return defaultImages[Math.floor(Math.random() * defaultImages.length)];
  }

  async function getStories(params) {
    try {
      const locationModel = getCookieByName('location_model');
      const locationZuid = getCookieByName('location_zuid');
      const response = await fetch(`https://salvationarmyusa.org/stories.json?model=${locationModel}&location=${locationZuid}&limit=0&show=15&most-recent=1`);
      const stories = await response.json();
      return {stories: stories.data, modelJumpedName: stories.modelJumpedName};
    } catch (error) {
      console.error('Error in getStories:', error);
    }
  }

  async function getServiceTypes(zuid) {
    try {
      const response = await fetch(`https://salvationarmyusa.org/service-types.json?zuid=${zuid}`);
      const serviceType = await response.json();
      const innerHTML = `
        <div class="d-flex align-items-center badge bg-white text-danger rounded-5 position-absolute top-3 start-3 px-4 py-2 z-3">
          <i class="material-symbols-outlined me-2 text-primary-200 display-4">${serviceType[0].icon_name}</i>
          <span class="text-dark-100 display-4 fw-normal">${serviceType[0].title}</span>
        </div>
      `;
      return innerHTML;
    } catch (error) {
      console.error('Error in getServiceTypes:', error);
    }
  }

  async function buildCardSlider() {
    try {
      const {stories, modelJumpedName} = await getStories();
      const newsContainer = document.querySelector('#news-cards');
      if (stories && stories.length > 0) {
        newsContainer.classList.remove('d-none');
        const swiperWrapper = document.querySelector('#news-cards .swiper-wrapper');

        const processedStories = await Promise.all(stories.map(async (story) => {
          const serviceTypes = story.related_service ? await getServiceTypes(story.related_service.meta.zuid) : '';
          let storyImage = story.image ? story.image : resolveImages();
          let imageClass = "";
          const regex = /media\.zestyio/;
          if(!regex.test(storyImage)) {
            imageClass = "object-fit-cover";
          }
          storyImage += window.innerWidth <= 768
            ? "?width=396&height=222&crop=16:9,smart&quality=100"
            : "?width=338&height=190&crop=16:9,smart&quality=100";

          return `
            <div class="swiper-slide h-auto rounded-5">
              <div class="card h-100 w-100 rounded-5 overflow-hidden">
                <div class="card-img-top card-img-top__large bg-secondary bg-opacity-25 position-relative overflow-hidden">
                  ${serviceTypes}
                  <div class="position-absolute bottom-4 start-0 d-flex align-items-center justify-content-between w-100 px-6 text-light display-4 z-3">
                    <span class="d-block">${dateFormatter(story.date)}</span>
                    ${story.author ? `<span>By ${story.author}</span>` : ''}
                  </div>
                  <div class="ratio ratio-16x9 h-100">
                    <img class="img-fluid ${imageClass}" src="${storyImage}" alt="${story.image ? story.image : 'Stories Image'}" />
                  </div>
                </div>
                <div class="card-body-wrapper">
                  <div class="card-body px-6 pt-6">
                    <h5 class="card-title display-2 text-start text-dark-100 fw-normal">${story.title}</h5>
                    <div class="card-text text-dark display-3 text-start">
                      ${story.seo_meta_description}
                    </div>
                  </div>
                  <div class="card-footer bg-transparent border-0 px-6 pb-6">
                    <a
                      href="${story.url}"
                      class="btn btn-secondary text-white w-100 d-flex align-items-center justify-content-center"
                      data-location-type="body:news-section"
                      data-function-type="navigation"
                      data-format-type="button"
                      data-link-type="internal"
                      onclick="LinkTrackingClickEvent(this,'cta_click')"
                    >
                      Read Article <span class="material-symbols-outlined">arrow_outward</span>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          `;
        }));

        swiperWrapper.innerHTML = processedStories.join('');
        const newsHeaderTitle = document.getElementById("news-header");

        if(modelJumpedName){
          newsHeaderTitle.textContent = `News from ${modelJumpedName}`
        }

      } else {
        console.warn('No stories found or stories data is undefined');
        newsContainer.classList.add('d-none');
      }
    } catch (error) {
      console.error('Error in buildCardSlider:', error);
    }
  }
function updateSwiperBulletsAttribute() {
   // Find all SwiperJS pagination bullet elements
  const paginationBullets = document.querySelectorAll('.swiper-pagination-bullet');
  
  // Optional: Handle dynamically added pagination bullets (e.g., after Swiper initialization)
  const observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
      if (mutation.addedNodes.length) {
        const newBullets = document.querySelectorAll('.news-cards-swiper__nav .swiper-pagination-bullet:not([data-location-type])');
        
        newBullets.forEach((bullet, index) => {
          // Find the true index by counting preceding bullets
          const allBullets = document.querySelectorAll('.swiper-pagination-bullet');
          const trueIndex = Array.from(allBullets).indexOf(bullet);
          
          bullet.setAttribute('data-location-type', 'body:news');
          bullet.setAttribute('data-function-type', 'other');
          bullet.setAttribute('data-format-type', 'icon-block');
          bullet.setAttribute('data-page-componentType-type', 'news component');
          bullet.setAttribute('data-page-componentHeading-type', 'null');
          bullet.setAttribute('data-page-componentSubheading-type', 'null');
          bullet.setAttribute('data-page-componentIndex-type', `${trueIndex !== -1 ? trueIndex : index}`);
          bullet.setAttribute('onclick', "LinkTrackingClickEvent(this,'view_content_click')");
        });
        
        if (newBullets.length > 0) {
          console.log(`Analytics attributes added to ${newBullets.length} new SwiperJS pagination bullets`);
        }
      }
    });
  });
  
  // Start observing the document body for added pagination bullets
  observer.observe(document.body, { childList: true, subtree: true });
}

function updateViewNewsroomButton() {
  const locationHomeURL = getCookieByName('location_home_url');
  const viewNewsroomBtn = document.querySelector('#news-card-view-newsroom');

  viewNewsroomBtn.setAttribute('href', `${locationHomeURL}stories`);
}
document.addEventListener('DOMContentLoaded', function() {
  buildCardSlider();
  updateSwiperBulletsAttribute();
  updateViewNewsroomButton();
});
  
</script>
 

  

 
      </div>
    </div>
  </main>
</div>
<div class="px-4 px-md-8 px-lg-0 container-lg container-fluid main-container mt-15">
  
<footer
  class="bg-light-gray py-5"
  data-component-type="footer"
  id="footer"
>
  <div class="p-0">
    <div
      class="contact-us align-items-center position-relative rounded-5 overflow-hidden mb-3"
    >
      <div class="placeholder-glow contact-us-image-placeholder">
      <span class="placeholder col-12" style="height: 440px;"></span>
    </div>
    <div class="ratio ratio-16x9"> 

      <img
      class="img-fluid contact-us-footer-image object-fit-cover"
      src="https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg"
      alt="The Salvation Army"
      style="object-fit: cover; object-position:center;"
      />
    </div>
      <div
        class="position-absolute top-0 left-0 w-100 h-100 d-flex flex-column justify-content-between z-3 p-6 p-lg-8 hide-special-prop-type"
      >
        <div class="col-auto">
          <img
            src="https://8hxvw8tw.media.zestyio.com/shield-1.svg"
            alt="The Salvation Army"
            class="salvation-army-logo"
          />
        </div>
        <div class="col-auto d-flex align-items-center justify-content-between">
          <h1 class="fs-1 fs-sm-5 text-light text-white mb-0 contact-us-title">
            Connect with us
          </h1>
          <div class="contact-us__cta d-flex align-items-center p-4 rounded-4">
            <span class="me-4 d-none d-lg-block contact-us-cta-header">Having Issues?</span>
            <a
              class="btn btn-primary text-light footer-contact-us"
              data-location-type="nav-foot"
              data-function-type="contact"
              data-format-type="button"
              data-link-type="internal"
              href="#"
              onclick="LinkTrackingClickEvent(this,'contact_click')"
            >
              Contact Us
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="mb-3 row gx-3">
        <div class="col-lg-5 mb-3 mb-lg-0">
          <div
            class="h-100 bg-white rounded-4 py-6 px-8 d-flex align-items-center"
          >
            <div class="col-sm-6 col-md-8">
              <h5 class="fw-normal mb-0 fs-sm-7 fs-lg-6 text-dark-100">Sign Up For Our Newsletter</h5>
            </div>
            <div class="col-sm-6 col-md-4">
                <a
                  class="btn btn-secondary text-white rounded-3 w-100"
                  id="newsletterModalBtn"
                  data-bs-toggle="modal" data-bs-target="#newsletterModal"
                  data-location-type="body:newsletter"
                  data-function-type="email subscriber"
                  data-format-type="button"
                  data-link-type="external"
                  onclick="LinkTrackingClickEvent(this,'cta_click')"
                >
                  Sign Up
                </a>
              </div>
          </div>
        </div>
        <div class="col-lg-7" >
          <div
            class="h-100 bg-primary-200 text-white py-5 px-8 rounded-4"
          >
            <h5 class="fw-normal fs-6 mb-3">Our Mission</h5>
            <p class="mb-0 small">The Salvation Army, an international movement, is an evangelical part of the universal Christian Church. Its message is based on the Bible. Its ministry is motivated by the love of God. Its mission is to preach the gospel of Jesus Christ and to meet human needs in His name without discrimination.</p>
          </div>
        </div>
      
    </div>

    <div class="mb-3 hide-special-prop-type">
      <nav
        class="d-none d-md-flex nav nav-pills justify-content-evenly mb-3 bg-white rounded-4 py-6 px-8 footer-nav-pill"
      >
        <a
          class="nav-link fs-7 home-footer-link"
          href="/"
          data-page-componentType-type="footer component"
          data-page-componentHeading-type="Home"
          data-page-componentSubheading-type="null"
          data-page-componentIndex-type="null"
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="internal"
          data-slug="home"
          onclick="LinkTrackingClickEvent(this,'view_content_click')"
          >Home</a
        >
        <a
          class="nav-link fs-7 wtg-footer-link"
          href="#"
          data-page-componentType-type="footer component"
          data-page-componentHeading-type="Ways To Give"
          data-page-componentSubheading-type="null"
          data-page-componentIndex-type="null"
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="internal"
          data-slug="ways-to-give"
          onclick="LinkTrackingClickEvent(this,'view_content_click')"
          >Ways To Give</a
        >
        <a
          class="nav-link fs-7 about-us-footer-link"
          href="#"
          data-page-componentType-type="footer component"
          data-page-componentHeading-type="About Us"
          data-page-componentSubheading-type="null"
          data-page-componentIndex-type="null"
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="internal"
          data-slug="about-us"
          onclick="LinkTrackingClickEvent(this,'view_content_click')"
          >About Us</a
        >
        <a
          class="nav-link fs-7 employment-footer-link"
          href="#"
          data-page-componentType-type="footer component"
          data-page-componentHeading-type="Employment Opportunities"
          data-page-componentSubheading-type="null"
          data-page-componentIndex-type="null"
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="internal"
          data-slug="employment-opportunities"
          onclick="LinkTrackingClickEvent(this,'view_content_click')"
          >Employment Opportunities</a
        >
        <a
          class="nav-link fs-7 d-none"
          href="#"
          data-page-componentType-type="footer component"
          data-page-componentHeading-type="Services"
          data-page-componentSubheading-type="null"
          data-page-componentIndex-type="null"
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="internal"
          data-slug="services"
          onclick="LinkTrackingClickEvent(this,'view_content_click')"
          >Services</a
        >
        <a
          class="nav-link fs-7 volunteer-footer-link"
          href="#"
          data-page-componentType-type="footer component"
          data-page-componentHeading-type="Volunteer"
          data-page-componentSubheading-type="null"
          data-page-componentIndex-type="null"
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="internal"
          data-slug="volunteer"
          onclick="LinkTrackingClickEvent(this,'view_content_click')"
          >Volunteer</a
        >
        <a
          class="nav-link fs-7 d-none"
          href="#"
          data-page-componentType-type="footer component"
          data-page-componentHeading-type="Accessibility"
          data-page-componentSubheading-type="null"
          data-page-componentIndex-type="null"
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="internal"
          data-slug="accessibility"
          onclick="LinkTrackingClickEvent(this,'view_content_click')"
          >Accessibility</a
        >
      </nav>
      <div
        id="mobileAccordion"
        class="accordion"
      >
        <div class="accordion-item rounded-4">
          <h2 class="accordion-header">
            <button
              class="accordion-button collapsed bg-light text-dark-100 rounded-4 d-inline-flex align-items-center justify-content-between"
              type="button"
              data-bs-toggle="collapse"
              data-bs-target="#collapseMenu"
              aria-expanded="false"
              aria-controls="collapseMenu"
              data-location-type="nav-foot"
              data-function-type="other"
              data-format-type="dropdown"
              data-link-type="internal"
              data-page-componentHeading-type="View Pages"
              data-page-componentSubheading-type="null"
              data-page-componentType-type="accordion component"
              data-page-componentIndex-type="1"
              onclick="LinkTrackingClickEvent(this,'view_content_click')"
            >
              <span class="fs-7 text-dark-50">View Pages</span>
            </button>
          </h2>
          <div
            id="collapseMenu"
            class="accordion-collapse collapse"
          >
            <div class="accordion-body">
              <div class="d-flex flex-column footer-nav-pill">
                <a
                  class="nav-link mb-2 home-footer-link"
                  data-page-componentType-type="footer component"
                  data-page-componentHeading-type="Home"
                  data-page-componentSubheading-type="null"
                  data-page-componentIndex-type="null"
                  data-location-type="nav-foot"
                  data-function-type="navigation"
                  data-format-type="text"
                  data-link-type="internal"
                  data-slug="home"
                  onclick="LinkTrackingClickEvent(this,'view_content_click')"
                  href="/"
                  >Home</a
                >
                <a
                  class="nav-link mb-2 wtg-footer-link"
                  data-page-componentType-type="footer component"
                  data-page-componentHeading-type="Ways To Give"
                  data-page-componentSubheading-type="null"
                  data-page-componentIndex-type="null"
                  data-location-type="nav-foot"
                  data-function-type="navigation"
                  data-format-type="text"
                  data-link-type="internal"
                  data-slug="ways-to-give"
                  onclick="LinkTrackingClickEvent(this,'view_content_click')"
                  href="#"
                  >Ways To Give</a
                >
                <a
                  class="nav-link mb-2 about-us-footer-link"
                  data-page-componentType-type="footer component"
                  data-page-componentHeading-type="About Us"
                  data-page-componentSubheading-type="null"
                  data-page-componentIndex-type="null"
                  data-location-type="nav-foot"
                  data-function-type="navigation"
                  data-format-type="text"
                  data-link-type="internal"
                  data-slug="about-us"
                  onclick="LinkTrackingClickEvent(this,'view_content_click')"
                  href="#"
                  >About Us</a
                >
                <a
                  class="nav-link mb-2 employment-footer-link"
                  data-page-componentType-type="footer component"
                  data-page-componentHeading-type="Employment Opportunities"
                  data-page-componentSubheading-type="null"
                  data-page-componentIndex-type="null"
                  data-location-type="nav-foot"
                  data-function-type="navigation"
                  data-format-type="text"
                  data-link-type="internal"
                  data-slug="employment-opportunities"
                  onclick="LinkTrackingClickEvent(this,'view_content_click')"
                  href="#"
                  >Employment Opportunities</a
                >
                <a
                  class="nav-link mb-2 d-none"
                  data-page-componentType-type="footer component"
                  data-page-componentHeading-type="Services"
                  data-page-componentSubheading-type="null"
                  data-page-componentIndex-type="null"
                  data-location-type="nav-foot"
                  data-function-type="navigation"
                  data-format-type="text"
                  data-link-type="internal"
                  data-slug="services"
                  onclick="LinkTrackingClickEvent(this,'view_content_click')"
                  href="#"
                  >Services</a
                >
                <a
                  class="nav-link mb-2 volunteer-footer-link"
                  data-page-componentType-type="footer component"
                  data-page-componentHeading-type="Volunteer"
                  data-page-componentSubheading-type="null"
                  data-page-componentIndex-type="null"
                  data-location-type="nav-foot"
                  data-function-type="navigation"
                  data-format-type="text"
                  data-link-type="internal"
                  data-slug="volunteer"
                  onclick="LinkTrackingClickEvent(this,'view_content_click')"
                  href="#"
                  >Volunteer</a
                >
                <a
                  class="nav-link d-none"
                  data-page-componentType-type="footer component"
                  data-page-componentHeading-type="Accessibility"
                  data-page-componentSubheading-type="null"
                  data-page-componentIndex-type="null"
                  data-location-type="nav-foot"
                  data-function-type="navigation"
                  data-format-type="text"
                  data-link-type="internal"
                  data-slug="accessibility"
                  onclick="LinkTrackingClickEvent(this,'view_content_click')"
                  href="#"
                  >Accessibility</a
                >
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="d-lg-flex d-sm-none flex-sm-column flex-lg-row justify-content-between align-items-center bg-white rounded-4 px-8 py-6 mb-3"
    >
      <div class="d-flex justify-content-center">
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          data-link-text="Facebook"
          onclick="LinkTrackingClickEvent(this,'social_share')"
          href="https://www.facebook.com/SalvationArmyUSA"
          target="_blank"
          class="facebook-link social-icon me-11 fs-5 text-dark-50"
          ><i class="bi bi-facebook"></i
        ></a>
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          data-link-text="X/Twiiter"
          onclick="LinkTrackingClickEvent(this,'social_share')"
          href="https://www.twitter.com/SalvationArmyUS"
          target="_blank"
          class="twitter-link social-icon fs-5 me-11 text-dark-50"
          ><i class="bi bi-twitter-x"></i
        ></a>
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          data-link-text="Linkedin"
          onclick="LinkTrackingClickEvent(this,'social_share')"
          href="https://www.linkedin.com/company/salvationarmyus"
          target="_blank"
          class="linkedin-link social-icon fs-5 me-11 text-dark-50"
          ><i class="bi bi-linkedin"></i
        ></a>
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          data-link-text="Youtube"
          onclick="LinkTrackingClickEvent(this,'social_share')"
          href="https://www.youtube.com/SalvationArmyUSA"
          target="_blank"
          class="youtube-link social-icon fs-5 me-11 text-dark-50"
          ><i class="bi bi-youtube"></i
        ></a>
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          data-link-text="Instagram"
          onclick="LinkTrackingClickEvent(this,'social_share')"
          href="https://www.instagram.com/salvationarmyus/"
          target="_blank"
          class="instagram-link social-icon fs-5 me-11 text-dark-50"
          ><i class="bi bi-instagram"></i
        ></a>
      </div>

      <div class="text-center footer-text small flex-grow-1">
        <p class="mb-0 footer__address"></p>
        <p class="mb-0">
          <a
            class="text-decoration-none text-dark-100"
            href="/privacy-policy/"
            >Privacy Policy</a
          >
          | © The Salvation Army National Headquarters
        </p>
      </div>

      <div class="d-flex justify-content-center align-items-center">
        <a
          class="ecfa"
          href="https://www.ecfa.org/MemberProfile.aspx?ID=9377"
          target="_blank"
        >
          <img
            src="https://mgfrnv8q.media.zestyio.com/image-3.png"
            alt="ECFA Accredited"
            class="me-3 ecfa-image"
            style="height: 40px"
          />
        </a>
        <a
          class="candid"
          href="https://www.guidestar.org/profile/22-2406433"
          target="_blank"
        >
          <img
            src="https://mgfrnv8q.media.zestyio.com/image-4.png"
            alt="GuideStar Platinum"
            class="me-3 candid-image"
            style="height: 40px"
          />
        </a>
        <a
          class="bbb"
          href="https://www.give.org/charity-reviews/national/religious/salvation-army-national-corporation-in-alexandria-va-1221"
          target="_blank"
        >
          <img
            src="https://mgfrnv8q.media.zestyio.com/image-5.png"
            class="bbb-image"
            alt="Better Business Bureau Accredited Charity"
            style="height: 40px"
          />
        </a>
      </div>
    </div>

    <div class="mb-3">
      <div
        class="d-sm-none d-md-flex flex-wrap align-items-center justify-content-between bg-white rounded-4 py-6 px-8 affiliate-links"
      >
        <h6 class="fs-7 fw-normal mb-0">Affiliate Links</h6>
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="external"
          onclick="LinkTrackingClickEvent(this,'footer_click')"
          href="https://www.salvationarmyusa.org/usn/"
          target="_blank"
          class="me-4 text-decoration-none text-primary-200 fs-7"
          >Salvation Army USA</a
        >
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="external"
          onclick="LinkTrackingClickEvent(this,'footer_click')"
          href="https://satruck.org/"
          target="_blank"
          class="me-4 text-decoration-none text-dark-50 fs-7 d-flex align-items-center"
          >Thrift and Donate Goods <i class="material-icons ms-2 text-dark-100">arrow_outward</i></a
        >
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="external"
          onclick="LinkTrackingClickEvent(this,'footer_click')"
          href="https://sawso.org/"
          target="_blank"
          class="me-4 text-decoration-none text-dark-50 fs-7 d-flex align-items-center"
          >World Service Office <i class="material-icons ms-2 text-dark-100">arrow_outward</i></a
        >
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="external"
          onclick="LinkTrackingClickEvent(this,'footer_click')"
          href="https://salarmyeds.org/"
          target="_blank"
          class="me-4 text-decoration-none text-dark-50 fs-7 d-flex align-items-center"
          >Emergency Disaster Services
          <i class="material-icons ms-2 text-dark-100">arrow_outward</i></a
        >
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="text"
          data-link-type="external"
          onclick="LinkTrackingClickEvent(this,'footer_click')"
          href="https://kroccenter.org/"
          target="_blank"
          class="text-decoration-none text-dark-50 fs-7 d-flex align-items-center"
          >Kroc Centers <i class="material-icons ms-2 text-dark-100">arrow_outward</i></a
        >
      </div>
      <div
        id="mobileAccordion2"
        class="accordion"
      >
        <div class="accordion-item rounded-5">
          <h2 class="accordion-header">
            <button
              class="accordion-button collapsed bg-light text-dark-100 rounded-4 d-inline-flex align-items-center justify-content-between"
              type="button"
              data-bs-toggle="collapse"
              data-bs-target="#collapseMenu2"
              aria-expanded="false"
              aria-controls="collapseMenu"
              data-location-type="nav-foot"
              data-function-type="navigation"
              data-format-type="dropdown"
              data-link-type="internal"
              onclick="LinkTrackingClickEvent(this,'footer_click')"
            >
              <span class="fs-7 text-dark-50">Affiliate Sites</span>
            </button>
          </h2>
          <div
            id="collapseMenu2"
            class="accordion-collapse collapse"
          >
            <div class="accordion-body">
              <div class="d-flex flex-column">
                <a
                  data-location-type="nav-foot"
                  data-function-type="navigation"
                  data-format-type="text"
                  data-link-type="external"
                  onclick="LinkTrackingClickEvent(this,'footer_click')"
                  href=""
                  class="me-4 text-decoration-none text-dark-50 fs-7"
                  >Salvation Army USA </a
                >
                <a
                  data-location-type="nav-foot"
                  data-function-type="navigation"
                  data-format-type="text"
                  data-link-type="external"
                  onclick="LinkTrackingClickEvent(this,'footer_click')"
                  href="https://satruck.org/"
                  class="me-4 text-decoration-none text-dark-50 fs-7 d-flex align-items-center"
                  >Thrift and Donate Goods <i class="material-icons ms-2 text-dark-100">arrow_outward</i></a
                >
                <a
                  data-location-type="nav-foot"
                  data-function-type="navigation"
                  data-format-type="text"
                  data-link-type="external"
                  onclick="LinkTrackingClickEvent(this,'footer_click')"
                  href="https://sawso.org/"
                  class="me-4 text-decoration-none text-dark-50 fs-7 d-flex align-items-center"
                  >World Service Office <i class="material-icons ms-2 text-dark-100">arrow_outward</i></a
                >

                <a
                  data-location-type="nav-foot"
                  data-function-type="navigation"
                  data-format-type="text"
                  data-link-type="external"
                  onclick="LinkTrackingClickEvent(this,'footer_click')"
                  href="https://salarmyeds.org/"
                  class="me-4 text-decoration-none text-dark-50 fs-7 d-flex align-items-center"
                  >Emergency Disaster Services
                  <i class="material-icons ms-2 text-dark-100">arrow_outward</i></a
                >
                <a
                  data-location-type="nav-foot"
                  data-function-type="navigation"
                  data-format-type="text"
                  data-link-type="external"
                  onclick="LinkTrackingClickEvent(this,'footer_click')"
                  href="https://kroccenter.org/"
                  class="text-decoration-none text-dark-50 fs-7 d-flex align-items-center"
                  >Kroc Centers <i class="material-icons ms-2 text-dark-100">arrow_outward</i></a
                >
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="bg-light d-lg-none d-sm-block px-8 py-3 rounded-4 mb-3">
      <div class="d-flex justify-content-between align-items-center">
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          data-link-text="Facebook"
          onclick="LinkTrackingClickEvent(this,'social_share')"
          href="https://www.facebook.com/SalvationArmyUSA"
          target="_blank"
          class="facebook-link social-icon fs-5 text-dark-50"
          ><i class="bi bi-facebook"></i
        ></a>
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          data-link-text="X/Twitter"
          onclick="LinkTrackingClickEvent(this,'social_share')"
          href="https://www.twitter.com/SalvationArmyUS"
          target="_blank"
          class="twitter-link social-icon fs-5 text-dark-50"
          ><i class="bi bi-twitter-x"></i
        ></a>
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          data-link-text="Linkedin"
          onclick="LinkTrackingClickEvent(this,'social_share')"
          href="https://www.linkedin.com/company/salvationarmyus"
          target="_blank"
          class="linkedin-link social-icon fs-5 text-dark-50"
          ><i class="bi bi-linkedin"></i
        ></a>
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          data-link-text="Youtube"
          onclick="LinkTrackingClickEvent(this,'social_share')"
          href="https://www.youtube.com/SalvationArmyUSA"
          target="_blank"
          class="youtube-link social-icon fs-5 text-dark-50"
          ><i class="bi bi-youtube"></i
        ></a>
        <a
          data-location-type="nav-foot"
          data-function-type="navigation"
          data-format-type="icon-block"
          data-link-type="external"
          data-link-text="Instagram"
          onclick="LinkTrackingClickEvent(this,'social_share')"
          href="https://www.instagram.com/salvationarmyus/"
          target="_blank"
          class="instagram-link social-icon fs-5 text-dark-50"
          ><i class="bi bi-instagram"></i
        ></a>
      </div>
    </div>

    <div
      class="d-sm-flex d-lg-none flex-row justify-content-between align-items-center bg-white rounded-5 px-4 py-5 mb-3"
    >
      <div
        class="footer-text small w-100"
        style="font-size: 12px"
      >
        <p class="mb-0 d-inline footer__address"></p>
        <p class="mb-0 d-inline"><a     class="text-decoration-none text-dark-100" href="/privacy-policy/">Privacy Policy</a> | © The Salvation Army National Headquarters</p>
      </div>

      <div class="d-flex justify-content-center align-items-center w-100">
        <a
          class="ecfa"
          href="https://www.ecfa.org/MemberProfile.aspx?ID=9377"
          target="_blank"
        >
          <img
            src="https://mgfrnv8q.media.zestyio.com/image-3.png"
            alt="ECFA Accredited"
            class="me-3 ecfa-image"
            style="height: 40px"
          />
        </a>
        <a
          class="candid"
          href="https://www.guidestar.org/profile/22-2406433"
          target="_blank"
        >
          <img
            src="https://mgfrnv8q.media.zestyio.com/image-4.png"
            alt="GuideStar Platinum"
            class="me-3 candid-image"
            style="height: 40px"
          />
        </a>
        <a
        class="bbb"
        href="https://www.give.org/charity-reviews/national/religious/salvation-army-national-corporation-in-alexandria-va-1221"
        target="_blank"
      >
        <img
          src="https://mgfrnv8q.media.zestyio.com/image-5.png"
          class="bbb-image"
          alt="Better Business Bureau Accredited Charity"
          style="height: 30px"
        />
      </a>
      </div>
    </div>
  </div>
    <div
  class="modal fade"
  id="newsletterModal"
  tabindex="-1"
  aria-labelledby="newsletterModalLabel"
  aria-hidden="true"
  data-bs-backdrop="static"
  data-bs-keyboard="false"
>
  <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-md modal-fullscreen-lg-down">
    <div class="modal-content bg-light rounded-lg-5 overflow-y-auto">
      <!-- Close Button -->
      <button
        type="button"
        class="btn-close position-absolute end-0 m-3 newsletter-modal-close-button z-2"
        data-bs-dismiss="modal"
        aria-label="Close"
      ></button>

      <!-- <div class="modal-title text-center p-6 fs-5">
        <h2 class="fs-5 text-center m-0">
        Newsletter Form
        </h2>
      </div> -->
      <!-- Modal Body -->
      <div
        class="modal-body p-4 d-flex align-items-start justify-content-center"
        id="newsletter-container"
      >
        <div id='tsa-newsletter'></div>
        <div
          id="newsletter-loader"
          class="spinner-border"
          role="status"
        ></div>

        <script>
          // Show loading initially
          document.getElementById('newsletter-loader').style.display = 'block';
          document.getElementById('tsa-newsletter').style.display = 'none';

          // Function to check if form is rendered
          function checkFormReady() {
              const container = document.getElementById('tsa-newsletter');
              if (container.children.length > 0) {
                  document.getElementById('newsletter-loader').style.display = 'none';
                  document.getElementById('tsa-newsletter').style.display = 'block';
                  return true;
              }
              return false;
          }

          // Load the script dynamically to have better control
          const script = document.createElement('script');
          script.src = 'https://cdn.jsdelivr.net/npm/@feathery/react@latest/umd/index.js';
          script.onload = function() {
              Feathery.init('b97e273c-baaf-4174-ad15-2f285f6686c8');
              const loginEnabled = false;
              Feathery.renderAt('tsa-newsletter', { formId: 'CdNLvi' }, loginEnabled);
              
              const checkInterval = setInterval(() => {
                  if (checkFormReady()) {
                      clearInterval(checkInterval);
                  }
              }, 100);
              
              setTimeout(() => {
                  clearInterval(checkInterval);
                  document.getElementById('newsletter-loader').style.display = 'none';
                  document.getElementById('tsa-newsletter').style.display = 'block';
              }, 10000);
          };

          script.onerror = function() {
              document.getElementById('newsletter-loader').innerHTML = 'Error loading form';
          };

          document.head.appendChild(script);
        </script>
      </div>
    </div>
  </div>
</div> 

 
</footer>

<script>
  const affiliateLinks = document.querySelectorAll('.affiliate-links a');

  function resetAffiliateLinks() {
    affiliateLinks.forEach((link) => {
      link.classList.add('text-dark-50');
      link.classList.remove('text-primary-200');
    });
  }

  affiliateLinks.forEach((link) => {
    link.addEventListener('click', () => {
      resetAffiliateLinks();
      link.classList.remove('text-dark-50');
      link.classList.add('text-primary-200');
    });
  });

  const signUpForm = document.querySelector('.sign-up-form');
  const footer = document.querySelector('footer');
  function signUpFormOnSubmit(event) {
    event.preventDefault();
    const formData = new FormData(signUpForm);

    utag.link({
      event: 'form_interaction',
      form_formName: 'sign up',
      form_id: signUpForm.id,
      form_section: 'footer module',
      form_component: 'sign up'
    });
  }

  if(signUpForm)
  signUpForm.addEventListener('submit', signUpFormOnSubmit);


</script>

<script>
    const locationNameCookieFooter = getCookieByName('location_name');
  const footerHomes = document.querySelectorAll('.home-footer-link');
  const footerContactUs = document.querySelector('.footer-contact-us');
  const footerAboutUsButtons = document.querySelectorAll('.about-us-footer-link');
  const footerEmploymentButtons = document.querySelectorAll('.employment-footer-link');
  const footerVolunteerButtons = document.querySelectorAll('.volunteer-footer-link');
  const waysToGiveButtons = document.querySelectorAll('.wtg-footer-link');


  if (locationNameCookieFooter == 'NATIONAL' || !locationNameCookieFooter) {
    
    footerContactUs.setAttribute('href', '/contact-us');
    
    footerAboutUsButtons.forEach((footerAboutUs) => {
      footerAboutUs.setAttribute('href', '/about-us');
    });
  } else {
    footerContactUs.setAttribute('href', getCookieByName('location_home_url') + 'contact-us');
    footerAboutUsButtons.forEach((footerAboutUs) => {
      footerAboutUs.setAttribute('href', getCookieByName('location_home_url') + 'about-us');
    });
  }

  footerEmploymentButtons.forEach((employmentLink) => {
    employmentLink.setAttribute('href', getCookieByName('employment_url'));
  });
  footerVolunteerButtons.forEach((volunteerLink) => {
    volunteerLink.setAttribute('href', getCookieByName('volunteer_url'));
  });
  
  waysToGiveButtons.forEach((waysToGiveLink) => {
    waysToGiveLink.setAttribute('href', getCookieByName('wtg_url'));
  });

  footerHomes.forEach((footerHome) => {  
    footerHome.setAttribute('href', getCookieByName("location_home_url"));
  });

  const urlPathArray = window.location.href.split('/');
</script>



<script>
   async function checkUrl(url) {
    try {
      const response = await fetch(url, { method: 'HEAD' }); // Only get headers
      if (response.ok) {
        return true;
      } else {
        return false;
      }
    } catch (error) {
      return false;
    }
  }

async function getCurrentPageModel() {
  try {
    const locationZuid = cookieManager?.get?.(cookieKeys.locationZUID);
    if (!locationZuid) return null;

    const result = await fetch(`https://salvationarmyusa.org/model-info.json?zuid=${locationZuid}`);
    if (!result.ok) return null;

    const page = await result.json();
    return page;
  } catch (err) {
    console.error('Error:', err);
    return null;
  }
}

async function getModelByID(id) {
  try {
    if (!id) return null;
    const result = await fetch(`https://salvationarmyusa.org/model-info.json?zuid=${id}`);
    if (!result.ok) return null;
    const page = await result.json();

    return page;
  } catch (err) {
    console.error('Error:', err);
    return null;
  }
}

function getValidURL(models, key) {
  // Check if models is an array
  if (!Array.isArray(models)) {
    throw new TypeError('Expected models to be an array.');
  }

  // Iterate through the models safely
  for (const model of models) {
    // Check if the model exists and has the key
    if (model && key in model && model[key]) {
      return model[key];
    }
  }

  return null;
}
function updateURL(identifier, url) {
  const elements = document.querySelectorAll(`.${identifier}`);
  elements?.forEach((element) => {
    element.setAttribute('href', url);
  });
}

function setFooterSocialLinksLoading(isLoading) {
  if (!footer) return;

  const socialLinks = footer.querySelectorAll(
    '.facebook-link, .twitter-link, .linkedin-link, .youtube-link, .instagram-link, .bbb, .ecfa, .candid'
  );

  socialLinks.forEach((link) => {
    if (isLoading) {
      if (link.dataset.loadingState === 'true') return;

      link.dataset.loadingState = 'true';
      if (!link.dataset.originalHtml) {
        link.dataset.originalHtml = link.innerHTML;
      }

      link.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>';
      link.setAttribute('aria-busy', 'true');
      link.setAttribute('aria-disabled', 'true');
      link.setAttribute('tabindex', '-1');
      link.classList.add('disabled');
    } else {
      if (link.dataset.loadingState !== 'true') return;

      link.dataset.loadingState = 'false';
      if (link.dataset.originalHtml) {
        link.innerHTML = link.dataset.originalHtml;
      }

      link.removeAttribute('aria-busy');
      link.removeAttribute('aria-disabled');
      link.removeAttribute('tabindex');
      link.classList.remove('disabled');
    }
  });
}

async function updateSocialLinkURL() {
  setFooterSocialLinksLoading(true);
  const pageModel = await getCurrentPageModel();
  if (!pageModel) {
    setFooterSocialLinksLoading(false);
    return;
  }

  const divisionId = pageModel?.division?.data?.[0]?.meta?.zuid;
  const territoryId = pageModel?.territory?.data?.[0]?.meta?.zuid;
  const models = [
    pageModel,
    divisionId ? await getModelByID(divisionId) : null,
    territoryId ? await getModelByID(territoryId) : null
  ].filter(Boolean);

  // Facebook
  const facebookURL = getValidURL(models, 'facebook_url_link');
  if (facebookURL) updateURL('facebook-link', facebookURL);
  // Twiiter
  const twitterURL = getValidURL(models, 'twitter_url_link');
  if (twitterURL) updateURL('twitter-link', twitterURL);

  // Linkedin
  const linkedinURL = getValidURL(models, 'linkedin_url_link');
  if (linkedinURL) updateURL('linkedin-link', linkedinURL);

  // Youtube
  const youtubeURL = getValidURL(models, 'youtube_url_link');
  if (youtubeURL) updateURL('youtube-link', youtubeURL);

  // Instagram
  const instagramURL = getValidURL(models, 'instagram_url_link');
  if (instagramURL) updateURL('instagram-link', instagramURL);

  // BBB
  const bbbURL = getValidURL(models, 'bbb_url_link');
  if (bbbURL) updateURL('bbb', bbbURL);

  // ECFA
  const ecfaURL = getValidURL(models, 'ecfa_url_link');
  if (ecfaURL) updateURL('ecfa', ecfaURL);

  // Candid
  const candidURL = getValidURL(models, 'candid_url_link');
  if (candidURL) updateURL('candid', candidURL);

  // Candid Image
  const candidImageURL = getValidURL(models, 'candid_image_url_link');
  const candidImgs = document.querySelectorAll(".candid-image")
  if (candidImageURL){
    candidImgs.forEach((candidImg) =>{
      candidImg.setAttribute("src", candidImageURL)
    })
  } 
  else{
    candidImgs.forEach((candidImg) =>{
      candidImg.setAttribute("src", "https://mgfrnv8q.media.zestyio.com/image-4.png")
    })
  }
  
  // ECFA Image
  const ecfaImageURL = getValidURL(models, 'ecfa_image_url_link');
  const ecfaImgs = document.querySelectorAll(".ecfa-image")
  if (ecfaImageURL){
    ecfaImgs.forEach((img) =>{
      img.setAttribute("src", ecfaImageURL)
    })
  } 
  else{
    ecfaImgs.forEach((img) =>{
      img.setAttribute("src", "https://mgfrnv8q.media.zestyio.com/image-3.png")
    })
  }
  
  // ECFA Image
  const bbbImageURL = getValidURL(models, 'bbb_image_url_link');
  const bbbImgs = document.querySelectorAll(".bbb-image")
  if (bbbImageURL){
    bbbImgs.forEach((img) =>{
      img.setAttribute("src", bbbImageURL)
    })
  } 
  else{
    bbbImgs.forEach((img) =>{
      img.setAttribute("src", "https://mgfrnv8q.media.zestyio.com/image-5.png")
    })
  }
  const contactUsTitleText = getValidURL(models, "contact_us_title")
  const contactUsTitleElement = footer.querySelector(".contact-us-title")

  contactUsTitleElement.textContent =  (getCookieByName('contact_us_title') && getCookieByName('contact_us_title') != "null")  ? getCookieByName('contact_us_title') : contactUsTitleText;

  const contactUsTextIssues = getValidURL(models, "contact_us_cta_header")
  const contactUsTextIssuesElement = footer.querySelector(".contact-us-cta-header")


  if(getCookieByName('contact_us_header')){
     contactUsTextIssuesElement.textContent = (getCookieByName('contact_us_header') && getCookieByName('contact_us_header') != "null") ? getCookieByName('contact_us_header') : "Having Issues?";
  }else if(contactUsTextIssues && !getCookieByName('contact_us_header')){
     contactUsTextIssuesElement.textContent = contactUsTextIssues;
  }

  const contactUsImageUrl = getValidURL(models, 'contact_us_image');
  const contactUsFooterImage = footer.querySelector(`.contact-us-footer-image`);

  if(await checkUrl(cookieManager.get(cookieKeys.contactUsImage))){
    contactUsFooterImage.setAttribute('src', cookieManager.get(cookieKeys.contactUsImage));
  }else{
    contactUsFooterImage.setAttribute('src', "https://8hxvw8tw.media.zestyio.com/SAL_MediaCards_FullLength_Shield-5-2x.png");
  }
    footer.querySelector(".contact-us-image-placeholder").classList.add("d-none")
    setFooterSocialLinksLoading(false);

}

function setFooterNavStatus() {
  const footerNavLinks = document.querySelectorAll('.footer-nav-pill .nav-link');
  const pageSlug = getSlug();

  footerNavLinks.forEach((navItem) => {
    const navSlug = navItem.getAttribute('data-slug');
    if(navSlug == pageSlug) {
      navItem.classList.add('active');
    }
  });
}
function getSlug() {
  const fullPath = window.location.pathname;
  const homeUrlPath = getCookieByName('location_home_url');
  // Handle main homepage case (where cookie value is '/')
  if (homeUrlPath === '/') {
    let slug = "";
    const cleanPath = fullPath.startsWith('/') ? fullPath.substring(1) : fullPath;
    
    const parts = cleanPath.split('/');
    if (parts.length > 0) {
      if (parts[0] != '') {
        slug = parts[0];
      } else {
        slug = 'home';
      }
    }
    return slug;
  } 
  else if (fullPath.startsWith(homeUrlPath)) {
    const remainingPath = fullPath.substring(homeUrlPath.length);

    if (!remainingPath) return 'home';

    const cleanPath = remainingPath.startsWith('/') ? remainingPath.substring(1) : remainingPath;
    
    const firstSlug = cleanPath.split('/')[0];
    
    return firstSlug;
  } else {
    const cleanPath = fullPath.startsWith('/') ? fullPath.substring(1) : fullPath;
    
    const parts = cleanPath.split('/');
    return parts.length > 0 ? parts[0] : '';
  }
  
  return '';
}
function footerAddress() {
  const city = getCookieByName('location_city');
  const state = getCookieByName('location_state');
  const address = getCookieByName('location_address');
  const zipcode = getCookieByName('location_zipcode'); 
  let fullAddress = '';
  const fullAddressContainers = document.querySelectorAll('.footer__address');

  if (city && state && address) {
    let addrArr = [];
    let cityText = `<span class="text-title-case">${city}</span>`
    let stateText = `${state} ${zipcode}`;
    addrArr.push(address);
    addrArr.push(cityText);
    addrArr.push(stateText);
    fullAddress = addrArr.join(", ");
  } else {
    fullAddress = "615 Slaters Lane, Alexandria, Virginia 22314"
  }
  fullAddress += " | 1-800-SAL-ARMY |";
  
  fullAddressContainers.forEach((fullAddressContainer) =>{

    fullAddressContainer.innerHTML = fullAddress;
  })
}
footerAddress();
setFooterNavStatus();
updateSocialLinkURL();
      document.querySelectorAll('a').forEach(link => {
      if (!link.hasAttribute('rel')) {
        link.setAttribute('rel', 'noopener noreferrer');
      }

      link.addEventListener('mouseup', () => link.blur());
    });

      document.querySelectorAll('button').forEach(btn => {
      btn.addEventListener('mouseup', () => btn.blur());
      
      })
</script>
 

 
</div>





<script
  type="text/javascript"
  src="/site.js?v=dcc7d363cb8f63727fb355f3bc1fcab3"
></script>
</body></html>