---
// src/components/Footer.astro
import { getPath } from '../utils/paths';

const currentYear = new Date().getFullYear();
const startYear = 2026;
const displayYear = currentYear > startYear ? `${startYear}–${currentYear}` : startYear;
---

<footer class="main-footer">
  <div class="footer-container">
    <div class="footer-copy">
      &copy;{displayYear} Eduard Iten
    </div>
    
    <nav>
      <ul class="footer-links">
        <li><a href={getPath("/impressum")} class="footer-link-item">Impressum</a></li>
        <li><a href={getPath("/datenschutz")} class="footer-link-item">Datenschutz</a></li>
      </ul>
    </nav>
  </div>
</footer>

<style>
    @reference "../styles/global.css";
    /* .main-footer {
        @apply fixed bottom-0 left-0 w-full z-50 py-2 shadow-top  bg-linear-to-b from-white/80 to-header-bg/80 backdrop-blur-sm;

    } */

    .main-footer {
        @apply w-full bg-linear-to-b from-white to-header-bg py-2 mt-auto shadow-top;
    }

    .footer-container {
        @apply container mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-4;
    }

    .footer-copy {
        @apply text-xs text-slate-400 font-medium;
    }

    .footer-links {
        @apply flex gap-6 text-xs text-slate-500;
    }

    .footer-link-item {
        @apply hover:text-blue-500 transition-colors;
    }

</style>