@php
    $locale = app()->getLocale();
    $isAr = $locale === 'ar';
    $footerLocations = \App\Models\Location::published()->limit(4)->get();
@endphp

<footer class="site-footer">
  <div class="container">
    <div class="footer-top">
      <div class="footer-brand">
        <img src="{{ asset('assets/images/logo-full-white.svg') }}" alt="Smart Pool & Pergola" style="height:38px">
      </div>

      <div class="footer-col">
        <h5>{{ $isAr ? 'المناطق' : 'Locations' }}</h5>
        <ul>
          @foreach ($footerLocations as $loc)
            <li><a href="{{ route('locations.show.' . $locale, $loc->slug($locale)) }}">{{ $loc->name($locale) }}</a></li>
          @endforeach
        </ul>
      </div>

      <div class="footer-col">
        <h5>{{ $isAr ? 'تواصل معنا' : 'Get in Touch' }}</h5>
        <ul class="footer-contact">
          <li>{{ \App\Models\Setting::get($isAr ? 'address_riyadh_ar' : 'address_riyadh_en') }}</li>
          <li>{{ \App\Models\Setting::get('phone_sa_1') }} / {{ \App\Models\Setting::get('phone_sa_2') }}</li>
          <li>{{ \App\Models\Setting::get('email') }}</li>
        </ul>
      </div>
    </div>

    <div class="footer-bottom">
      <span>&copy; {{ date('Y') }} Smart Pool & Pergola. {{ $isAr ? 'جميع الحقوق محفوظة.' : 'All rights reserved.' }}</span>
    </div>
  </div>
</footer>

<a href="https://wa.me/{{ \App\Models\Setting::get('whatsapp_main', '966569421330') }}"
   class="whatsapp-float" target="_blank" rel="noopener"
   aria-label="{{ $isAr ? 'تواصل عبر واتساب' : 'Chat on WhatsApp' }}">
  {{-- reuse the same inline SVG from the prototype's components.js `icon.whatsapp` --}}
</a>