@php
$tags = Spatie\Tags\Tag::where('type','blog')->get();
$categories = App\Models\Category::where('is_active',1)->get();
$latestPosts =  App\Models\Blog::orderBy('created_at', 'desc')
->take(2)
->get();

@endphp
<!-- footer -->
<footer class="footer spacing pb-0">
  <div class="container">
      <div class="row">
          <div class="col-lg-3 col-md-8 col-sm-10">
              <div class="footer-item">
                  <div class="footer-logo">
                      <a href="#">
                          <img src="{{$setting['logo_2']}}" alt="">
                      </a>
                  </div>
                  <p>{{$setting['footer_about']}}</p>
                  <ul class="tophead-social footer-social">
                      <li><a href="{{$setting['facebook']}}"><i class="fab fa-facebook-f"></i></a></li>
                      <li><a href="{{$setting['twitter']}}"><i class="fab fa-x-twitter"></i></a></li>
                      <li><a href="{{$setting['linkedin']}}"><i class="fab fa-linkedin-in"></i></a></li>
                      <li><a href="{{$setting['pinterest']}}"><i class="fab fa-pinterest-p"></i></a></li>
                  </ul>
              </div>
          </div>
          <div class="col-lg-3 col-md-8 col-sm-10">
              <div class="footer-item">
                  <h4>Tags</h4>
                 
                  <div class="tagcloud">
                    @foreach ($tags as $tag)
                    
                     <a href="{{route('categories' , ['tag' => $tag->getTranslation('name', '')])}}">{{$tag->getTranslation('name', '')}}</a>
                        
                    @endforeach


                  </div>
              </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-10">
              <div class="footer-item">
                  <h4>Categories</h4>
                  <div class="categories">
                      <div class="categories-item">
                          <ul>
                            @foreach ($categories as $key => $category)
                                @if($key < 6)
                                <li><a href="{{route('categories' , $category->slug)}}">{{$category->name}}</a></li>
                                @endif
                            @endforeach
                              
                          </ul>
                      </div>
                      <div class="categories-item">
                          <ul>
                            @foreach ($categories as $key => $category)
                            @if($key > 5 && $key < 11)
                                <li><a href="{{route('categories' , $category->slug)}}">{{$category->name}}</a></li>
                            @endif
                        @endforeach
                          </ul>
                      </div>
                  </div>
              </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-10">
              <div class="footer-item">
                  <h4>Recent Posts</h4>
                  <div class="recent">
                      <div class="recent-item">
                        @foreach ($latestPosts as $latestPost)
                            
                        <div class="box-main-vertical Popular-absoulate">
                            <div class="box-vertical-image circle">
                                <a href="{{route('blog-detail', $latestPost->slug)}}"><img src="{{$latestPost->getFirstMediaUrl('thumbnail')}}" alt=""></a>
                              </div>
                              <div class="box-vertical-content stories POPULAR">
                                  <h3><a href="{{route('blog-detail', $latestPost->slug)}}">{{$latestPost->name}}</a>
                                  </h3>
                                  <div class="box-item">
                                      <ul>
                                          <li><i class="fa-regular fa-calendar-days"></i>{{$latestPost->getDate()}}</li>
                                        </ul>
                                    </div>
                                    <div class="counter">
                                        <span>3</span>
                                    </div>
                                </div>
                            </div>
                            @endforeach

                          
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>
  <div class="footer-bottom">
      <div class="container">
          <div class="row justify-content-center">
              <div class="col-lg-12 col-md-12 col-sm-12">
                  <span>{{$setting['copyright']}}</span>
              </div>
          </div>
      </div>
  </div>
</footer>