@if(!empty($footer))
<footer id="footer" class="footer">
    <div class="footer-top">
      <div class="container">
        <div class="row gy-4">
          <div class="col-lg-5 col-md-12 footer-info">
            <a href="{{ url('/') }}" class="logo d-flex align-items-center">
              <span>ASARA</span>
            </a>
            <p>{{ $footerSetting->address }}</p>
            <p><strong>Phone:</strong> {{ $footerSetting->phone }}</p>
            <p><strong>Email:</strong> {{ $footerSetting->email }}</p>
            <div class="social-links mt-3">
              <a href="{{ $footerSetting->twitter }}" class="twitter"><i class="bi bi-twitter"></i></a>
              <a href="{{ $footerSetting->facebook }}" class="facebook"><i class="bi bi-facebook"></i></a>
              <a href="{{ $footerSetting->instagram }}" class="instagram"><i class="bi bi-instagram"></i></a>
              <a href="{{ $footerSetting->linkedin }}" class="linkedin"><i class="bi bi-linkedin"></i></a>
            </div>
          </div>

          <div class="col-lg-2 col-6 footer-links">
            <h4>Useful Links</h4>
            <ul>
              @foreach($footerSetting->pages as $page)
                <li><i class="bi bi-chevron-right"></i> <a href="{{ url($page->slug) }}">{{ $page->title }}</a></li>
              @endforeach
            </ul>
          </div>

          <div class="col-lg-2 col-6 footer-links">
            <h4>Our Services</h4>
            <ul>
              @foreach($footerSetting->services as $service)
                <li><i class="bi bi-chevron-right"></i> <a href="#">{{ $service->name }}</a></li>
              @endforeach
            </ul>
          </div>
        </div

@endif