---
import findAllIndicesOf from '$lib/findAllIndicesOf';
import translate from '$i18n/translate';
import tBreadcrumbs from '$i18n/translations/components/breadcrumbs';
import type Locale from '$types/Locale';
import locales from '$i18n/locales';

const path = Astro.url.pathname.replace(/(?<!\/)$/, '/');
const localeInPath = new RegExp(`/(?<=^/)(${locales.join('|')})`);
const locale = path.match(localeInPath)?.[1] as Locale;
if (!locale) {
  return;
}
const pathWithoutLocale = path.replace(new RegExp(`^/${locale}`), '');
const slashIndices = findAllIndicesOf('/', pathWithoutLocale);
const parentRoutes = slashIndices.map((n) => pathWithoutLocale.slice(0, n + 1)).slice(0, -1);

const t = translate(locale);
---

<ol class="nav__breadcrumbs">
  {
    parentRoutes.map((route) => {
      return (
        <li>
          <a class="link" href={`/${locale}${route}`}>
            {t(tBreadcrumbs, { key: route })}
          </a>
        </li>
      );
    })
  }
</ol>