<?php
/**
 * Footer Component — AJOUAMAI IMMO-BUSINESS Luxury Editorial Theme
 */
?>
<footer class="bg-black text-white border-t border-gold/20">

  <!-- Main Footer Body -->
  <div class="max-w-7xl mx-auto px-6 py-20">

    <!-- Top Logo & Tagline -->
    <div class="flex flex-col md:flex-row md:items-center justify-between pb-12 mb-16 border-b border-white/10 gap-6">
      <a href="<?= SITE_URL ?>/" class="inline-flex items-center gap-3">
        <img src="<?= SITE_URL ?>/assets/img/logo.png" style="filter: brightness(0) invert(1);" class="h-12 w-auto object-contain" alt="AJOUAMAI IMMO-BUSINESS Logo" />
        <div>
          <span class="text-sm font-serif tracking-[0.2em] uppercase font-normal text-white block">AJOUAMAI IMMO-BUSINESS</span>
          <span class="text-[9px] tracking-[0.3em] uppercase text-gold font-sans block">Excellence Immobilière</span>
        </div>
      </a>

      <div class="flex items-center gap-6">
        <a href="<?= SITE_URL ?>/pages/estimation" class="btn-lemonde-consultation">
          <span>Estimer Votre Bien</span>
        </a>
      </div>
    </div>

    <!-- 4-Column Agency Grid -->
    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-12 mb-16">
      
      <!-- Col 1: Region -->
      <div>
        <p class="text-[10px] tracking-[0.3em] uppercase text-gold font-sans font-semibold mb-4">Secteurs Privilégiés</p>
        <ul class="space-y-2.5 text-xs text-gray-300 font-sans font-light">
          <li class="hover:text-white transition-colors">Dar Bouazza — Littoral & Tamaris</li>
          <li class="hover:text-white transition-colors">Casablanca — Anfa & Californie</li>
          <li class="hover:text-white transition-colors">Bouskoura — Ville Verte</li>
        </ul>
      </div>

      <!-- Col 2: Navigation (Exact User Links) -->
      <div>
        <p class="text-[10px] tracking-[0.3em] uppercase text-gold font-sans font-semibold mb-4">Navigation</p>
        <ul class="space-y-2.5 text-xs text-gray-300 font-sans font-light">
          <li><a href="<?= SITE_URL ?>/" class="hover:text-gold transition-colors">Accueil</a></li>
          <li><a href="<?= SITE_URL ?>/pages/properties" class="hover:text-gold transition-colors">Propriétés</a></li>
          <li><a href="<?= SITE_URL ?>/pages/articles" class="hover:text-gold transition-colors">Actualité-IMMO</a></li>
          <li><a href="<?= SITE_URL ?>/pages/about" class="hover:text-gold transition-colors">À Propos</a></li>
          <li><a href="<?= SITE_URL ?>/pages/services" class="hover:text-gold transition-colors">Nos Services</a></li>
          <li><a href="<?= SITE_URL ?>/pages/contact" class="hover:text-gold transition-colors">Contactez-nous</a></li>
          <li><a href="<?= SITE_URL ?>/pages/rdv" class="hover:text-gold transition-colors">Prendre RDV</a></li>
        </ul>
      </div>

      <!-- Col 3: Expertise -->
      <div>
        <p class="text-[10px] tracking-[0.3em] uppercase text-gold font-sans font-semibold mb-4">Maison AJOUAMAI IMMO-BUSINESS</p>
        <ul class="space-y-2.5 text-xs text-gray-300 font-sans font-light">
          <li><a href="<?= SITE_URL ?>/pages/estimation" class="hover:text-white transition-colors">Estimation sous 48h</a></li>
          <li><a href="<?= SITE_URL ?>/pages/rdv" class="hover:text-white transition-colors">Prendre Rendez-vous</a></li>
          <li><a href="<?= SITE_URL ?>/pages/contact" class="hover:text-white transition-colors">Conseil Sur-Mesure</a></li>
        </ul>
      </div>

      <!-- Col 4: Direct Contact -->
      <div>
        <p class="text-[10px] tracking-[0.3em] uppercase text-gold font-sans font-semibold mb-4">Contact Direct</p>
        <ul class="space-y-3 text-xs text-gray-300 font-sans font-light">
          <li class="flex items-center gap-2">
            <span class="text-gold">📍</span>
            <span>Dar Bouazza, Casablanca</span>
          </li>
          <li class="flex items-center gap-2">
            <span class="text-gold">📞</span>
            <a href="tel:<?= getSetting('agency_phone', '+212600000000') ?>" class="hover:text-white transition-colors"><?= getSetting('agency_phone', '+212 600-000000') ?></a>
          </li>
          <li class="flex items-center gap-2">
            <span class="text-gold">✉️</span>
            <a href="mailto:<?= getSetting('notification_email', 'contact@aib-immobilier.ma') ?>" class="hover:text-white transition-colors"><?= getSetting('notification_email', 'contact@aib-immobilier.ma') ?></a>
          </li>
        </ul>
      </div>

    </div>

    <!-- Hind Ajouamai Signature Quote Strip -->
    <div class="py-8 px-8 bg-white/5 border border-white/10 flex flex-col sm:flex-row items-center justify-between gap-4">
      <p class="text-xs text-gray-300 font-serif italic text-center sm:text-left">
        « Notre intervention ne se résume pas qu’aux transactions, il s’agit de construire des relations durables. »
      </p>
      <span class="text-[10px] tracking-[0.25em] uppercase text-gold font-sans font-medium whitespace-nowrap">
        — Hind Ajouamai
      </span>
    </div>

  </div>

  <!-- Bottom Legal Strip -->
  <div class="border-t border-white/10 bg-black">
    <div class="max-w-7xl mx-auto px-6 py-6 flex flex-col md:flex-row items-center justify-between gap-4">
      <p class="text-[11px] text-gray-400 font-sans font-light">
        &copy; <?= date('Y') ?> AJOUAMAI IMMO-BUSINESS. Tous droits réservés.
      </p>

      <nav class="flex gap-6 text-[11px] text-gray-400 font-sans tracking-widest uppercase font-light">
        <a href="<?= SITE_URL ?>/pages/about" class="hover:text-gold transition-colors">À propos</a>
        <a href="<?= SITE_URL ?>/pages/contact" class="hover:text-gold transition-colors">Contact</a>
        <a href="<?= SITE_URL ?>/admin/" class="hover:text-gold transition-colors">Espace Pro</a>
      </nav>
    </div>
  </div>

</footer>
