---
import { getCollection } from 'astro:content';
import { slugify } from '../lib/slug';

const posts = await getCollection('blog', ({ data }) => !data.draft);
const categories = [...new Set(posts.flatMap((p) => p.data.categories))].sort();

const telegramGroups = [
  { label: 'Amatör Telsizci', href: 'https://t.me/amatortelsizci' },
  { label: 'Amatör Radyocular Derneği', href: 'https://t.me/ym1ktc' },
  { label: 'Çevrim Zamanı', href: 'https://t.me/cevrim_zamani' },
  { label: 'ARV73 Topluluk', href: 'https://t.me/qrv73topluluk' },
];
---

<footer id="site-footer">
  <div class="mx-auto max-w-6xl px-5">
    <div class="mb-12 grid grid-cols-2 gap-10 md:grid-cols-4">
      <div class="col-span-2">
        <a class="mb-3 flex items-center gap-2 text-lg font-bold" href="/" style="color:var(--color-tx)">
          <span class="logo-icon"><i class="fa-solid fa-satellite-dish"></i></span>
          TA1SPH
        </a>
        <p class="max-w-xs text-sm leading-relaxed" style="color:var(--color-tx3)">
          Amatör telsizcilik üzerine, yeni başlayanlar ve Türkçe kaynak arayanlar için deneyim ve bilgi paylaşımı.
        </p>
      </div>

      <div class="footer-col">
        <h5>Menü</h5>
        <a href="/">Ana Sayfa</a>
        <a href="/blog">Blog</a>
        <a href="/rolebilgisi">Röle Bilgisi</a>
        <a href="/hakkimda">Hakkımda</a>
        <a href="/cevrim">Çevrim</a>
        <a href="/iletisim">İletişim</a>
      </div>

      <div class="footer-col">
        <h5>Kategoriler</h5>
        {categories.map((category) => (
          <a href={`/blog/kategori/${slugify(category)}`}>{category}</a>
        ))}
      </div>
    </div>

    <div
      class="flex flex-col items-center justify-between gap-4 pt-6 sm:flex-row"
      style="border-top:1px solid var(--color-bd)"
    >
      <p class="m-0 text-sm" style="color:var(--color-tx3)">
        © {new Date().getFullYear()} TA1SPH — Amatör Radyocular Derneği (ARC) üyesi. Site tasarımı
        <a class="font-semibold" style="color:var(--color-pur)" target="_blank" href="https://themewagon.com">ThemeWagon</a>
        temel alınarak uyarlanmıştır.
      </p>
      <div class="flex gap-2">
        {telegramGroups.map((group) => (
          <a class="social-icon" href={group.href} target="_blank" rel="noopener" title={group.label}>
            <i class="fa-brands fa-telegram"></i>
          </a>
        ))}
        <a class="social-icon" href="https://radio.org.tr" target="_blank" rel="noopener" title="Amatör Radyocular Derneği">
          <i class="fa-solid fa-globe"></i>
        </a>
      </div>
    </div>
  </div>
</footer>