@php
    $socialIcons = [
        'facebook' => '<path d="M14 8h3V4h-3a4 4 0 00-4 4v3H7v4h3v6h4v-6h3l1-4h-4V8z"/>',
        'instagram' => '<rect x="4" y="4" width="16" height="16" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17" cy="7" r=".5"/>',
        'twitter' => '<path d="M21 6c-.7.4-1.4.6-2.2.7a3.8 3.8 0 001.7-2.1c-.8.5-1.6.8-2.5 1a3.9 3.9 0 00-6.7 3.5A11 11 0 014 5.100a3.900 3.900 0 001.200 5.200c-.6 0-1.200-.2-1.700-.5 0 1.900 1.300 3.500 3.100 3.900-.6.200-1.200.2-1.700.1a3.900 3.900 0 003.600 2.700A7.900 7.900 0 013 18.200 11 11 0 009 20c7 0 11-6 10.800-11.200.8-.6 1.500-1.300 2.200-2.200z"/>',
        'linkedin' => '<rect x="4" y="9" width="3.500" height="11"/><circle cx="5.700" cy="5.300" r="1.800"/><path d="M10 9h3.300v1.600c.6-1.100 1.900-1.900 3.500-1.900 3 0 3.700 2 3.700 4.600V20H17v-5.500c0-1.300-.2-2.400-1.700-2.400s-1.800 1.100-1.800 2.400V20H10z"/>',
    ];
    $whatsapp = $company->whatsapp_url;
@endphp
<footer class="footer">
  <div class="container foot-grid">
    <div>
      <a href="{{ route('home') }}" class="logo">
        @if ($company->footer_logo_url)
          <img src="{{ $company->footer_logo_url }}" alt="{{ $company->name }}" onerror="this.replaceWith(document.createTextNode(this.alt))">
        @else
          {{ $company->name }}
        @endif
      </a>
      <p>
        @if ($company->full_address){{ $company->full_address }}<br>@endif
        @if ($company->phone_number)Phone: <a href="tel:{{ preg_replace('/[^\d+]/', '', $company->phone_number) }}">{{ $company->phone_number }}</a><br>@endif
        @if ($company->company_email)<a href="mailto:{{ $company->company_email }}">{{ $company->company_email }}</a><br>@endif
        @if ($company->hours){{ $company->hours }}@endif
      </p>
      @if ($company->socials() || $whatsapp)
      <div class="social">
        @foreach ($company->socials() as $key => $url)
          <a href="{{ $url }}" target="_blank" rel="noopener" aria-label="{{ ucfirst($key) }}"><svg viewBox="0 0 24 24">{!! $socialIcons[$key] !!}</svg></a>
        @endforeach
        @if ($whatsapp)
          <a href="{{ $whatsapp }}" target="_blank" rel="noopener" aria-label="WhatsApp"><svg viewBox="0 0 24 24"><path d="M4 20l1.200-4.100A8 8 0 1 1 8.200 18.800z"/><path d="M9 9c0 3 3 6 6 6l1-1.500-2-1-1 .8c-1-.5-1.700-1.200-2.200-2.200l.8-1-1-2z"/></svg></a>
        @endif
      </div>
      @endif
    </div>
    <div>
      <h4>My Account</h4>
      <a href="{{ route('login') }}">Log in</a>
      <a href="{{ route('register') }}">Register account</a>
      <a href="{{ route('wishlist') }}">My Wishlist</a>
      <a href="{{ route('checkout') }}">Check out</a>
    </div>
    <div>
      <h4>Our Shop</h4>
      <a href="{{ route('collection') }}">All Products</a>
      <a href="{{ route('collections') }}">Collections</a>
      <a href="{{ route('size-guide') }}">Size Guide</a>
      <a href="{{ route('faq') }}">FAQs</a>
    </div>
    <div>
      <h4>Newsletter</h4>
      <p>{{ $company->newsletter_text ?: 'Receive our weekly newsletter. For fashion insider news and the best offers.' }}</p>
      <form class="news" id="newsForm"><input type="email" placeholder="Your email address" required><button class="btn">Join</button></form>
    </div>
  </div>
  <div class="container copy">
    <span>&copy; {{ date('Y') }} {{ $company->name }}. All rights reserved.</span>
    <span><a href="{{ route('privacy') }}">Privacy Policy</a> &nbsp; <a href="{{ route('terms') }}">Terms</a></span>
  </div>
</footer>