@php
    $companyName    = \App\Models\AppSetting::get('company_name', 'Agrawal Properties');
    $companyLogo    = \App\Models\AppSetting::get('company_logo');
    $companyPhone   = \App\Models\AppSetting::get('company_phone');
    $companyEmail   = \App\Models\AppSetting::get('company_email');
    $companyAddress = \App\Models\AppSetting::get('company_address');

    $footerCtaEyebrow    = \App\Models\AppSetting::get('footer_cta_eyebrow', 'Ready when you are');
    $footerCtaHeading    = \App\Models\AppSetting::get('footer_cta_heading', 'Looking to buy, sell or rent in Indore?');
    $footerCtaSubtext    = \App\Models\AppSetting::get('footer_cta_subtext', 'Talk to an advisor who knows the ground. One call, honest advice, no obligation.');
    $footerCtaButtonText = \App\Models\AppSetting::get('footer_cta_button_text', 'Enquire now');
    $footerAboutText     = \App\Models\AppSetting::get('footer_about_text', 'Family-run property advisors in Indore. Plots, homes, farmland and commercial space — bought, sold and managed with a straight answer.');
    $footerCopyrightText = \App\Models\AppSetting::get('footer_copyright_text', 'Agrawal Properties · All rights reserved');

    $footerColumnGroups = \App\Models\FooterLinkGroup::active()->columns()->orderBy('sort_order')
        ->with(['links' => fn ($q) => $q->where('is_active', true)->orderBy('sort_order')])
        ->get();
    $footerBottomGroup = \App\Models\FooterLinkGroup::active()->bottom()
        ->with(['links' => fn ($q) => $q->where('is_active', true)->orderBy('sort_order')])
        ->first();
    $socialLinks = \App\Models\SocialLink::active()->orderBy('sort_order')->get();

    $socialGlyphs = ['whatsapp' => '✆', 'instagram' => '◎', 'facebook' => 'f'];
@endphp
<footer class="site-footer">
  <div class="glow"></div>
  <div class="footer-cta position-relative"><div class="container py-5">
    <div class="d-flex flex-wrap align-items-center justify-content-between gap-4">
      <div style="flex:1 1 420px;min-width:min(100%,320px);">
        <span class="eyebrow">{{ $footerCtaEyebrow }}</span>
        <h2 class="text-white fw-bold mt-2 mb-0" style="font-size:clamp(28px,4vw,44px);line-height:1.05;">{{ $footerCtaHeading }}</h2>
        <p class="mt-3 mb-0" style="color:#8FA099;max-width:46ch;">{{ $footerCtaSubtext }}</p>
      </div>
      <div class="d-flex flex-wrap gap-2">
        <button type="button" class="btn btn-amber btn-lg" data-contact="General enquiry · {{ $companyName }}">{{ $footerCtaButtonText }}</button>
        @if($companyPhone)
          <a href="tel:{{ preg_replace('/[^0-9+]/', '', $companyPhone) }}" class="btn btn-lg d-inline-flex align-items-center gap-2" style="border:1px solid #3A4E45;color:#F1EFE8;">📞 {{ $companyPhone }}</a>
        @endif
      </div>
    </div>
  </div></div>
  <div class="position-relative"><div class="container py-5">
    <div class="row g-5">
      <div class="col-12 col-lg-4">
        <div class="d-flex align-items-center">
          @if($companyLogo)
            {{-- Logo is the sole branding element here (no name/tagline
                 alongside it) — height-constrained with auto width so a
                 wide logotype still renders at a readable size instead of
                 being squeezed into a fixed square. --}}
            <img src="{{ asset('storage/' . $companyLogo) }}" alt="{{ $companyName }}" style="max-height:48px;max-width:220px;width:auto;height:auto;object-fit:contain;">
          @else
            <span class="brand-mark"><i></i></span>
          @endif
        </div>
        <p class="mt-3" style="color:#8FA099;max-width:340px;">{{ $footerAboutText }}</p>
        <div class="d-flex flex-wrap gap-2 mt-3"><span class="trust-chip">RERA registered</span><span class="trust-chip">Titles verified</span><span class="trust-chip">27 yrs local</span></div>
      </div>

      @foreach($footerColumnGroups as $group)
      <div class="col-6 col-lg-2"><h6 class="mb-3">{{ $group->title }}</h6><ul class="list-unstyled mb-0">
        @foreach($group->links as $link)
          <li class="mb-2"><a href="{{ $link->resolvedUrl() }}">{{ $link->label }}</a></li>
        @endforeach
      </ul></div>
      @endforeach

      <div class="col-12 col-lg-4"><h6 class="mb-3">Get in touch</h6><ul class="list-unstyled mb-0">
        @if($companyPhone)
          <li class="mb-2"><a href="tel:{{ preg_replace('/[^0-9+]/', '', $companyPhone) }}" class="text-white fw-semibold">{{ $companyPhone }}</a></li>
        @endif
        @if($companyEmail)
          <li class="mb-2"><a href="mailto:{{ $companyEmail }}">{{ $companyEmail }}</a></li>
        @endif
        @if($companyAddress)
          <li style="color:#8FA099;line-height:1.6;">{{ $companyAddress }}</li>
        @endif
      </ul>
        <div class="d-flex gap-2 mt-3">
          @foreach($socialLinks as $social)
            <a href="{{ $social->url ?: '#' }}" class="soc @if($social->platform === 'facebook') fw-bold @endif" aria-label="{{ $social->label }}">{{ $socialGlyphs[$social->platform] ?? '•' }}</a>
          @endforeach
        </div>
      </div>
    </div>
  </div></div>
  <div class="footer-bottom position-relative"><div class="container py-3 d-flex flex-wrap justify-content-between align-items-center gap-2">
    <span>© {{ now()->format('Y') }} {{ $footerCopyrightText }}</span>
    @if($footerBottomGroup)
    <div class="d-flex flex-wrap gap-4">
      @foreach($footerBottomGroup->links as $link)
        <a href="{{ $link->resolvedUrl() }}">{{ $link->label }}</a>
      @endforeach
    </div>
    @endif
  </div></div>
</footer>