<!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="apple-touch-icon" href="https://8hxvw8tw.media.zestyio.com/The-Salvation-Army-Favicon.png">
<link rel="apple-touch-icon-precomposed" href="salvationarmyusa.orgThe-Salvation-Army-Favicon.png">
<link
  rel="icon"
  type="image/png"
  href="https://8hxvw8tw.media.zestyio.com/The-Salvation-Army-Favicon.png"
/>
<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`,
    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`,
    donateOnceURL: `classy_campaign_url_once`,
    donateMonthlyURL: `classy_campaign_url_monthly`,
  };

  const nationalDonateOnceURL = `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_GiveOnce`;
  const nationalDonateMonthlyURL = `https://give.salvationarmyusa.org/campaign/680817/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_Monthly`;
  const nationalContactUs = {
    image: `https://8hxvw8tw.media.zestyio.com/connect-with-us.jpg`,
    title: `Connect with us`,
    header: `Having Issues?`
  };

  function getDonationUrlOrNational(url, nationalUrl) {
    return String(url || ``).trim() || nationalUrl;
  }

  function setDonationUrlCookies(onceUrl, monthlyUrl) {
    cookieManager.set(cookieKeys.donateOnceURL, getDonationUrlOrNational(onceUrl, nationalDonateOnceURL));
    cookieManager.set(cookieKeys.donateMonthlyURL, getDonationUrlOrNational(monthlyUrl, nationalDonateMonthlyURL));
  }

  function ensureDonationUrlCookies() {
    setDonationUrlCookies(
      cookieManager.get(cookieKeys.donateOnceURL),
      cookieManager.get(cookieKeys.donateMonthlyURL)
    );
  }

  function hasContactUsValue(value) {
    const normalizedValue = String(value ?? ``).trim().toLowerCase();
    return Boolean(
      normalizedValue &&
      normalizedValue !== `null` &&
      normalizedValue !== `undefined`
    );
  }

  function setMissingContactUsCookies(contactUsFallbacks = {}) {
    const fields = [
      {
        key: cookieKeys.contactUsImage,
        fallbacks: contactUsFallbacks.image,
        nationalValue: nationalContactUs.image
      },
      {
        key: cookieKeys.contactUsTitle,
        fallbacks: contactUsFallbacks.title,
        nationalValue: nationalContactUs.title
      },
      {
        key: cookieKeys.contactUsHeader,
        fallbacks: contactUsFallbacks.header,
        nationalValue: nationalContactUs.header
      }
    ];

    fields.forEach(({ key, fallbacks, nationalValue }) => {
      if (hasContactUsValue(cookieManager.get(key))) {
        return;
      }

      const fallbackValue = [
        ...(Array.isArray(fallbacks) ? fallbacks : []),
        nationalValue
      ].find(hasContactUsValue);

      if (fallbackValue) {
        cookieManager.set(key, fallbackValue);
      }
    });
  }

  async function ensurePersistedContactUsCookies() {
    const contactUsCookiesAreComplete = [
      cookieKeys.contactUsImage,
      cookieKeys.contactUsTitle,
      cookieKeys.contactUsHeader
    ].every((key) => hasContactUsValue(cookieManager.get(key)));

    if (contactUsCookiesAreComplete) {
      return;
    }

    const persistedZUID = cookieManager.get(cookieKeys.locationZUID);
    const persistedModel = cookieManager.get(cookieKeys.locationModel);
    let contactUsFallbacks = {};

    if (persistedZUID && persistedModel) {
      contactUsFallbacks =
        await fetchInformation(`contact-us-cookie-fallbacks`, persistedZUID, persistedModel) || {};
    }

    setMissingContactUsCookies(contactUsFallbacks);
  }

  const debugDataLayer = (() => {
    try {
      const params = new URLSearchParams(window.location.search);
      return params.get(`debugDataLayer`) === `1`;
    } catch (err) {
      return false;
    }
  })();

  function getCookieSnapshot() {
    return {
      locationModel: cookieManager.get(cookieKeys.locationModel),
      locationZUID: cookieManager.get(cookieKeys.locationZUID),
      divisionZUID: cookieManager.get(cookieKeys.divisionZUID),
      territoryZUID: cookieManager.get(cookieKeys.territoryZUID),
      locationName: cookieManager.get(cookieKeys.locationName),
      locationHomeURL: cookieManager.get(cookieKeys.locationHomeURL),
      organizationLevel: cookieManager.get(cookieKeys.organizationLevel),
      organizationCorp: cookieManager.get(cookieKeys.organizationCorp),
      organizationDivision: cookieManager.get(cookieKeys.organizationDivision),
      organizationTerritory: cookieManager.get(cookieKeys.organizationTerritory),
      analyticsCode: cookieManager.get(cookieKeys.analyticsCode),
      pageType: cookieManager.get(cookieKeys.analyticsPageType)
    };
  }

  function logCurrentDataLayerValues(label, extra = {}) {
    if (!debugDataLayer) return;

    const dataLayerValues = {
      currentModel,
      pageZUID: `7-e4a1c59bd4-02km0q`,
      parentZUID: `7-ec8a80fdbe-46hzww`,
      relationalLocationZUID: ``,
      relationalDivisionZUID: ``,
      relationalTerritoryZUID: `7-ec8a80fdbe-46hzww`,
      cityZUID: `7-9a91c2b6ef-t6c91v`,
      stateZUID: `7-f0d4b4e1bc-b7wkz8`,
      shouldRedirect: `0`,
      instanceEnv: `live`
    };

    console.groupCollapsed(`[CGN] ${label}`);
    console.log(`dataLayerValues`, dataLayerValues);
    console.log(`cookieSnapshot`, getCookieSnapshot());
    if (window.utag_data) {
      console.log(`utag_data`, window.utag_data);
    }
    if (Object.keys(extra).length) {
      console.log(`extra`, extra);
    }
    console.groupEnd();
  }

  async function setNationalLocationCookies() {
    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.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.donateMonthlyURL, `https://give.salvationarmyusa.org/campaign/680817/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_Monthly`);
    cookieManager.set(cookieKeys.donateOnceURL, `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_GiveOnce`);

    cookieManager.delete(cookieKeys.divisionZUID);
    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(national);
    ensureDonationUrlCookies();
  }

  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.donateMonthlyURL, `https://give.salvationarmyusa.org/campaign/680817/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_Monthly`);
      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.donateOnceURL, `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_GiveOnce`);

      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);
      ensureDonationUrlCookies();
    }
  }

  async function initCookies(source = `unknown`) {
    // await setDefaultCookies();
    logCurrentDataLayerValues(`init-start`, { source });
    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.donateMonthlyURL, `https://give.salvationarmyusa.org/campaign/680817/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_Monthly`);
        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.donateOnceURL, `https://give.salvationarmyusa.org/campaign/676125/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_GiveOnce`);

        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`);
        const divisionOnceURL = ``.trim();
        const divisionMonthlyURL = ``.trim();
        if (divisionOnceURL && divisionMonthlyURL) {
          setDonationUrlCookies(divisionOnceURL, divisionMonthlyURL);
        }
        await setCodeCookie(`7-e4a1c59bd4-02km0q`, currentModel);
        break;

      case `6-b4c9aba69c-h2nqvm`: // Locations
        ``;
        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.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);
        const divOnceURL = ``.trim();
        const divMonthlyURL = ``.trim();
        if (divOnceURL && divMonthlyURL) {
          setDonationUrlCookies(divOnceURL, divMonthlyURL);
        }
        const locationOnceURL = ``.trim();
        const locationMonthlyURL = ``.trim();
        if (locationOnceURL && locationMonthlyURL) {
          setDonationUrlCookies(locationOnceURL, locationMonthlyURL);
        }
        await setCodeCookie(`7-e4a1c59bd4-02km0q`, currentModel);
        break;

      case `6-fef1bbcecc-cjfmfq`: // Services
        const serviceParentZUID = `7-ec8a80fdbe-46hzww`;
        const serviceLocationZUID = ``;
        const serviceDivisionZUID = ``;
        const serviceTerritoryZUID = `7-ec8a80fdbe-46hzww`;
        const serviceParentValidation = await validateParentZUID(serviceParentZUID, {
          location: ``,
          division: ``,
          territory: `USA Central Territory`
        });
        logCurrentDataLayerValues(`services-parent-validation`, {
          serviceParentZUID,
          serviceParentValidation
        });
        const hasParentLocation = serviceParentValidation.location;
        const hasParentDivision = serviceParentValidation.division;
        const hasParentTerritory = serviceParentValidation.territory;

        if (serviceLocationZUID) {
          (``);
          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);
            }
          }

          (``);
          (``);
          const relatedDivisionZUID = serviceDivisionZUID || `7-ac89f1d9f7-q6bwl8`;
          const relatedTerritoryZUID = serviceTerritoryZUID || `7-ae82da90c9-zjnfr3`;

          cookieManager.set(cookieKeys.locationModel, `6-b4c9aba69c-h2nqvm`);
          cookieManager.set(cookieKeys.locationZUID, serviceLocationZUID);
          cookieManager.set(
            cookieKeys.locationPropertyType,
            `simplified`
          );
          cookieManager.set(cookieKeys.locationHomeURL, `/`);
          cookieManager.set(
            cookieKeys.locationName,
            `CORRY WORSHIP & SERVICE CENTER`
          );
          cookieManager.set(cookieKeys.divisionZUID, relatedDivisionZUID);

          cookieManager.set(
            cookieKeys.locationAddress,
            `127 West Washington Street`
          );
          (``);
          (``);
          (``);
          (``);
          cookieManager.set(cookieKeys.locationCity, `CORRY`);
          cookieManager.set(cookieKeys.locationState, `Pennsylvania`);
          cookieManager.set(cookieKeys.locationZipcode, `16407`);

          cookieManager.set(
            cookieKeys.organizationCorp,
            `CORRY WORSHIP & SERVICE CENTER`
          );
          cookieManager.set(
            cookieKeys.organizationDivision,
            serviceDivisionZUID
              ? `Greater New York`
              : `Greater New York`
          );
          cookieManager.set(
            cookieKeys.organizationTerritory,
            serviceTerritoryZUID
              ? `USA Central Territory`
              : `USA Eastern Territory`
          );
          cookieManager.set(cookieKeys.organizationLevel, levels.corp);

          const locationImage = "";
          const divisionImage = serviceDivisionZUID
            ? "https://8hxvw8tw.media.zestyio.com/the-salvation-army-contact-us-4.jpg"
            : "https://8hxvw8tw.media.zestyio.com/the-salvation-army-contact-us-4.jpg";
          const territoryImage = serviceTerritoryZUID
            ? "https://8hxvw8tw.media.zestyio.com/Large-Intake_officer.jpg"
            : "https://8hxvw8tw.media.zestyio.com/12611243_122422-wpvi-SALVATIONARMY-thumb.webp";

          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,
              serviceDivisionZUID
                ? `Contact Us`
                : `Contact Us`
            );
            cookieManager.set(
              cookieKeys.contactUsHeader,
              serviceDivisionZUID
                ? ``
                : ``
            );
          }else if(territoryImage){
            cookieManager.set(cookieKeys.contactUsImage, territoryImage);
            cookieManager.set(
              cookieKeys.contactUsTitle,
              serviceTerritoryZUID
                ? `Contact the Central Territory`
                : `Contact Our Eastern Territory `
            );
            cookieManager.set(
              cookieKeys.contactUsHeader,
              serviceTerritoryZUID
                ? ``
                : ``
            );
          }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(relatedTerritoryZUID);
          const svcDivOnceURL = (serviceDivisionZUID
            ? ``
            : ``).trim();
          const svcDivMonthlyURL = (serviceDivisionZUID
            ? ``
            : ``).trim();
          if (svcDivOnceURL && svcDivMonthlyURL) {
            setDonationUrlCookies(svcDivOnceURL, svcDivMonthlyURL);
          }
          const svcLocOnceURL = ``.trim();
          const svcLocMonthlyURL = ``.trim();
          if (svcLocOnceURL && svcLocMonthlyURL) {
            setDonationUrlCookies(svcLocOnceURL, svcLocMonthlyURL);
          }
          await setCodeCookie(serviceLocationZUID, "6-b4c9aba69c-h2nqvm");
        } else if (serviceDivisionZUID) {
          (``);
          const relatedTerritoryZUID = serviceTerritoryZUID || `7-ae82da90c9-zjnfr3`;

          cookieManager.set(cookieKeys.locationHomeURL, `/`);
          cookieManager.set(cookieKeys.locationName, `Greater New York`);
          cookieManager.set(cookieKeys.locationModel, `6-acb19a94bd-4q8ftj`);
          cookieManager.set(cookieKeys.locationZUID, serviceDivisionZUID);
          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`);

          const divisionImage = "https://8hxvw8tw.media.zestyio.com/the-salvation-army-contact-us-4.jpg";
          const territoryImage = serviceTerritoryZUID
            ? "https://8hxvw8tw.media.zestyio.com/Large-Intake_officer.jpg"
            : "https://8hxvw8tw.media.zestyio.com/12611243_122422-wpvi-SALVATIONARMY-thumb.webp";

          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,
              serviceTerritoryZUID
                ? `Contact the Central Territory`
                : `Contact Our Eastern Territory `
            );
            cookieManager.set(
              cookieKeys.contactUsHeader,
              serviceTerritoryZUID
                ? ``
                : ``
            );
          }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.organizationDivision,
            `Greater New York`
          );
          cookieManager.set(
            cookieKeys.organizationTerritory,
            serviceTerritoryZUID
              ? `USA Central Territory`
              : `USA Eastern Territory`
          );
          cookieManager.set(cookieKeys.organizationLevel, levels.division);

          cookieManager.delete(cookieKeys.organizationCorp);
          cookieManager.delete(cookieKeys.locationPropertyType);

          setLocationCookiesByTerritory(relatedTerritoryZUID);
          const svcDivOnceURL = ``.trim();
          const svcDivMonthlyURL = ``.trim();
          if (svcDivOnceURL && svcDivMonthlyURL) {
            setDonationUrlCookies(svcDivOnceURL, svcDivMonthlyURL);
          }
          await setCodeCookie(serviceDivisionZUID, "6-acb19a94bd-4q8ftj");
        } else if (serviceTerritoryZUID) {
          cookieManager.set(cookieKeys.locationZUID, serviceTerritoryZUID);
          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 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(serviceTerritoryZUID);
          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(serviceTerritoryZUID, "6-deab97cfd9-wb5km4");
        } else if (hasParentLocation) {
          (``);
          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);
            }
          }

          (``);
          (``);
          const territoryZUID = ``;

          cookieManager.set(cookieKeys.locationModel, `6-b4c9aba69c-h2nqvm`);
          cookieManager.set(cookieKeys.locationZUID, serviceParentZUID);
          cookieManager.set(
            cookieKeys.locationPropertyType,
            ``
          );
          cookieManager.set(cookieKeys.locationHomeURL, `/usa-central-territory/`);
          cookieManager.set(
            cookieKeys.locationName,
            ``
          );
          cookieManager.set(cookieKeys.divisionZUID, ``);

          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);

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

          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);
          const parentDivOnceURL = ``.trim();
          const parentDivMonthlyURL = ``.trim();
          if (parentDivOnceURL && parentDivMonthlyURL) {
            setDonationUrlCookies(parentDivOnceURL, parentDivMonthlyURL);
          }
          const parentLocOnceURL = ``.trim();
          const parentLocMonthlyURL = ``.trim();
          if (parentLocOnceURL && parentLocMonthlyURL) {
            setDonationUrlCookies(parentLocOnceURL, parentLocMonthlyURL);
          }
          await setCodeCookie(serviceParentZUID, "6-b4c9aba69c-h2nqvm");
        } else if (hasParentDivision) {
          (``);
          const territoryZUID = ``;

          cookieManager.set(cookieKeys.locationHomeURL, `/usa-central-territory/`);
          cookieManager.set(cookieKeys.locationName, ``);
          cookieManager.set(cookieKeys.locationModel, `6-acb19a94bd-4q8ftj`);
          cookieManager.set(cookieKeys.locationZUID, serviceParentZUID);
          cookieManager.set(cookieKeys.locationAddress, ``);
          cookieManager.set(cookieKeys.locationCity, `JACKSONVILLE`);
          cookieManager.set(cookieKeys.locationState, `Illinois`);
          cookieManager.set(cookieKeys.locationZipcode, ``);

          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 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.organizationDivision,
            ``
          );
          cookieManager.set(
            cookieKeys.organizationTerritory,
            `USA Central Territory`
          );
          cookieManager.set(cookieKeys.organizationLevel, levels.division);

          cookieManager.delete(cookieKeys.organizationCorp);
          cookieManager.delete(cookieKeys.locationPropertyType);

          setLocationCookiesByTerritory(territoryZUID);
          const parentDivOnceURL = ``.trim();
          const parentDivMonthlyURL = ``.trim();
          if (parentDivOnceURL && parentDivMonthlyURL) {
            setDonationUrlCookies(parentDivOnceURL, parentDivMonthlyURL);
          }
          await setCodeCookie(serviceParentZUID, "6-acb19a94bd-4q8ftj");
        } else if (hasParentTerritory) {
          cookieManager.set(cookieKeys.locationZUID, serviceParentZUID);
          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 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(serviceParentZUID);
          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(serviceParentZUID, "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.donateMonthlyURL, `https://give.salvationarmyusa.org/campaign/680817/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_Monthly`);
          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
      case `6-8489c3a590-kn21jh`: // Volunteer Page
        const location = ``;
        const division = ``;
        const territory = `7-ec8a80fdbe-46hzww`;
        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 pageParentZUID = `7-ec8a80fdbe-46hzww`;
        const pageParentValidation = await validateParentZUID(pageParentZUID, {
          location: ``,
          division: ``,
          territory: `USA Central Territory`
        });
        logCurrentDataLayerValues(`content-parent-validation`, {
          pageParentZUID,
          pageParentValidation
        });
        const pageHasLocationParent = pageParentValidation.location;
        const pageHasDivisionParent = pageParentValidation.division;
        const pageHasTerritoryParent = pageParentValidation.territory;

        if (location) {
          (``);
          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);
            }
          }

          (``);
          (``);
          const relatedDivisionZUID = division || `7-ac89f1d9f7-q6bwl8`;
          const relatedTerritoryZUID = territory || `7-ae82da90c9-zjnfr3`;

          cookieManager.set(cookieKeys.locationModel, `6-b4c9aba69c-h2nqvm`);
          cookieManager.set(cookieKeys.locationPropertyType, `simplified`);
          cookieManager.set(cookieKeys.locationZUID, ``);
          cookieManager.set(cookieKeys.locationHomeURL, `/`);
          cookieManager.set(cookieKeys.divisionZUID, relatedDivisionZUID);

          const locationImage = "";
          const divisionImage = division
            ? "https://8hxvw8tw.media.zestyio.com/the-salvation-army-contact-us-4.jpg"
            : "https://8hxvw8tw.media.zestyio.com/the-salvation-army-contact-us-4.jpg";
          const territoryImage = territory
            ? "https://8hxvw8tw.media.zestyio.com/Large-Intake_officer.jpg"
            : "https://8hxvw8tw.media.zestyio.com/12611243_122422-wpvi-SALVATIONARMY-thumb.webp";

          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,
              division
                ? `Contact Us`
                : `Contact Us`
            );
            cookieManager.set(
              cookieKeys.contactUsHeader,
              division
                ? ``
                : ``
            );
          }else if(territoryImage){
            cookieManager.set(cookieKeys.contactUsImage, territoryImage);
            cookieManager.set(
              cookieKeys.contactUsTitle,
              territory
                ? `Contact the Central Territory`
                : `Contact Our Eastern Territory `
            );
            cookieManager.set(
              cookieKeys.contactUsHeader,
              territory
                ? ``
                : ``
            );
          }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,
            `CORRY WORSHIP & SERVICE CENTER`
          );

          cookieManager.set(
            cookieKeys.locationAddress,
            `127 West Washington Street`
          );
          (``);
          (``);
          (``);
          (``);
          cookieManager.set(cookieKeys.locationCity, `CORRY`);
          cookieManager.set(cookieKeys.locationState, `Pennsylvania`);
          cookieManager.set(cookieKeys.locationZipcode, `16407`);

          cookieManager.set(
            cookieKeys.organizationCorp,
            `CORRY WORSHIP & SERVICE CENTER`
          );
          cookieManager.set(
            cookieKeys.organizationDivision,
            division
              ? `Greater New York`
              : `Greater New York`
          );
          cookieManager.set(
            cookieKeys.organizationTerritory,
            territory
              ? `USA Central Territory`
              : `USA Eastern Territory`
          );
          cookieManager.set(cookieKeys.organizationLevel, levels.corp);

          setLocationCookiesByTerritory(relatedTerritoryZUID);
          const pgDivOnceURL = (division
            ? ``
            : ``).trim();
          const pgDivMonthlyURL = (division
            ? ``
            : ``).trim();
          if (pgDivOnceURL && pgDivMonthlyURL) {
            setDonationUrlCookies(pgDivOnceURL, pgDivMonthlyURL);
          }
          const pgLocOnceURL = ``.trim();
          const pgLocMonthlyURL = ``.trim();
          if (pgLocOnceURL && pgLocMonthlyURL) {
            setDonationUrlCookies(pgLocOnceURL, pgLocMonthlyURL);
          }

          await setCodeCookie(``, "6-b4c9aba69c-h2nqvm");
        } else if (division) {
          (``);
          const relatedTerritoryZUID = territory || `7-ae82da90c9-zjnfr3`;

          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 = territory
            ? "https://8hxvw8tw.media.zestyio.com/Large-Intake_officer.jpg"
            : "https://8hxvw8tw.media.zestyio.com/12611243_122422-wpvi-SALVATIONARMY-thumb.webp";

          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,
              territory
                ? `Contact the Central Territory`
                : `Contact Our Eastern Territory `
            );
            cookieManager.set(
              cookieKeys.contactUsHeader,
              territory
                ? ``
                : ``
            );
          }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,
            `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,
            territory
              ? `USA Central Territory`
              : `USA Eastern Territory`
          );
          cookieManager.set(cookieKeys.organizationLevel, levels.division);

          cookieManager.delete(cookieKeys.organizationCorp);
          cookieManager.delete(cookieKeys.locationPropertyType);
          setLocationCookiesByTerritory(relatedTerritoryZUID);
          const pgDivOnceURL = ``.trim();
          const pgDivMonthlyURL = ``.trim();
          if (pgDivOnceURL && pgDivMonthlyURL) {
            setDonationUrlCookies(pgDivOnceURL, pgDivMonthlyURL);
          }
          await setCodeCookie(``, "6-acb19a94bd-4q8ftj");
        } else if (territory) {
          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 (pageHasLocationParent) {
          (``);

          (``);
          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, pageParentZUID);
          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";

          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);
          const pgParentDivOnceURL = ``.trim();
          const pgParentDivMonthlyURL = ``.trim();
          if (pgParentDivOnceURL && pgParentDivMonthlyURL) {
            setDonationUrlCookies(pgParentDivOnceURL, pgParentDivMonthlyURL);
          }
          const pgParentLocOnceURL = ``.trim();
          const pgParentLocMonthlyURL = ``.trim();
          if (pgParentLocOnceURL && pgParentLocMonthlyURL) {
            setDonationUrlCookies(pgParentLocOnceURL, pgParentLocMonthlyURL);
          }

          await setCodeCookie(pageParentZUID, "6-b4c9aba69c-h2nqvm");
        } else if (pageHasDivisionParent) {
          (``);
          const relatedTerritoryZUID = ``;

          cookieManager.set(cookieKeys.locationModel, `6-acb19a94bd-4q8ftj`);
          cookieManager.set(cookieKeys.locationZUID, pageParentZUID);
          cookieManager.set(cookieKeys.locationHomeURL, `/usa-central-territory/`);

          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 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(relatedTerritoryZUID);
          const pgParentDivOnceURL = ``.trim();
          const pgParentDivMonthlyURL = ``.trim();
          if (pgParentDivOnceURL && pgParentDivMonthlyURL) {
            setDonationUrlCookies(pgParentDivOnceURL, pgParentDivMonthlyURL);
          }
          await setCodeCookie(pageParentZUID, "6-acb19a94bd-4q8ftj");
        } else if (pageHasTerritoryParent) {
          cookieManager.set(cookieKeys.locationModel, `6-deab97cfd9-wb5km4`);
          cookieManager.set(cookieKeys.locationZUID, pageParentZUID);
          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(pageParentZUID);
          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(pageParentZUID, "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.donateMonthlyURL, `https://give.salvationarmyusa.org/campaign/680817/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_Monthly`);
          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"

        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.donateMonthlyURL, `https://give.salvationarmyusa.org/campaign/680817/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_Monthly`);
            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);
          const infoDivOnceURL = ``.trim();
          const infoDivMonthlyURL = ``.trim();
          if (infoDivOnceURL && infoDivMonthlyURL) {
            setDonationUrlCookies(infoDivOnceURL, infoDivMonthlyURL);
          }
          const infoLocOnceURL = ``.trim();
          const infoLocMonthlyURL = ``.trim();
          if (infoLocOnceURL && infoLocMonthlyURL) {
            setDonationUrlCookies(infoLocOnceURL, infoLocMonthlyURL);
          }

          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(``);
          const infoDivOnceURL = ``.trim();
          const infoDivMonthlyURL = ``.trim();
          if (infoDivOnceURL && infoDivMonthlyURL) {
            setDonationUrlCookies(infoDivOnceURL, infoDivMonthlyURL);
          }
          await setCodeCookie(``, "6-acb19a94bd-4q8ftj");
        } else if (territoryRelational) {
          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.donateMonthlyURL, `https://give.salvationarmyusa.org/campaign/680817/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_Monthly`);
          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.donateMonthlyURL, `https://give.salvationarmyusa.org/campaign/680817/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_Monthly`);
          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)) {
          await setNationalLocationCookies();
          break;
        }

        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));
        }

        await ensurePersistedContactUsCookies();
        break;
      case `6-dcd5c9b192-tgsnht`: // Cities
        if (!cookieManager.get(cookieKeys.locationZUID)) {
          await setNationalLocationCookies();
          break;
        }

        await ensurePersistedContactUsCookies();
        break;
    }
    logCurrentDataLayerValues(`init-complete`, { source });
  }

  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.donateMonthlyURL, `https://give.salvationarmyusa.org/campaign/680817/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_Monthly`);
      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.donateMonthlyURL, `https://give.salvationarmyusa.org/campaign/680817/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_Monthly`);
      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) {
    const 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);
    }
  }

  async function syncCentralVolunteerUrlFromCurrentProperty() {
    const currentZUID = cookieManager.get(cookieKeys.locationZUID);
    const currentModel = cookieManager.get(cookieKeys.locationModel);

    if (!currentZUID || !currentModel) {
      return;
    }

    try {
      const response = await fetchInformation(`get-volunteer-page`, currentZUID, currentModel);
      
      if (response && response.volunteer_url) {
        console.log(response, "RESPONSE")
        cookieManager.set(cookieKeys.volunteerUrl, response.volunteer_url);
      }
    } catch (err) {
      // Keep previously set central fallback when endpoint lookup fails.
    }
  }

  function hasValidZUIDShape(zuid) {
    return Boolean(zuid && `${zuid}`.trim() && `${zuid}`.trim() !== `0`);
  }

  async function validateZUIDForModel(zuid, modelZuid) {
    if (!hasValidZUIDShape(zuid) || !hasValidZUIDShape(modelZuid)) {
      return false;
    }

    const response = await fetchInformation(`data_code`, zuid, modelZuid);

    if (!response || response.error || response.status === `error`) {
      return false;
    }

    return Boolean(
      response.code ||
      response.page_type ||
      response.territory_code ||
      response.division_code
    );
  }

  async function validateParentZUID(parentZUID, parentContext = {}) {
    if (!hasValidZUIDShape(parentZUID)) {
      return {
        location: false,
        division: false,
        territory: false
      };
    }

    const canCheckLocation = Boolean(parentContext.location);
    const canCheckDivision = Boolean(parentContext.division);
    const canCheckTerritory = Boolean(parentContext.territory);

    const [location, division, territory] = await Promise.all([
      canCheckLocation
        ? validateZUIDForModel(parentZUID, `6-b4c9aba69c-h2nqvm`)
        : false,
      canCheckDivision
        ? validateZUIDForModel(parentZUID, `6-acb19a94bd-4q8ftj`)
        : false,
      canCheckTerritory
        ? validateZUIDForModel(parentZUID, `6-deab97cfd9-wb5km4`)
        : false
    ]);

    return {
      location,
      division,
      territory
    };
  }

  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.donateMonthlyURL, `https://give.salvationarmyusa.org/campaign/680817/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_Monthly`);
        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?.division.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.donateMonthlyURL, `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.donateMonthlyURL, `https://give.salvationarmyusa.org/campaign/680817/donate?c_src=NT26TZOAEC&c_src2=HeaderDonateBtn_Monthly`);
      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`);
    }

    ensureDonationUrlCookies();
  }

  function setLocationCookiesByTerritory(zuid) {
    if (zuid === territories.west) {
      setDonationUrlCookies(`https://give-usw.salvationarmy.org/campaign/701882/donate?recurring=0`, `https://give-usw.salvationarmy.org/campaign/701882/donate?recurring=12`);
      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`);
    } else if (zuid === territories.east) {
      setDonationUrlCookies(`https://give.salvationarmy.org/campaign/817252/donate?recurring=0`, `https://give.salvationarmy.org/campaign/817252/donate?recurring=12`);
      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`);
    } else if (zuid === territories.south) {
      setDonationUrlCookies(`https://give.salvationarmysouth.org/campaign/703141/donate?recurring=0`, `https://give.salvationarmysouth.org/campaign/703141/donate?recurring=12`);
      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`);
    } else if (zuid === territories.central) {
      setDonationUrlCookies(`https://donate.centralusa.salvationarmy.org/campaign/815566/donate`, `https://donate.centralusa.salvationarmy.org/campaign/815566/donate?recurring=12`);
   
      syncCentralVolunteerUrlFromCurrentProperty();

      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.territoryZUID, zuid);

    if (zuid === territories.central) {
    }
  }

  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(`DOMContentLoaded`, () => {
    initCookies(`dom-content-loaded`);
});

window.addEventListener(`visibilitychange`, () => {
    if (document.visibilityState === `hidden`) {
      initCookies(`visibility-hidden`);
    }
});
</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;
        });
        console.log(result.data)

        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();
  
      await this.fetchAndStoreServices(locationZUID, modelZUID);
      

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

 
<script>
    // Keep external links consistent, including links rendered after page load.
    (function initExternalLinks() {
        function getExternalUrl(link) {
            const href = link.getAttribute('href');
            if (!href) return null;

            let url;
            try {
                url = new URL(href, window.location.href);
            } catch (error) {
                return null;
            }

            // Only web links can be external. Compare the complete hostname so a
            // subdomain (for example, give.example.org from www.example.org) is external.
            if (!['http:', 'https:'].includes(url.protocol)) return null;
            if (url.hostname === window.location.hostname) return null;

            return url;
        }

        function applyExternalLinkAttributes(link) {
            const url = getExternalUrl(link);
            if (!url) return;

            link.setAttribute('target', '_blank');
            link.setAttribute('data-url', url.href);

            const relValues = (link.getAttribute('rel') || '').split(/\s+/).filter(Boolean);
            const normalizedRelValues = relValues.map((value) => value.toLowerCase());

            if (!normalizedRelValues.includes('noopener')) relValues.push('noopener');
            if (!normalizedRelValues.includes('noreferrer')) relValues.push('noreferrer');

            link.setAttribute('rel', relValues.join(' '));
        }

        function applyExternalLinkAttributesWithin(root) {
            if (root.nodeType === 1 && root.matches('a[href]')) {
                applyExternalLinkAttributes(root);
            }

            if (typeof root.querySelectorAll === 'function') {
                root.querySelectorAll('a[href]').forEach(applyExternalLinkAttributes);
            }
        }

        function observeExternalLinks() {
            const observer = new MutationObserver((mutations) => {
                mutations.forEach((mutation) => {
                    if (mutation.type === 'attributes') {
                        applyExternalLinkAttributes(mutation.target);
                        return;
                    }

                    mutation.addedNodes.forEach((node) => {
                        if (node.nodeType === 1) applyExternalLinkAttributesWithin(node);
                    });
                });
            });

            // Observing document starts working even when this bundle runs before the
            // document element or before asynchronously rendered navigation is ready.
            observer.observe(document, {
                attributes: true,
                attributeFilter: ['href'],
                childList: true,
                subtree: true
            });
        }

        observeExternalLinks();
        applyExternalLinkAttributesWithin(document);
    })();

</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=5410c1485445e31e4940239d4fd467cd" 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-08-27 15:13:26',
          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\/campaign\/815566\/donate","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":"volunteer_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\/815566\/donate?recurring=12","meta":{"type":"item","model_name":"territories","model_alternate_name":"Territory","zuid":"7-ec8a80fdbe-46hzww","createdAt":"2026-06-25 16:52:39","updatedAt":"2026-06-25 16:52:38","listed":"1","version":"61","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-06-25 16:52:38","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":"139","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 Expands Response to\u00a0Northwest Indiana Storms","image":{"type":"images","totalItems":1,"data":[{"type":"image","zuid":"3-15d9780a-mxjhjg","url":"https:\/\/8hxvw8tw.media.zestyio.com\/USC-IND-Northwest-Indiana-emergency-disaster-response-august-2026.png"}]},"olddate":null,"body":"<p><span><span data-olk-copy-source=\"MessageBody\">The Salvation Army is expanding its disaster response in Northwest Indiana in the wake of severe storms&nbsp;on August&nbsp;11. The&nbsp;<strong>Emergency Disaster Services (EDS)&nbsp;<\/strong>team&nbsp;is continuing to distribute&nbsp;water and food to residents in La Porte and Porter&nbsp;counties&nbsp;in a coordinated effort to assist households still without power or access to food and water.&nbsp;<\/span><\/span><\/p>\n<p><img data-imagetype=\"External\" src=\"https:\/\/linkprotect.cudasvc.com\/url?a=https%3a%2f%2fus.vocuspr.com%2fPublish%2f3407529%2fvcsPRAsset_3407529_107449_27296aa0-e8d4-4f2f-9d4b-600ac7fbe2dc_0.png&amp;c=E,1,2z-GdAcev1ekjZYEdOnnis1Q_hxEIck5WRgJQplR1zV1hPZzUfUk8305onpSWDqn0HxtRJd0b0ArEDvnpUKQv1vHj49Co4fRHSrUmrkz8beyVBKPGyXw_4tHNs0,&amp;typo=0\" align=\"right\" width=\"250\" height=\"333\" alt=\"MC EDS PR pic.png\"><strong><span>Support the Response:&nbsp;<a href=\"https:\/\/linkprotect.cudasvc.com\/url?a=https%3a%2f%2fu7061146.ct.sendgrid.net%2fls%2fclick%3fupn%3du001.Jhr7l8D0C-2BpG0LjucipUrQJnxd0-2BSyVneafUOWDkXLh3vd8vSkP-2FpZisfERd6C-2Bn4Mfs_BTzJGZ6JlympXCyp-2BZzdXBJV0WL2iaiApQXHHyAmb7HfA7iHKwNYd0wc0GBscQn-2FaQl-2F83QHQCFmnkdi-2BenaBDVYrq1CT5YR8JkQW-2FdXOdTl1r31KGWoQIYjjCAw88UvI0QDjmkZYYAGKtdSnL8ODYN2w7-2Bx0JnOfIDduJrJ5msee2boXWaf2orOBFC70s6YcS-2Bl6L7-2FtxaO6JLImZs2k2MIAbYERg9emvYg3NBLzsw24RbANpBraPGYwBEyXjS31WaJI6KfC4Lu-2FXtkZqL4kjGp7w2lG8mRPGQRXUBTtTuJPqpZjmu4hCa6MBeBoNBivcBY9qoR1bCIEZ-2F5o62fjA9YIKhtCP6J-2FTYbPZ5P6G0-3D&amp;c=E,1,5StSj9dkJMGhZzjqcL3fKoML2pQfn6FVYQ-Zf9YVjAVeyKr8YPVKigqsS3jEjCFkLXPiwf6wVZNHduSQYBi7UCwsZbKC_woNNhvoV5W_zg,,&amp;typo=0\" data-auth=\"NotApplicable\" data-linkindex=\"2\" title=\"https:\/\/linkprotect.cudasvc.com\/url?a=https%3a%2f%2fu7061146.ct.sendgrid.net%2fls%2fclick%3fupn%3du001.Jhr7l8D0C-2BpG0LjucipUrQJnxd0-2BSyVneafUOWDkXLh3vd8vSkP-2FpZisfERd6C-2Bn4Mfs_BTzJGZ6JlympXCyp-2BZzdXBJV0WL2iaiApQXHHyAmb7HfA7iHKwNYd0wc0GBscQn-2FaQl-2F83QHQCFmnkdi-2BenaBDVYrq1CT5YR8JkQW-2FdXOdTl1r31KGWoQIYjjCAw88UvI0QDjmkZYYAGKtdSnL8ODYN2w7-2Bx0JnOfIDduJrJ5msee2boXWaf2orOBFC70s6YcS-2Bl6L7-2FtxaO6JLImZs2k2MIAbYERg9emvYg3NBLzsw24RbANpBraPGYwBEyXjS31WaJI6KfC4Lu-2FXtkZqL4kjGp7w2lG8mRPGQRXUBTtTuJPqpZjmu4hCa6MBeBoNBivcBY9qoR1bCIEZ-2F5o62fjA9YIKhtCP6J-2FTYbPZ5P6G0-3D&amp;c=E,1,5StSj9dkJMGhZzjqcL3fKoML2pQfn6FVYQ-Zf9YVjAVeyKr8YPVKigqsS3jEjCFkLXPiwf6wVZNHduSQYBi7UCwsZbKC_woNNhvoV5W_zg,,&amp;typo=0\"><em>salarmy.us\/nwindianaeds<\/em><\/a><\/span><\/strong><\/p>\n<p><span>On Wednesday, August 12, The Salvation Army of Porter County served meals from the City of Portage's centralized feeding site at Portage High School, located at 6450 E Highway 6. They provided dinner to&nbsp;<strong>575 adults<\/strong>&nbsp;and&nbsp;<strong>487 children<\/strong>&nbsp;and anticipate even greater need today.<\/span><\/p>\n<p><span>&ldquo;In the aftermath of one of the largest storms in Northwest Indiana&rsquo;s history, the Porter County Salvation Army partnered with Portage High School to serve sandwiches, water, chips, and snacks to residents impacted by the storm,\" reported&nbsp;<strong>Captain Jim Prichard&nbsp;<\/strong>with The Salvation Army.&nbsp;\"We are especially grateful to Cappos for donating pizza and sandwiches, and to the Portage Police Department and United Way for providing a charging station and coordinating standby support. When neighbors come together like this, recovery becomes a shared effort, and no one has to face it alone.&rdquo;<\/span><\/p>\n<p><strong><span>THURSDAY, AUGUST 13 FEEDING SCHEDULE<\/span><\/strong><\/p>\n<ul>\n<li><span>Portage High School 10 a.m. - 2 p.m.&nbsp;<\/span><\/li>\n<li><span>The Salvation Army Michigan City Corps 5 p.m.<\/span><\/li>\n<li><span>The Salvation Army La Porte Corps 5 p.m.<\/span><\/li>\n<li><span>La Porte City Hall 5 p.m.<\/span><\/li>\n<li><span>La Porte Civic Center 6 p.m.<\/span><\/li>\n<\/ul>\n<p><span>In La Porte County another 350 residents were provided with food and hydration on Wednesday. Sack dinners were distributed at The Salvation Army Michigan City Corps, located at 1201 Franklin Street. An&nbsp;EDS mobile feeding kitchen&nbsp;(canteen) was&nbsp;also deployed to bring supplies out into storm-damaged neighborhoods in and around La Porte.<\/span><\/p>\n<p><span>The Salvation Army's disaster response will continue to evolve as resources become available and community needs change.&nbsp;<\/span><span>Those wishing to support disaster relief efforts are asked to monitor official Salvation Army communications for future needs.&nbsp;<strong>Monetary donations to help with this disaster response can be made at&nbsp;<em><a href=\"https:\/\/linkprotect.cudasvc.com\/url?a=https%3a%2f%2fu7061146.ct.sendgrid.net%2fls%2fclick%3fupn%3du001.Jhr7l8D0C-2BpG0LjucipUrQJnxd0-2BSyVneafUOWDkXLh3vd8vSkP-2FpZisfERd6C-2BnUQpf_BTzJGZ6JlympXCyp-2BZzdXBJV0WL2iaiApQXHHyAmb7HfA7iHKwNYd0wc0GBscQn-2FaQl-2F83QHQCFmnkdi-2BenaBDVYrq1CT5YR8JkQW-2FdXOdTl1r31KGWoQIYjjCAw88UvI0QDjmkZYYAGKtdSnL8ODYN2w7-2Bx0JnOfIDduJrJ5msee2boXWaf2orOBFC70s6YcS-2Bl6L7-2FtxaO6JLImZs2k2typpIGq9tLIw5oBRnUo69FraaofR-2FlScIJ9VBRfeKn5qj7ZngoGCFXJB4pJdl75S-2F-2FGGiDpzOEeimqweJDwtytYhVDdAcd-2FumHD72B6OrUcSaBD8otz37iG9JO53GE9OCwmJsNTtWl0uadihORzP4-3D&amp;c=E,1,5iPa0yOYuCW1tiK9o5Fuz23cZZ9NeMSBx6muU-ttDX_F9mi4HgruBfcfKYAKHIqEUQTxRpSqC38BrV7DretI85egi8ULROgcFvhb8QIvAQ,,&amp;typo=0\" data-auth=\"NotApplicable\" data-linkindex=\"3\" title=\"https:\/\/linkprotect.cudasvc.com\/url?a=https%3a%2f%2fu7061146.ct.sendgrid.net%2fls%2fclick%3fupn%3du001.Jhr7l8D0C-2BpG0LjucipUrQJnxd0-2BSyVneafUOWDkXLh3vd8vSkP-2FpZisfERd6C-2BnUQpf_BTzJGZ6JlympXCyp-2BZzdXBJV0WL2iaiApQXHHyAmb7HfA7iHKwNYd0wc0GBscQn-2FaQl-2F83QHQCFmnkdi-2BenaBDVYrq1CT5YR8JkQW-2FdXOdTl1r31KGWoQIYjjCAw88UvI0QDjmkZYYAGKtdSnL8ODYN2w7-2Bx0JnOfIDduJrJ5msee2boXWaf2orOBFC70s6YcS-2Bl6L7-2FtxaO6JLImZs2k2typpIGq9tLIw5oBRnUo69FraaofR-2FlScIJ9VBRfeKn5qj7ZngoGCFXJB4pJdl75S-2F-2FGGiDpzOEeimqweJDwtytYhVDdAcd-2FumHD72B6OrUcSaBD8otz37iG9JO53GE9OCwmJsNTtWl0uadihORzP4-3D&amp;c=E,1,5iPa0yOYuCW1tiK9o5Fuz23cZZ9NeMSBx6muU-ttDX_F9mi4HgruBfcfKYAKHIqEUQTxRpSqC38BrV7DretI85egi8ULROgcFvhb8QIvAQ,,&amp;typo=0\">salarmy.us\/nwindianaeds<\/a><\/em>.<\/strong><\/span><\/p>","donation_link":"https:\/\/donate.salvationarmyindiana.org\/give\/236855#!\/donation\/checkout?c_src=08132026WebStory","related_service":null,"oldfield2":null,"hash_tags":null,"related_event":null,"external_article":null,"press_release":"1","state":{"type":"relationship","model":"states","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"city":null,"oldfield":null,"territory":{"type":"relationship","model":"territories","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"divisions":{"type":"relationship","model":"divisions","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"display_on_national":"0","property":{"type":"relationship","model":"locations","totalItems":4,"data":[{"message":"max hydration depth hit"},{"message":"max hydration depth hit"},{"message":"max hydration depth hit"},{"message":"max hydration depth hit"}]},"article_tags":null,"page_layout":"Image Landscape","date":null,"primary_cta_name":"Donate Today","primary_cta_link":"https:\/\/donate.salvationarmyindiana.org\/give\/236855#!\/donation\/checkout?c_src=08132026WebStory","secondary_cta_name":null,"secondary_cta_link":null,"area_commands":null,"external_url":null,"story_date_picker":"2026-08-13","og_image":null,"author":null,"locations2":null,"is_syndicated_read_only":"0","editor_level":"Location","meta":{"type":"item","model_name":"stories","model_alternate_name":"Story","zuid":"7-a0a6debbde-lcf9g6","createdAt":"2026-08-13 18:03:20","updatedAt":"2026-08-13 18:03:19","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-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-expands-response-to-northwest-indiana-storms\/","uri":"\/stories\/the-salvation-army-expands-response-to-northwest-indiana-storms\/","fragment":"the-salvation-army-expands-response-to-northwest-indiana-storms","canonical_tag_mode":"1","sitemap_priority":"-1.0","sitemap_last_updated":"2026-08-13 18:03:19","canonical_query_param_whitelist":null,"canonical_tag_custom_value":null,"seo_link_text":"The Salvation Army Expands Response to\u00a0Northwest Indiana Storms","seo_meta_title":"The Salvation Army Expands Response to\u00a0Northwest Indiana Storms","seo_meta_description":"The Salvation Army is expanding its disaster response in Northwest Indiana in the wake of severe storms on August 11. The Emergency Disaster Services (EDS) team","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":"stories_landing_page","totalItems":1,"data":[{"title":"Indiana","location":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"}]},"og_image":{"type":"images","totalItems":1,"data":[{"type":"image","zuid":"3-15e3d32e-wmg97x","url":"https:\/\/8hxvw8tw.media.zestyio.com\/1000027764.jpeg"}]},"meta":{"type":"item","model_name":"stories_landing_page","model_alternate_name":"StoriesLandingPage","zuid":"7-9486cfa9d9-030mcr","createdAt":"2026-08-21 14:32:02","updatedAt":"2026-08-21 14:32:01","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-f8c59d8382-h4z4pc","name":"stories_landing_page","label":"Stories Landing Page","resourceURI":"https:\/\/www.salvationarmyusa.org\/-\/instant\/6-f8c59d8382-h4z4pc.json"},"web":{"url":"https:\/\/www.salvationarmyusa.org\/usa-central-territory\/indiana\/stories\/","uri":"\/usa-central-territory\/indiana\/stories\/","fragment":"stories","canonical_tag_mode":"0","sitemap_priority":"0.0","sitemap_last_updated":"2026-08-21 14:32:01","canonical_query_param_whitelist":null,"canonical_tag_custom_value":null,"seo_link_text":"Indiana","seo_meta_title":"Stories | Indiana","seo_meta_description":"Learn more about the emergency response across Indiana","seo_meta_keywords":""},"layout":{"html":"<div className={styles.pvlRoot}>\n\t<div id=\"faq\" class=\"p-6 rounded-5 bg-light mb-18\">\n  \n    <h5 class=\"mb-2\">Volunteer Opportunities<\/h5>\n   \n\n  \n  <div class=\"accordion accordion-flush\" id=\"general-accordion-7-a2eef8d0ba-d3tvln\">\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-cecaa1edb5-k1k1k0\">\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-cecaa1edb5-k1k1k0\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-cecaa1edb5-k1k1k0\"\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=\"Where do I log into my online profile?\"\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\">Where do I log into my online profile?<\/p>\n              <p class=\"text-dark-50 mb-0\"> <\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-cecaa1edb5-k1k1k0\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-cecaa1edb5-k1k1k0\"\n          data-bs-parent=\"#general-accordion-7-a2eef8d0ba-d3tvln\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>\n\tOnce completed, you can visit&nbsp;myvolunteerpage.com&nbsp;to access your profile. When completing your profile remember your username and password, so you can log in to access opportunity information and update your profile information as needed.\n<\/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-eab89ec582-63c02h\">\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-eab89ec582-63c02h\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-eab89ec582-63c02h\"\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=\"Group Opportunities\"\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\">Group Opportunities<\/p>\n              <p class=\"text-dark-50 mb-0\">Perfect for businesses, churches, schools, civic organizations, military units, and community groups.<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-eab89ec582-63c02h\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-eab89ec582-63c02h\"\n          data-bs-parent=\"#general-accordion-7-a2eef8d0ba-d3tvln\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p class=\"p1\"><b>Special Events &amp; Projects<\/b><b><\/b><\/p>\n<p class=\"p1\">Work alongside our team on fundraising events, beautification projects, holiday decorating, and other special initiatives.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Adopt a Room<\/b><b><\/b><\/p>\n<p class=\"p1\">Help transform a shelter room into a warm, welcoming space through decorating, organizing, and refreshing furnishings.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Monthly Deep Clean<\/b><b><\/b><\/p>\n<p class=\"p1\">Support shelter guests by helping keep common areas clean, organized, and inviting.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Assemble Snack Bags<\/b><b><\/b><\/p>\n<p class=\"p1\">Create grab-and-go snack bags for shelter guests and children in our family shelter to take to school.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Assemble Toiletry Kits<\/b><b><\/b><\/p>\n<p class=\"p1\">Pack hygiene essentials such as shampoo, soap, toothpaste, toothbrushes, and other personal care items.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Family Stores<\/b><b><\/b><\/p>\n<p class=\"p1\">Help sort donations, organize merchandise, and support the stores that help fund our programs.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Distribution Center<\/b><b><\/b><\/p>\n<p class=\"p1\">Assist with processing donations, sorting inventory, and preparing items for distribution to our Family Stores.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Host a Wish List Drive<\/b><b><\/b><\/p>\n<p class=\"p1\">Collect high-need items such as cleaning supplies, snacks, paper products, and hygiene items to support shelter operations.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Host a Fundraiser<\/b><b><\/b><\/p>\n<p class=\"p1\">Organize an event, donation drive, or community initiative that raises awareness and supports local Salvation Army programs.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><span class=\"s1\"><i>Ready to schedule a group project? Contact our Volunteer Coordinator to get started.<\/i><\/span><\/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-faa3e8bab0-ckwxl3\">\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-faa3e8bab0-ckwxl3\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-faa3e8bab0-ckwxl3\"\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=\"Holiday Opportunities\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"2\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">Holiday Opportunities<\/p>\n              <p class=\"text-dark-50 mb-0\">Help make Christmas brighter for local children and families in need.<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-faa3e8bab0-ckwxl3\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-faa3e8bab0-ckwxl3\"\n          data-bs-parent=\"#general-accordion-7-a2eef8d0ba-d3tvln\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p class=\"p1\"><b>Adopt an Angel<\/b><b><\/b><\/p>\n<p class=\"p1\">Shop for a child's Christmas wish list and help ensure they receive gifts, clothing, and essentials during the holiday season. Click here to learn more.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Angel Tree Warehouse<\/b><b><\/b><\/p>\n<p class=\"p1\">Volunteer behind the scenes by sorting gifts, organizing donations, and preparing for distribution day.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Host a Toy Drive<\/b><b><\/b><\/p>\n<p class=\"p1\">Collect new, unwrapped toys through your business, church, school, or organization to support Angel Tree families.<\/p>\n<p class=\"p1\"><strong>Bell Ringing<\/strong><\/p>\n<p class=\"p1\">Individuals, Families &amp; Groups Welcome<\/p>\n<p class=\"p1\">Volunteer at one of our iconic red kettles during the Christmas season. Funds raised stay local and support programs such as our homeless shelter, food assistance, and emergency services throughout the Augusta area.<\/p>\n<p class=\"p1\">Whether you volunteer once or adopt a kettle throughout the season, every shift helps make a difference.<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  \n<\/div>\n\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:39":{"html":"<div id=\"faq\" class=\"p-6 rounded-5 bg-light mb-18\">\n  \n    <h5 class=\"mb-2\">Volunteer Opportunities<\/h5>\n   \n\n  \n  <div class=\"accordion accordion-flush\" id=\"general-accordion-7-a2eef8d0ba-d3tvln\">\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-cecaa1edb5-k1k1k0\">\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-cecaa1edb5-k1k1k0\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-cecaa1edb5-k1k1k0\"\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=\"Where do I log into my online profile?\"\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\">Where do I log into my online profile?<\/p>\n              <p class=\"text-dark-50 mb-0\"> <\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-cecaa1edb5-k1k1k0\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-cecaa1edb5-k1k1k0\"\n          data-bs-parent=\"#general-accordion-7-a2eef8d0ba-d3tvln\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>\n\tOnce completed, you can visit&nbsp;myvolunteerpage.com&nbsp;to access your profile. When completing your profile remember your username and password, so you can log in to access opportunity information and update your profile information as needed.\n<\/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-eab89ec582-63c02h\">\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-eab89ec582-63c02h\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-eab89ec582-63c02h\"\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=\"Group Opportunities\"\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\">Group Opportunities<\/p>\n              <p class=\"text-dark-50 mb-0\">Perfect for businesses, churches, schools, civic organizations, military units, and community groups.<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-eab89ec582-63c02h\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-eab89ec582-63c02h\"\n          data-bs-parent=\"#general-accordion-7-a2eef8d0ba-d3tvln\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p class=\"p1\"><b>Special Events &amp; Projects<\/b><b><\/b><\/p>\n<p class=\"p1\">Work alongside our team on fundraising events, beautification projects, holiday decorating, and other special initiatives.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Adopt a Room<\/b><b><\/b><\/p>\n<p class=\"p1\">Help transform a shelter room into a warm, welcoming space through decorating, organizing, and refreshing furnishings.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Monthly Deep Clean<\/b><b><\/b><\/p>\n<p class=\"p1\">Support shelter guests by helping keep common areas clean, organized, and inviting.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Assemble Snack Bags<\/b><b><\/b><\/p>\n<p class=\"p1\">Create grab-and-go snack bags for shelter guests and children in our family shelter to take to school.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Assemble Toiletry Kits<\/b><b><\/b><\/p>\n<p class=\"p1\">Pack hygiene essentials such as shampoo, soap, toothpaste, toothbrushes, and other personal care items.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Family Stores<\/b><b><\/b><\/p>\n<p class=\"p1\">Help sort donations, organize merchandise, and support the stores that help fund our programs.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Distribution Center<\/b><b><\/b><\/p>\n<p class=\"p1\">Assist with processing donations, sorting inventory, and preparing items for distribution to our Family Stores.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Host a Wish List Drive<\/b><b><\/b><\/p>\n<p class=\"p1\">Collect high-need items such as cleaning supplies, snacks, paper products, and hygiene items to support shelter operations.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Host a Fundraiser<\/b><b><\/b><\/p>\n<p class=\"p1\">Organize an event, donation drive, or community initiative that raises awareness and supports local Salvation Army programs.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><span class=\"s1\"><i>Ready to schedule a group project? Contact our Volunteer Coordinator to get started.<\/i><\/span><\/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-faa3e8bab0-ckwxl3\">\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-faa3e8bab0-ckwxl3\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-faa3e8bab0-ckwxl3\"\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=\"Holiday Opportunities\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"2\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">Holiday Opportunities<\/p>\n              <p class=\"text-dark-50 mb-0\">Help make Christmas brighter for local children and families in need.<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-faa3e8bab0-ckwxl3\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-faa3e8bab0-ckwxl3\"\n          data-bs-parent=\"#general-accordion-7-a2eef8d0ba-d3tvln\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p class=\"p1\"><b>Adopt an Angel<\/b><b><\/b><\/p>\n<p class=\"p1\">Shop for a child's Christmas wish list and help ensure they receive gifts, clothing, and essentials during the holiday season. Click here to learn more.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Angel Tree Warehouse<\/b><b><\/b><\/p>\n<p class=\"p1\">Volunteer behind the scenes by sorting gifts, organizing donations, and preparing for distribution day.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Host a Toy Drive<\/b><b><\/b><\/p>\n<p class=\"p1\">Collect new, unwrapped toys through your business, church, school, or organization to support Angel Tree families.<\/p>\n<p class=\"p1\"><strong>Bell Ringing<\/strong><\/p>\n<p class=\"p1\">Individuals, Families &amp; Groups Welcome<\/p>\n<p class=\"p1\">Volunteer at one of our iconic red kettles during the Christmas season. Funds raised stay local and support programs such as our homeless shelter, food assistance, and emergency services throughout the Augusta area.<\/p>\n<p class=\"p1\">Whether you volunteer once or adopt a kettle throughout the season, every shift helps make a difference.<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  \n<\/div>\n","content":"<div id=\"faq\" class=\"p-6 rounded-5 bg-light mb-18\">\n  \n    <h5 class=\"mb-2\">Volunteer Opportunities<\/h5>\n   \n\n  \n  <div class=\"accordion accordion-flush\" id=\"general-accordion-7-a2eef8d0ba-d3tvln\">\n    \n      <div class=\"accordion-item border-bottom\">\n        <h2 class=\"accordion-header\" id=\"heading-7-cecaa1edb5-k1k1k0\">\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-cecaa1edb5-k1k1k0\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-cecaa1edb5-k1k1k0\"\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=\"Where do I log into my online profile?\"\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\">Where do I log into my online profile?<\/p>\n              <p class=\"text-dark-50 mb-0\"> <\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-cecaa1edb5-k1k1k0\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-cecaa1edb5-k1k1k0\"\n          data-bs-parent=\"#general-accordion-7-a2eef8d0ba-d3tvln\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p>\n\tOnce completed, you can visit&nbsp;myvolunteerpage.com&nbsp;to access your profile. When completing your profile remember your username and password, so you can log in to access opportunity information and update your profile information as needed.\n<\/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-eab89ec582-63c02h\">\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-eab89ec582-63c02h\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-eab89ec582-63c02h\"\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=\"Group Opportunities\"\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\">Group Opportunities<\/p>\n              <p class=\"text-dark-50 mb-0\">Perfect for businesses, churches, schools, civic organizations, military units, and community groups.<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-eab89ec582-63c02h\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-eab89ec582-63c02h\"\n          data-bs-parent=\"#general-accordion-7-a2eef8d0ba-d3tvln\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p class=\"p1\"><b>Special Events &amp; Projects<\/b><b><\/b><\/p>\n<p class=\"p1\">Work alongside our team on fundraising events, beautification projects, holiday decorating, and other special initiatives.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Adopt a Room<\/b><b><\/b><\/p>\n<p class=\"p1\">Help transform a shelter room into a warm, welcoming space through decorating, organizing, and refreshing furnishings.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Monthly Deep Clean<\/b><b><\/b><\/p>\n<p class=\"p1\">Support shelter guests by helping keep common areas clean, organized, and inviting.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Assemble Snack Bags<\/b><b><\/b><\/p>\n<p class=\"p1\">Create grab-and-go snack bags for shelter guests and children in our family shelter to take to school.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Assemble Toiletry Kits<\/b><b><\/b><\/p>\n<p class=\"p1\">Pack hygiene essentials such as shampoo, soap, toothpaste, toothbrushes, and other personal care items.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Family Stores<\/b><b><\/b><\/p>\n<p class=\"p1\">Help sort donations, organize merchandise, and support the stores that help fund our programs.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Distribution Center<\/b><b><\/b><\/p>\n<p class=\"p1\">Assist with processing donations, sorting inventory, and preparing items for distribution to our Family Stores.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Host a Wish List Drive<\/b><b><\/b><\/p>\n<p class=\"p1\">Collect high-need items such as cleaning supplies, snacks, paper products, and hygiene items to support shelter operations.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Host a Fundraiser<\/b><b><\/b><\/p>\n<p class=\"p1\">Organize an event, donation drive, or community initiative that raises awareness and supports local Salvation Army programs.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><span class=\"s1\"><i>Ready to schedule a group project? Contact our Volunteer Coordinator to get started.<\/i><\/span><\/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-faa3e8bab0-ckwxl3\">\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-faa3e8bab0-ckwxl3\"\n            aria-expanded=\"false\"\n            aria-controls=\"collapse-7-faa3e8bab0-ckwxl3\"\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=\"Holiday Opportunities\"\n            data-page-componentSubheading-type=\"null\"\n            data-page-componentIndex-type=\"2\"\n            onclick=\"LinkTrackingClickEvent(this,'view_content_click')\"\n          >\n            <div class=\"d-flex flex-column\">\n              <p class=\"fs-7 mb-2\">Holiday Opportunities<\/p>\n              <p class=\"text-dark-50 mb-0\">Help make Christmas brighter for local children and families in need.<\/p>\n            <\/div>\n          <\/button>\n        <\/h2>\n        <div\n          id=\"collapse-7-faa3e8bab0-ckwxl3\"\n          \n            class=\"accordion-collapse collapse\"\n          \n          aria-labelledby=\"heading-7-faa3e8bab0-ckwxl3\"\n          data-bs-parent=\"#general-accordion-7-a2eef8d0ba-d3tvln\"\n        >\n          <div class=\"accordion-body pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"text-dark-50\"><p class=\"p1\"><b>Adopt an Angel<\/b><b><\/b><\/p>\n<p class=\"p1\">Shop for a child's Christmas wish list and help ensure they receive gifts, clothing, and essentials during the holiday season. Click here to learn more.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Angel Tree Warehouse<\/b><b><\/b><\/p>\n<p class=\"p1\">Volunteer behind the scenes by sorting gifts, organizing donations, and preparing for distribution day.<\/p>\n<p class=\"p2\"><\/p>\n<p class=\"p1\"><b>Host a Toy Drive<\/b><b><\/b><\/p>\n<p class=\"p1\">Collect new, unwrapped toys through your business, church, school, or organization to support Angel Tree families.<\/p>\n<p class=\"p1\"><strong>Bell Ringing<\/strong><\/p>\n<p class=\"p1\">Individuals, Families &amp; Groups Welcome<\/p>\n<p class=\"p1\">Volunteer at one of our iconic red kettles during the Christmas season. Funds raised stay local and support programs such as our homeless shelter, food assistance, and emergency services throughout the Augusta area.<\/p>\n<p class=\"p1\">Whether you volunteer once or adopt a kettle throughout the season, every shift helps make a difference.<\/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:39","type":"block","primarytype":"content","newLoc":"layout:root:column:0","oldLoc":"bank"}}}}}}}]},"secondary_card":{"type":"relationship","model":"volunteer_pages","totalItems":1,"data":[{"status_zuids":null,"subtitle":"Volunteer and make a difference in your community","primary_cta_link":null,"title":"Volunteer in Indiana","location":null,"division":{"type":"relationship","model":"divisions","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"secondary_cta_link":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"}]},"primary_cta_name":null,"secondary_cta_name":null,"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:\/\/www.salvationarmyusa.org\/in\/anderson\/meridian-street-corps\/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:\/\/www.salvationarmyusa.org\/in\/bloomington\/n-rogers-st-corps\/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:\/\/www.salvationarmyusa.org\/in\/nashville\/s-jefferson-street-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/columbus\/illinois-street-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/evansville\/n-fulton-avenue-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/elkhart\/n-main-st-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/fort-wayne\/n-clinton-street-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/goshen\/n-main-st-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/new-castle\/washington-street-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/huntington\/e-market-street-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/kokomo\/s-waugh-street-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/lafayette\/union-street-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/la-porte\/monroe-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/logansport\/wilkinson-st-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/madison\/e-main-street-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/marion\/n-bradner-avenue-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/muncie\/n-wheeling-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/new-albany\/green-valley-road-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/princeton\/s-gibson-street-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/richmond\/s-a-street-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/shelbyville\/e-washington-street-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/terre-haute\/s-8th-street-corps\/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=\"http:\/\/salvationarmyusa.org\/in\/vincennes\/n-second-street-corps\/volunteer\" target=\"_blank\" data-url=\"https:\/\/centralusa.salvationarmy.org\/vincennes\/volunteer\/\" rel=\"noopener\"> Vincennes Corps Community Center<\/a><\/p>\n<p><a href=\"http:\/\/salvationarmyusa.org\/in\/warsaw\/e-arthur-street-corps\/volunteer\">Warsaw Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"http:\/\/salvationarmyusa.org\/in\/columbia-city\/w-depoy-dr-corps\/volunteer-in-whitley-county\" 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:\/\/volunteer.central.salvationarmyusa.org\/\" target=\"_blank\" data-url=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" rel=\"noopener\">Central Indiana Events<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" target=\"_blank\" data-url=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" rel=\"noopener\">Indianapolis Eagle Creek Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" target=\"_blank\" data-url=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" rel=\"noopener\">Indianapolis Fountain Square Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" target=\"_blank\" data-url=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" rel=\"noopener\">Indianapolis Harbor Light Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" target=\"_blank\" data-url=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" rel=\"noopener\">Ruth Lilly Women &amp; Children's Center \/ Block of Hope<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/www.salvationarmyusa.org\/in\/greenwood\/market-plaza\/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:\/\/volunteer.central.salvationarmyusa.org\/\" target=\"_blank\" data-url=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" rel=\"noopener\">East Chicago Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/www.salvationarmyusa.org\/in\/gary\/harrison-st-corps\/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:\/\/volunteer.central.salvationarmyusa.org\/\" target=\"_blank\" data-url=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" rel=\"noopener\">Hammond-Munster Corps Community Center<\/a><\/p>\n<p><a class=\"btn btn-primary jabtnmg\" href=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" target=\"_blank\" data-url=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" 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>","external_link":null,"navigation_parent":"ways_to_give","territory":{"type":"relationship","model":"territories","totalItems":1,"data":[{"message":"max hydration depth hit"}]},"display_on_header_navigation":"1","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"}]},"national":"0","template_layout":"1","meta":{"type":"item","model_name":"volunteer_pages","model_alternate_name":"VolunteerPage","zuid":"7-aa80dab2e9-11k1dl","createdAt":"2026-05-01 16:52:02","updatedAt":"2026-05-01 16:52:02","listed":"1","version":"14","locale":{"id":"1","name":"English (United States)","code":"en-US","default":"1","active":"1","enabled":"1"},"model":{"type":"model","zuid":"6-8489c3a590-kn21jh","name":"volunteer_pages","label":"Volunteer Pages","resourceURI":"https:\/\/www.salvationarmyusa.org\/-\/instant\/6-8489c3a590-kn21jh.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-05-01 16:52:02","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\n  id=\"hero-full\"\n  class=\"featured-article bg-opacity-25 mb-4 position-relative rounded-5 position-relative overflow-hidden mb-15\"\n>\n  <img\n    id=\"hero-full-image\"\n    class=\"w-100 rounded-5 object-fit-cover\"\n    src=\"https://8hxvw8tw.media.zestyio.com/volunteer-image.png\"\n    alt=\"Featured Article\"\n  \/>\n  <div\n    class=\"image-overlay position-absolute bg-opacity-50 bg-dark top-0 start-0 w-100 h-100\"\n  ><\/div>\n  <div\n    class=\"px-6 py-8 position-absolute top-0 left-0 w-100 h-100 d-inline-flex flex-column align-items-start justify-content-center z-3\"\n  >\n    <div class=\"w-75\">\n      <h1 class=\"fs-4 mt-3 mb-2 text-white\">\n        Volunteer in Your Community\n      <\/h1>\n      <div class=\"mb-3 text-white display-1 w-lg-75 w-sm-100\">\n        Learn how you can serve others in your local community with The Salvation Army\n      <\/div>\n    <\/div>\n    <div class=\"d-flex align-items-center text-white w-100 mt-4 gap-2\">\n      \n      \n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  function setBannerImage() {\n    let bannerImage = 'https://8hxvw8tw.media.zestyio.com/volunteer-image.png';\n    let bannerImg = document.querySelector('#hero-full-image');\n    if (window.innerWidth <= 768) {\n      bannerImage += '?width=396&height=658&crop=3:2,smart';\n    } else {\n      bannerImage += '?width=1046&crop=3:1,smart';\n    }\n    bannerImg.setAttribute('src', bannerImage);\n  }\n\n  function setupEventTracking() {\n    const ctaButtons = document.querySelectorAll('.hero-full-cta-button');\n    const regex = \/donate\/i;\n\n    ctaButtons.forEach((button) => {\n      if (regex.test(button.textContent)) {\n        button.setAttribute('onclick', \"LinkTrackingClickEvent(this,'donate_money_click')\");\n      } else {\n        button.setAttribute('onclick', \"LinkTrackingClickEvent(this,'cta_click')\");\n      }\n    });\n  }\n  document.addEventListener('DOMContentLoaded', function () {\n    setBannerImage();\n    setupEventTracking();\n  });\n<\/script>\n<style>\n  .featured-article img {\n    max-height: 640px;\n  }\n<\/style>\n<\/div>\n\t<div class=\"bg-light p-6 rounded-5 mb-18 container\">\n\t\t<div class=\"column\">\n\t\t\t<p>The strength of our service in this community is fueled by the neighbors who serve alongside us. Whether you are looking to give back on a Saturday morning or want to find a consistent way to share your professional skills, we make it simple to connect your heart for service with a local need.<\/p>\n<p><\/p>\n<p>We utilize a digital volunteer portal that allows you to manage your own journey. From here, you can see exactly where help is needed today, sign up for shifts that fit your schedule, and track your total hours of impact in real-time.<\/p>\n<p><\/p>\n<p><strong>View Local Needs<\/strong><\/p>\n<p><\/p>\n<p><a class=\"btn btn-primary\" href=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" target=\"_blank\" rel=\"noopener\">Search Nearby Opportunities<\/a><\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"bg-light p-6 rounded-5 mb-18 container\">\n\t\t<div class=\"column\">\n\t\t\t<h2>Service on Your Terms<\/h2>\n<p><\/p>\n<p>We believe volunteering should be rewarding, not complicated. Our portal provides a transparent and user-friendly experience so you can focus on what matters most\u2014helping others.<\/p>\n<p><\/p>\n<ul>\n<li><strong>Find Your Fit: <\/strong>Filter by ZIP code to see the specific opportunities closest to your home or office.<\/li>\n<li><strong>Claim Your Shift: <\/strong>Secure your spot with a mobile-friendly sign-up process.<\/li>\n<li><strong>Stay Flexible: <\/strong>View your upcoming schedule and adjust if your availability changes.<\/li>\n<li><strong>Serve Together: <\/strong>Easily identify projects with enough space for your family, coworkers, or civic group.<\/li>\n<\/ul>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"bg-light p-6 rounded-5 mb-18 container\">\n\t\t<div class=\"column\">\n\t\t\t<h2>Questions?<\/h2>\n<p><\/p>\n<p>If you need assistance finding the right role, signing up or just have questions, our team is here to help. <a href=\"\/usa-central-territory\/indiana\/contact-us\">Contact us to get help<\/a> or learn more about volunteering in our community.<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>","json":{"layout:root:column:0":{"name":"layout:root:column:0","html":"<div className={styles.pvlRoot}>*<\/div>","children":{"content:block:6-bcfbdaa6d3-vjj3qs:0:89":{"html":"<div><div\n  id=\"hero-full\"\n  class=\"featured-article bg-opacity-25 mb-4 position-relative rounded-5 position-relative overflow-hidden mb-15\"\n>\n  <img\n    id=\"hero-full-image\"\n    class=\"w-100 rounded-5 object-fit-cover\"\n    src=\"https://8hxvw8tw.media.zestyio.com/volunteer-image.png\"\n    alt=\"Featured Article\"\n  \/>\n  <div\n    class=\"image-overlay position-absolute bg-opacity-50 bg-dark top-0 start-0 w-100 h-100\"\n  ><\/div>\n  <div\n    class=\"px-6 py-8 position-absolute top-0 left-0 w-100 h-100 d-inline-flex flex-column align-items-start justify-content-center z-3\"\n  >\n    <div class=\"w-75\">\n      <h1 class=\"fs-4 mt-3 mb-2 text-white\">\n        Volunteer in Your Community\n      <\/h1>\n      <div class=\"mb-3 text-white display-1 w-lg-75 w-sm-100\">\n        Learn how you can serve others in your local community with The Salvation Army\n      <\/div>\n    <\/div>\n    <div class=\"d-flex align-items-center text-white w-100 mt-4 gap-2\">\n      \n      \n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  function setBannerImage() {\n    let bannerImage = 'https://8hxvw8tw.media.zestyio.com/volunteer-image.png';\n    let bannerImg = document.querySelector('#hero-full-image');\n    if (window.innerWidth <= 768) {\n      bannerImage += '?width=396&height=658&crop=3:2,smart';\n    } else {\n      bannerImage += '?width=1046&crop=3:1,smart';\n    }\n    bannerImg.setAttribute('src', bannerImage);\n  }\n\n  function setupEventTracking() {\n    const ctaButtons = document.querySelectorAll('.hero-full-cta-button');\n    const regex = \/donate\/i;\n\n    ctaButtons.forEach((button) => {\n      if (regex.test(button.textContent)) {\n        button.setAttribute('onclick', \"LinkTrackingClickEvent(this,'donate_money_click')\");\n      } else {\n        button.setAttribute('onclick', \"LinkTrackingClickEvent(this,'cta_click')\");\n      }\n    });\n  }\n  document.addEventListener('DOMContentLoaded', function () {\n    setBannerImage();\n    setupEventTracking();\n  });\n<\/script>\n<style>\n  .featured-article img {\n    max-height: 640px;\n  }\n<\/style>\n<\/div>","content":"<div\n  id=\"hero-full\"\n  class=\"featured-article bg-opacity-25 mb-4 position-relative rounded-5 position-relative overflow-hidden mb-15\"\n>\n  <img\n    id=\"hero-full-image\"\n    class=\"w-100 rounded-5 object-fit-cover\"\n    src=\"https://8hxvw8tw.media.zestyio.com/volunteer-image.png\"\n    alt=\"Featured Article\"\n  \/>\n  <div\n    class=\"image-overlay position-absolute bg-opacity-50 bg-dark top-0 start-0 w-100 h-100\"\n  ><\/div>\n  <div\n    class=\"px-6 py-8 position-absolute top-0 left-0 w-100 h-100 d-inline-flex flex-column align-items-start justify-content-center z-3\"\n  >\n    <div class=\"w-75\">\n      <h1 class=\"fs-4 mt-3 mb-2 text-white\">\n        Volunteer in Your Community\n      <\/h1>\n      <div class=\"mb-3 text-white display-1 w-lg-75 w-sm-100\">\n        Learn how you can serve others in your local community with The Salvation Army\n      <\/div>\n    <\/div>\n    <div class=\"d-flex align-items-center text-white w-100 mt-4 gap-2\">\n      \n      \n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  function setBannerImage() {\n    let bannerImage = 'https://8hxvw8tw.media.zestyio.com/volunteer-image.png';\n    let bannerImg = document.querySelector('#hero-full-image');\n    if (window.innerWidth <= 768) {\n      bannerImage += '?width=396&height=658&crop=3:2,smart';\n    } else {\n      bannerImage += '?width=1046&crop=3:1,smart';\n    }\n    bannerImg.setAttribute('src', bannerImage);\n  }\n\n  function setupEventTracking() {\n    const ctaButtons = document.querySelectorAll('.hero-full-cta-button');\n    const regex = \/donate\/i;\n\n    ctaButtons.forEach((button) => {\n      if (regex.test(button.textContent)) {\n        button.setAttribute('onclick', \"LinkTrackingClickEvent(this,'donate_money_click')\");\n      } else {\n        button.setAttribute('onclick', \"LinkTrackingClickEvent(this,'cta_click')\");\n      }\n    });\n  }\n  document.addEventListener('DOMContentLoaded', function () {\n    setBannerImage();\n    setupEventTracking();\n  });\n<\/script>\n<style>\n  .featured-article img {\n    max-height: 640px;\n  }\n<\/style>\n","model":"6-bcfbdaa6d3-vjj3qs","name":"Hero Full","position":0,"fullName":"content:block:6-bcfbdaa6d3-vjj3qs:0:89","type":"block","primarytype":"content","id":"content:block:6-bcfbdaa6d3-vjj3qs:0:89","styles":{},"newLoc":"layout:root:column:0","contentOverride":false},"design:columns:1columninformational:1:99":{"uid":"1columninformational","name":"1 Column - Informational White","type":"columns","classes":"bg-light p-6 rounded-5 mb-18 container","html":"<div class=\"bg-light p-6 rounded-5 mb-18 container\">*<\/div>","preview":"<div style=\"display:grid;grid-template-columns:1fr;gap:8px\"><div style=\"background:#e2e8f0;height:36px;border-radius:6px\"><\/div><\/div>","droppable":false,"rows":1,"columns":[{"width":"1","html":"<div class=\"column\">*<\/div>","classes":"column p-6 rounded-5 bg-light mb-18","droppable":true}],"rowLayouts":[{"columns":[{"width":"1","html":"<div class=\"column\">*<\/div>","classes":"column p-6 rounded-5 bg-light mb-18","droppable":true}]}],"position":1,"fullName":"design:columns:1columninformational:1:99","children":{"design:columns:1columninformational:1:99-1:1 Column - Informational White:0":{"width":"1","html":"<div class=\"column\">*<\/div>","classes":"column p-6 rounded-5 bg-light mb-18","droppable":true,"children":{"content:wysiwyg_basic:0:29":{"icon":"outdent","name":"WYSIWYG","type":"wysiwyg_basic","html":"<p>The strength of our service in this community is fueled by the neighbors who serve alongside us. Whether you are looking to give back on a Saturday morning or want to find a consistent way to share your professional skills, we make it simple to connect your heart for service with a local need.<\/p>\n<p><\/p>\n<p>We utilize a digital volunteer portal that allows you to manage your own journey. From here, you can see exactly where help is needed today, sign up for shifts that fit your schedule, and track your total hours of impact in real-time.<\/p>\n<p><\/p>\n<p><strong>View Local Needs<\/strong><\/p>\n<p><\/p>\n<p><a class=\"btn btn-primary\" href=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" target=\"_blank\" rel=\"noopener\">Search Nearby Opportunities<\/a><\/p>","description":"Text with HTML references.","draggable":true,"content":"<p>The strength of our service in this community is fueled by the neighbors who serve alongside us. Whether you are looking to give back on a Saturday morning or want to find a consistent way to share your professional skills, we make it simple to connect your heart for service with a local need.<\/p>\n<p><\/p>\n<p>We utilize a digital volunteer portal that allows you to manage your own journey. From here, you can see exactly where help is needed today, sign up for shifts that fit your schedule, and track your total hours of impact in real-time.<\/p>\n<p><\/p>\n<p><strong>View Local Needs<\/strong><\/p>\n<p><\/p>\n<p><a class=\"btn btn-primary\" href=\"https:\/\/volunteer.central.salvationarmyusa.org\/\" target=\"_blank\" rel=\"noopener\">Search Nearby Opportunities<\/a><\/p>","position":0,"fullName":"content:wysiwyg_basic:0:29","htmlElement":"html","primarytype":"content","id":"content:wysiwyg_basic:0:29","styles":{},"newLoc":"design:columns:1columninformational:1:99-1:1 Column - Informational White:0","contentOverride":false}}}},"primarytype":"design","newLoc":"layout:root:column:0","oldLoc":"bank","id":"design:columns:1columninformational:1:99","styles":{},"htmlElement":"div","content":"<div class=\"bg-light p-6 rounded-5 mb-18 container\">*<\/div>","contentOverride":false},"design:columns:1columninformational:1:57":{"uid":"1columninformational","name":"1 Column - Informational White","type":"columns","classes":"bg-light p-6 rounded-5 mb-18 container","html":"<div class=\"bg-light p-6 rounded-5 mb-18 container\">*<\/div>","preview":"<div style=\"display:grid;grid-template-columns:1fr;gap:8px\"><div style=\"background:#e2e8f0;height:36px;border-radius:6px\"><\/div><\/div>","droppable":false,"rows":1,"columns":[{"width":"1","html":"<div class=\"column\">*<\/div>","classes":"column p-6 rounded-5 bg-light mb-18","droppable":true}],"rowLayouts":[{"columns":[{"width":"1","html":"<div class=\"column\">*<\/div>","classes":"column p-6 rounded-5 bg-light mb-18","droppable":true}]}],"position":2,"fullName":"design:columns:1columninformational:1:57","children":{"design:columns:1columninformational:1:57-1:1 Column - Informational White:0":{"width":"1","html":"<div class=\"column\">*<\/div>","classes":"column p-6 rounded-5 bg-light mb-18","droppable":true,"children":{"content:wysiwyg_basic:0:9":{"icon":"outdent","name":"WYSIWYG","type":"wysiwyg_basic","html":"<h2>Service on Your Terms<\/h2>\n<p><\/p>\n<p>We believe volunteering should be rewarding, not complicated. Our portal provides a transparent and user-friendly experience so you can focus on what matters most\u2014helping others.<\/p>\n<p><\/p>\n<ul>\n<li><strong>Find Your Fit: <\/strong>Filter by ZIP code to see the specific opportunities closest to your home or office.<\/li>\n<li><strong>Claim Your Shift: <\/strong>Secure your spot with a mobile-friendly sign-up process.<\/li>\n<li><strong>Stay Flexible: <\/strong>View your upcoming schedule and adjust if your availability changes.<\/li>\n<li><strong>Serve Together: <\/strong>Easily identify projects with enough space for your family, coworkers, or civic group.<\/li>\n<\/ul>","description":"Text with HTML references.","draggable":true,"content":"<h2>Service on Your Terms<\/h2>\n<p><\/p>\n<p>We believe volunteering should be rewarding, not complicated. Our portal provides a transparent and user-friendly experience so you can focus on what matters most\u2014helping others.<\/p>\n<p><\/p>\n<ul>\n<li><strong>Find Your Fit: <\/strong>Filter by ZIP code to see the specific opportunities closest to your home or office.<\/li>\n<li><strong>Claim Your Shift: <\/strong>Secure your spot with a mobile-friendly sign-up process.<\/li>\n<li><strong>Stay Flexible: <\/strong>View your upcoming schedule and adjust if your availability changes.<\/li>\n<li><strong>Serve Together: <\/strong>Easily identify projects with enough space for your family, coworkers, or civic group.<\/li>\n<\/ul>","position":0,"fullName":"content:wysiwyg_basic:0:9","htmlElement":"html","primarytype":"content","id":"content:wysiwyg_basic:0:9","styles":{},"newLoc":"design:columns:1columninformational:1:57-1:1 Column - Informational White:0","contentOverride":false}}}},"primarytype":"design","newLoc":"layout:root:column:0","oldLoc":"bank","id":"design:columns:1columninformational:1:57","styles":{},"htmlElement":"div","content":"<div class=\"bg-light p-6 rounded-5 mb-18 container\">*<\/div>","contentOverride":false},"design:columns:1columninformational:2:17":{"uid":"1columninformational","name":"1 Column - Informational White","type":"columns","classes":"bg-light p-6 rounded-5 mb-18 container","html":"<div class=\"bg-light p-6 rounded-5 mb-18 container\">*<\/div>","preview":"<div style=\"display:grid;grid-template-columns:1fr;gap:8px\"><div style=\"background:#e2e8f0;height:36px;border-radius:6px\"><\/div><\/div>","droppable":false,"rows":1,"columns":[{"width":"1","html":"<div class=\"column\">*<\/div>","classes":"column p-6 rounded-5 bg-light mb-18","droppable":true}],"rowLayouts":[{"columns":[{"width":"1","html":"<div class=\"column\">*<\/div>","classes":"column p-6 rounded-5 bg-light mb-18","droppable":true}]}],"position":3,"fullName":"design:columns:1columninformational:2:17","children":{"design:columns:1columninformational:2:17-1:1 Column - Informational White:0":{"width":"1","html":"<div class=\"column\">*<\/div>","classes":"column p-6 rounded-5 bg-light mb-18","droppable":true,"children":{"content:wysiwyg_basic:0:3":{"icon":"outdent","name":"WYSIWYG","type":"wysiwyg_basic","html":"<h2>Questions?<\/h2>\n<p><\/p>\n<p>If you need assistance finding the right role, signing up or just have questions, our team is here to help. <a href=\"\/usa-central-territory\/indiana\/contact-us\">Contact us to get help<\/a> or learn more about volunteering in our community.<\/p>","description":"Text with HTML references.","draggable":true,"content":"<h2>Questions?<\/h2>\n<p><\/p>\n<p>If you need assistance finding the right role, signing up or just have questions, our team is here to help. <a href=\"\/usa-central-territory\/indiana\/contact-us\">Contact us to get help<\/a> or learn more about volunteering in our community.<\/p>","position":0,"fullName":"content:wysiwyg_basic:0:3","htmlElement":"html","primarytype":"content","id":"content:wysiwyg_basic:0:3","styles":{},"newLoc":"design:columns:1columninformational:2:17-1:1 Column - Informational White:0","contentOverride":false}}}},"primarytype":"design","newLoc":"layout:root:column:0","oldLoc":"bank","id":"design:columns:1columninformational:2:17","styles":{},"htmlElement":"div","content":"<div class=\"bg-light p-6 rounded-5 mb-18 container\">*<\/div>","contentOverride":false}}}}}}}]},"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":"Read More","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,"classy_url_mobile":null,"meta":{"type":"item","model_name":"divisions","model_alternate_name":"Division","zuid":"7-e4a1c59bd4-02km0q","createdAt":"2026-08-27 15:13:26","updatedAt":"2026-08-27 15:13:26","listed":"1","version":"29","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-08-27 15:13:26","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-4 me-xl-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 display-3 display-xl-2"
            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 display-3 display-xl-2"
            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 display-3 display-xl-2">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-3 display-xl-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 display-3 display-xl-2"
            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 display-3 display-xl-2">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 display-3 display-xl-2"
                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 display-3 display-xl-2"
                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 display-3 display-xl-2"
                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 display-3 display-xl-2"
                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 display-3 display-xl-2"
                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 display-3 display-xl-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 display-3 display-xl-2"
                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 display-3 display-xl-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 display-3 display-xl-2"
            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 display-3 display-xl-2"
            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 display-3 display-xl-2">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 header-donate-button display-3 display-xl-2"
                href="#"
                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 display-3 display-xl-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 display-3 display-xl-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 display-3 display-xl-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 display-3 display-xl-2"
                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 display-3 display-xl-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 display-3 display-xl-2"
                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 display-3 display-xl-2"
                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 display-3 display-xl-2"
            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 display-3 display-xl-2"
            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 fs-4"
          >location_on</span
        >
      </div>
      <div>
        <p class="location-title-placeholder placeholder-glow component-placeholder mb-0 display-3 display-xl-2">
          <span
            class="placeholder"
            style="width: 10rem"
          ></span>
        </p>
        <p class="my-0 mb-0 display-3 display-xl-2">
          <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 display-3 display-xl-2"
            >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 display-3 display-xl-2"
            >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
          type="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
          type="button"
          class="btn btn-sm 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="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")
    leadershipMobileLink.setAttribute('href', '/leadership');
    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');
    leadershipMobileLink.setAttribute('href', getCookieByName('location_home_url') + 'leadership');
    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');

   })

  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-6 pe-md-8 order-2 order-md-1 mt-7 mt-md-0">
        <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>Enter your ZIP code to continue to our donation site to find local donation options for clothing, furniture, and more.</p>
          </div>
        </div>
      </div>
      <div class="donate-wrapper col-12 col-md-6 ps-md-8 order-1 order-md-2">
        <div class="donate-header mt-sm-6 mt-md-0 pb-3 mb-md-3">
          <h6 class="fs-7 mb-0 me-3 pe-3">Give Now</h6>
        </div>
        <div class="pt-3 amount-messages">
          <p>Your donation helps spread joy by providing meals, shelter, and support for your local neighbors in need.</p>
        </div>
        <div class="row pt-lg-6">
          <div class="col-12 donate-locally">
            <a href="#" id="drawer-donate-once" class="mt-auto btn btn-primary btn-lg w-sm-100 w-md-auto me-lg-2" data-location-type="nav-top:donation-drawer-donate-once" data-function-type="other" data-format-type="button" data-link-type="external">Donate Once</a>
            <a href="#" id="drawer-donate-monthly" class="mt-4 mt-md-auto btn btn-secondary btn-lg w-sm-100 w-md-auto" data-location-type="nav-top:donation-drawer-donate-monthly" data-function-type="other" data-format-type="button" data-link-type="external">Donate Monthly</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function () {
    var donationDrawer = document.getElementById('header-donate-drawer');

    if (!donationDrawer) {
      return;
    }

    var donateHeaderButtons = document.querySelectorAll('button.header-donate-button');

    function setDonateButtonState(isActive) {
      donateHeaderButtons.forEach(function(btn) {
        btn.classList.toggle('dropdown-active', isActive);
        btn.classList.toggle('dropdown-ready', !isActive);

        var icon = btn.querySelector('i');
        if (icon) {
          icon.classList.toggle('bi-chevron-up', isActive);
          icon.classList.toggle('bi-chevron-down', !isActive);
        }
      });
    }

    window.forceOpenDonationDrawer = function() {
      donationDrawer.classList.remove('hide');
      donationDrawer.classList.add('active');
      setDonateButtonState(true);
    };

    window.forceCloseDonationDrawer = function() {
      donationDrawer.classList.add('hide');
      donationDrawer.classList.remove('active');
      setDonateButtonState(false);
    };

    function closeHeaderChrome() {
      var navMenuElement = typeof navMenu !== 'undefined' ? navMenu : null;
      var searchContainerElement = document.getElementById('header-search-container');
      var searchToggleButton = document.getElementById('search-toggle-btn');
      var findHelpElement = document.getElementById('header-help-container');

      if (navMenuElement) {
        navMenuElement.style.transform = 'unset';
        navMenuElement.classList.remove('active');
      }

      if (searchContainerElement && searchContainerElement.classList.contains('active')) {
        searchContainerElement.classList.remove('active');

        var searchIcon = searchToggleButton ? searchToggleButton.querySelector('span') : null;
        if (searchIcon) {
          searchIcon.classList.toggle('text-primary-200');
          searchIcon.classList.toggle('text-dark-100');
        }
      }

      document.querySelectorAll('.header-dropdown').forEach(function(dropdown) {
        dropdown.classList.remove('show');
        if (dropdown.nextElementSibling) {
          dropdown.nextElementSibling.classList.remove('show');
        }
      });

      if (findHelpElement) {
        findHelpElement.classList.remove('active');
      }
    }

    window.toggleHeaderDonationDrawer = function(event, button, options) {
      if (event) {
        event.preventDefault();
        event.stopImmediatePropagation();
      }

      if (options && options.trackClick && typeof LinkTrackingClickEvent === 'function') {
        LinkTrackingClickEvent(button, 'donate_money_click');
      }

      closeHeaderChrome();

      if (donationDrawer.classList.contains('active')) {
        window.forceCloseDonationDrawer();
      } else {
        window.forceOpenDonationDrawer();
      }
    };

    document.addEventListener('click', function(event) {
      var donateButton = event.target.closest('.header-donate-button');

      if (!donateButton || donationDrawer.contains(donateButton)) {
        return;
      }

      window.toggleHeaderDonationDrawer(event, donateButton, { trackClick: true });
    }, true);

    var donationCloseBtn = donationDrawer.querySelector('#donate-close-btn');
    if (donationCloseBtn) {
      donationCloseBtn.addEventListener('click', function () {
        window.forceCloseDonationDrawer();
      });
    }

    var donateGoodsForm = donationDrawer.querySelector('#donate-goods-form');
    var zipInput = donationDrawer.querySelector('#donate-goods-zip');
    var goButton = donationDrawer.querySelector('#btn-submit');

    if (donateGoodsForm && zipInput && goButton) {
      goButton.disabled = true;
      goButton.classList.add('disabled');

      function isValidZipCode(zip) {
        return /^\d{5}$/.test(zip);
      }

      function updateButtonState() {
        var zipValue = zipInput.value.trim();
        goButton.disabled = !isValidZipCode(zipValue);
        goButton.classList.toggle('disabled', goButton.disabled);
      }

      zipInput.addEventListener('input', updateButtonState);
      zipInput.addEventListener('keyup', updateButtonState);

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

        if (!isValidZipCode(zipInput.value.trim())) {
          return;
        }

        var zipCode = zipInput.value.trim();
        var donateURL = 'https://satruck.org/Donate/Choose?zip=' + encodeURIComponent(zipCode);

        if (typeof utag !== 'undefined' && utag.link) {
          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.location.href = donateURL;
      });
    }

    function getCookieValue(keyName, fallback) {
      if (typeof cookieManager === 'undefined' || typeof cookieKeys === 'undefined' || !cookieKeys[keyName]) {
        return fallback;
      }

      return cookieManager.get(cookieKeys[keyName]) || fallback;
    }

    function buildDonationUrl(frequency) {
      return getCookieValue(frequency === 'monthly' ? 'donateMonthlyURL' : 'donateOnceURL', '');
    }

    var onceUrl = buildDonationUrl('one-time');
    var monthlyUrl = buildDonationUrl('monthly');
    var onceBtn = donationDrawer.querySelector('#drawer-donate-once');
    var monthlyBtn = donationDrawer.querySelector('#drawer-donate-monthly');

    function bindDonationButton(button, url, linkText) {
      if (!button || !url) {
        return;
      }

      button.href = url;
      button.target = '_blank';
      button.rel = 'noopener noreferrer';
      button.addEventListener('click', function() {
        if (typeof utag !== 'undefined' && utag.link) {
          utag.link({
            event: 'donate_money_click',
            link_function: 'donation',
            link_format: 'button',
            link_text: linkText,
            link_location: 'donation drawer',
            link_url: url,
            link_type: 'external',
          });
        }
      });
    }

    bindDonationButton(onceBtn, onceUrl, 'donate once');
    bindDonationButton(monthlyBtn, monthlyUrl, 'donate monthly');
  });
</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';
        // instant-endpoint services have content.icon_name; IndexDB services have .icon
        icon.textContent = service.content?.icon_name || service.icon || 'local_offer';

        const text = document.createElement('span');
        text.className = 'flex-grow-1 text-wrap';
        // instant-endpoint services have content.title; IndexDB services have .title
        text.textContent = service.content?.title || 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 (header dropdowns only — location finder mobile is handled separately below)
      const mobileContainers = [
        {
          selector: '.d-md-none .dropdown-menu .dropdown-menu__wrapper',
          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);
        }
      });

      // Location finder mobile dropdown — built from the same instant-endpoint data as desktop
      // so checkbox values use service.content.Zuid.data[0].Zuid and match loc.service_types
      const locationFinderMobileContainer = document.querySelector('.services-list--mobile .dropdown-menu');
      if (locationFinderMobileContainer) {
        locationFinderMobileContainer.innerHTML = '';
        data
          .filter(s => s.content.show_on_menus === "1")
          .sort((a, b) => Number(a.content.sort_order) - Number(b.content.sort_order))
          .forEach(service => {
            locationFinderMobileContainer.appendChild(createMobileItem(service, 'body'));
          });
      }

      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');
        const isDonateMoneyLink = link.title && link.title.trim().toLowerCase() === 'donate money';

        newLinkElement.classList.add('dropdown-item', 'py-2', 'px-2');
        newLinkElement.textContent = link.title;
        if(isDonateMoneyLink){
            newLinkElement.classList.add('header-donate-button');
            newLinkElement.setAttribute('href', '#');
          }else 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', isDonateMoneyLink ? "other" : "navigation");
        newLinkElement.setAttribute('data-format-type', "text");
        newLinkElement.setAttribute('data-link-type', "internal");
        newLinkElement.setAttribute('onclick', isDonateMoneyLink ? "LinkTrackingClickEvent(this,'donate_money_click')" : "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;
    }

    function formatHeaderLocationText(locationName) {
      return locationName.replace(/\b[\w']+\b/g, (word) => {
      if (word.toLowerCase() === 'usa') {
        return 'USA';
      }

        if (word !== word.toUpperCase() && /[A-Z]/.test(word.slice(1))) {
        return word;
      }

      return word.charAt(0).toUpperCase() +
            word.slice(1).toLowerCase();
    });
    }

    headerLocations.forEach((headerLocation) => {
      if (locationCookie == "NATIONAL") {
        headerLocation.textContent = formatHeaderLocationText(locationCookie)
      } else {
        headerLocation.textContent = locationCookie;
      }
      
    })
    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 donate-modal-content">
      <!-- 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="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-9486cfa9d9-030mcr";

      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️⃣ Try each source in priority order (division → territory → national), stop at first success
          let fastestCard, fastestText;
          for (const zuid of [divisionZuid, territoryZuid, nationalZuid]) {
            try {
              const result = await loadPrimaryCard(zuid);
              fastestCard = result.cardData;
              fastestText = result.cardText;
              break;
            } catch (_) {
              // No card data for this Zuid, try next
            }
          }

          // 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;

        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-aa80dab2e9-11k1dl";

      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️⃣ Try each source in priority order (division → territory → national), stop at first success
          let fastestCard, fastestText;
          for (const zuid of [divisionZuid, territoryZuid, nationalZuid]) {
            try {
              const result = await loadSecondaryCard(zuid);
              fastestCard = result.cardData;
              fastestText = result.cardText;
              break;
            } catch (_) {
              // No card data for this Zuid, try next
            }
          }

          // 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 h-100">
                    <div>
                      <h5 class="card-title fs-md-4 fs-sm-6 fw-normal">
                        ${stat.right_side_header}
                      </h5>
                      <div class="mb-16 fs-7 f-ajenson text-dark-50 ">
                        ${stat.right_side_content}
                      </div>
                    </div>
                    <div class="mt-auto pt-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>
                          <button
                            type="button"
                            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 stats-donate header-donate-button"
                          >
                            Donate
                          </button>
                        </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"
            width="59"
            height="96"
          />
        </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 Updates</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')"
                >
                  Subscribe
                </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'
  );

  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 => {
      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=fcba44287d82f2d6c6bc556797722304"
></script>
</body></html>