---
import { copy, type Lang } from '../i18n/copy';
const { lang } = Astro.props as { lang: Lang };
const t = copy[lang];
const policies = ['terms', 'privacy', 'aml', 'kyc'];
---

<footer class="site-footer">
  <div class="wrap">
    <div class="footer-grid">
      <div class="footer-brand">
        <a class="wordmark" href={`/${lang}/`}
          ><span class="brand-icon" aria-hidden="true">↗</span> sxchnge<span
            class="brand-dot">®</span
          ></a
        ><p>{t.heroNote}</p><span class="footer-direction" aria-hidden="true"
          >₿ <span>⟶</span> €</span>
      </div><div>
        <h2>{t.company}</h2>{
          t.companyFields.map((field) => <p class="placeholder">{field}</p>)
        }
      </div><div>
        <h2>{t.legal}</h2>{
          t.legalNames.map((name, i) => (
            <a href={`/${lang}/policies/${policies[i]}/`}>
              {name}
              <span aria-hidden="true">↗</span>
            </a>
          ))
        }
      </div><div>
        <h2>{t.contact}</h2><p class="placeholder">{t.support}</p><div
          class="footer-locales"
        >
          <a
            href="/en/"
            lang="en"
            aria-current={lang === 'en' ? 'page' : undefined}>English</a
          ><a
            href="/ru/"
            lang="ru"
            aria-current={lang === 'ru' ? 'page' : undefined}>Русский</a>
        </div>
      </div>
    </div><div class="footer-bottom">
      <p>© {new Date().getFullYear()} SXCHNGE</p><p>{t.draft}</p><p>
        {t.rights}
      </p>
    </div>
  </div>
</footer>