---
interface Props {
  lang?: 'de' | 'en';
}

const { lang = 'de' } = Astro.props;
---

<footer class="bg-stone-950 text-stone-400 pt-16 pb-12 border-t border-stone-800 font-sans">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12">
      <!-- Col 1: Brand & Heritage -->
      <div class="space-y-4">
        <div class="flex items-center gap-3">
          <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-[#2D5A43] via-[#D4A373] to-[#C85A32] p-0.5">
            <div class="w-full h-full bg-stone-950 rounded-[10px] flex items-center justify-center font-serif text-lg font-bold text-amber-400">
              E
            </div>
          </div>
          <div>
            <h3 class="font-serif text-xl font-bold text-stone-100">Casa da Enzo</h3>
            <p class="text-[10px] uppercase tracking-widest text-amber-400">Sizilien trifft Goslar • Seit 1980</p>
          </div>
        </div>
        <p class="text-xs leading-relaxed text-stone-400">
          7 individuelle Boutique-Apartments über unserer traditionsreichen Trattoria im UNESCO-Weltkulturerbe Goslar. 100% digitaler Check-in trifft auf authentische italienische Gastfreundschaft.
        </p>
        <p class="text-xs text-amber-400 font-medium">
          📍 Bäckerstraße 18 • 38640 Goslar, Harz
        </p>
      </div>

      <!-- Col 2: Navigation -->
      <div class="space-y-3">
        <h4 class="font-serif text-base font-semibold text-stone-100 border-b border-stone-800 pb-2">Navigation</h4>
        <ul class="space-y-2 text-xs">
          <li>
            <a href="/apartments" class="hover:text-emerald-400 transition-colors flex items-center gap-2">
              <span class="w-1.5 h-1.5 rounded-full bg-emerald-500"></span>
              <span>Apartments & Suiten (7 Einheiten)</span>
            </a>
          </li>
          <li>
            <a href="/trattoria" class="hover:text-[#C85A32] transition-colors flex items-center gap-2">
              <span class="w-1.5 h-1.5 rounded-full bg-[#C85A32]"></span>
              <span>Trattoria da Enzo (Speisekarte & Tisch)</span>
            </a>
          </li>
          <li>
            <a href="/trattoria#gutscheine" class="hover:text-amber-400 transition-colors flex items-center gap-2">
              <span class="w-1.5 h-1.5 rounded-full bg-amber-400"></span>
              <span>Gutschein-Shop</span>
            </a>
          </li>
          <li>
            <a href="/blog" class="hover:text-amber-400 transition-colors">
              Blog & Magazin
            </a>
          </li>
          <li>
            <a href="/#geschichte" class="hover:text-amber-400 transition-colors">
              Unsere Geschichte
            </a>
          </li>
        </ul>
      </div>

      <!-- Col 3: Contacts -->
      <div class="space-y-3">
        <h4 class="font-serif text-base font-semibold text-stone-100 border-b border-stone-800 pb-2">
          Kontakt & Service
        </h4>
        
        <div class="space-y-3 text-xs">
          <!-- Apartments Contact -->
          <div class="p-3 rounded-xl bg-stone-900 border border-emerald-500/30 space-y-1">
            <div class="text-[10px] uppercase font-bold text-emerald-400 flex items-center gap-1.5">
              <span class="w-2 h-2 rounded-full bg-emerald-500"></span>
              <span>Apartments & Buchungen</span>
            </div>
            <a href="https://wa.me/4915207483196" target="_blank" class="block text-emerald-400 hover:underline font-bold">
              WhatsApp: +49 1520 7483196
            </a>
            <p class="text-[10px] text-stone-400">E-Mail: booking@casa-daenzo.de</p>
          </div>

          <!-- Trattoria Contact -->
          <div class="p-3 rounded-xl bg-stone-900 border border-[#C85A32]/30 space-y-1">
            <div class="text-[10px] uppercase font-bold text-[#C85A32] flex items-center gap-1.5">
              <span class="w-2 h-2 rounded-full bg-[#C85A32]"></span>
              <span>Trattoria Reservierung</span>
            </div>
            <a href="tel:+4915207483196" class="block text-[#C85A32] hover:underline font-bold">
              Telefon: +49 1520 7483196
            </a>
            <p class="text-[10px] text-stone-400">Öffnungszeiten: Di–So 17:00–22:30 Uhr</p>
          </div>
        </div>
      </div>

      <!-- Col 4: Direct Booking Advantages -->
      <div class="p-6 rounded-3xl bg-stone-900 border border-stone-800 space-y-4 shadow-xl">
        <h4 class="font-serif text-base font-semibold text-amber-400">
          Direktbucher-Vorteile
        </h4>
        <ul class="space-y-2.5 text-xs text-stone-300">
          <li class="flex items-start gap-2">
            <span class="text-amber-400 font-bold">✓</span>
            <span>Bestpreis-Garantie (15% günstiger als Booking.com)</span>
          </li>
          <li class="flex items-start gap-2">
            <span class="text-amber-400 font-bold">✓</span>
            <span>Bevorzugte Tischreservierung in der Trattoria</span>
          </li>
          <li class="flex items-start gap-2">
            <span class="text-amber-400 font-bold">✓</span>
            <span>Kontaktloser Nuki Smart-Lock Check-in</span>
          </li>
        </ul>
        <a
          href="/apartments#booking"
          class="block text-center py-2.5 rounded-xl bg-[#C85A32] text-white font-bold text-xs hover:bg-[#b04d2a] transition-colors"
        >
          Verfügbarkeit prüfen
        </a>
      </div>
    </div>

    <!-- Bottom line -->
    <div class="pt-8 border-t border-stone-900 flex flex-col sm:flex-row items-center justify-between text-xs text-stone-500 gap-4">
      <p>© {new Date().getFullYear()} Casa da Enzo Goslar. Alle Rechte vorbehalten.</p>
      <div class="flex items-center gap-6">
        <a href="https://guest.eviivo.com/casa-daenzo" target="_blank" class="hover:text-stone-300 transition-colors">Eviivo Guest Directory</a>
      </div>
    </div>
  </div>
</footer>