<footer class="footer">
  <img src="{{ asset('img/thehindu-logo.svg') }}" alt="{{ config('app.name', 'The Hindu') }}" width="auto" height="auto">

  <div class="footer-top">

    <div class="col">
      <h4>The Hindu</h4>
      <ul>
        <li><a href="{{ route('about') }}">About Us</a></li>
        <li><a href="#">News Archive</a></li>
        <li><a href="#">Print Edition</a></li>
        <li><a href="#">Contact Us</a></li>
        <li><a href="#">Careers</a></li>
        <li><a href="#">Advertise</a></li>
      </ul>
    </div>

    <div class="col">
      <h4>Sections</h4>
      <ul>
        @foreach($allCategories->take(8) as $cat)
        <li><a href="{{ route('category.show', $cat->slug) }}">{{ $cat->category_name }}</a></li>
        @endforeach
      </ul>
    </div>

    <div class="col">
      <h4>More Sections</h4>
      <ul>
        @foreach($allCategories->skip(8) as $cat)
        <li><a href="{{ route('category.show', $cat->slug) }}">{{ $cat->category_name }}</a></li>
        @endforeach
        <li><a href="#">Opinion</a></li>
        <li><a href="#">Data</a></li>
        <li><a href="#">Books</a></li>
      </ul>
    </div>

    <div class="col">
      <h4>States</h4>
      <ul>
        <li><a href="#">Tamil Nadu</a></li>
        <li><a href="#">Kerala</a></li>
        <li><a href="#">Karnataka</a></li>
        <li><a href="#">Andhra Pradesh</a></li>
        <li><a href="#">Telangana</a></li>
        <li><a href="#">Maharashtra</a></li>
        <li><a href="#">Delhi</a></li>
        <li><a href="#">Odisha</a></li>
      </ul>
    </div>

    <div class="col">
      <h4>Other Products</h4>
      <ul>
        <li><a href="#">The Hindu Group</a></li>
        <li><a href="#">BusinessLine</a></li>
        <li><a href="#">Sportstar</a></li>
        <li><a href="#">Frontline</a></li>
        <li><a href="#">The Hindu Centre</a></li>
        <li><a href="#">STEP</a></li>
        <li><a href="#">Images</a></li>
        <li><a href="#">Classifieds</a></li>
      </ul>
    </div>

    <div class="col">
      <h4>Services</h4>
      <ul>
        <li><a href="{{ route('index') }}">Home</a></li>
        <li><a href="{{ route('search') }}">Search</a></li>
        <li><a href="{{ route('about') }}">About</a></li>
        <li><a href="{{ route('privacyPolicy') }}">Privacy Policy</a></li>
        <li><a href="#">Terms of Use</a></li>
        <li><a href="/sitemap.xml">Sitemap</a></li>
      </ul>
    </div>

  </div>



  <div class="footer-bottom">
    <div class="social">
      <a href="#" aria-label="WhatsApp"><span><i class="fa-brands fa-whatsapp"></i></span></a>
      <a href="#" aria-label="Instagram"><span><i class="fa-brands fa-instagram"></i></span></a>
      <a href="#" aria-label="Twitter / X"><span><i class="fa-brands fa-x-twitter"></i></span></a>
      <a href="#" aria-label="YouTube"><span><i class="fa-brands fa-youtube"></i></span></a>
      <p class="areap">Copyright &copy; {{ date('Y') }}, THG PUBLISHING PVT LTD. or its affiliated companies. All rights reserved.</p>
    </div>
    <div class="terms">
      <a href="{{ route('privacyPolicy') }}">PRIVACY POLICY</a> | <a href="#">TERMS OF USE</a>
    </div>
    <div class="back-top" id="backToTop">↑ BACK TO TOP</div>
  </div>

</footer>
