@extends('layouts.frontend.app')

@section('content')

<section class="top-section-area section-gap">
    <div class="container">
      <div class="row justify-content-between align-items-center d-flex">
        <div class="col-lg-8 top-left">
          <h1 class="text-white mb-20">All Post of {{ $query }}</h1>
          <ul>
            <li>
              <a href="/">Home</a
              ><span class="lnr lnr-arrow-right"></span>
            </li>
            <li>
              <a href="./posts">Tag Post</a
              ><span class="lnr lnr-arrow-right"></span>
            </li>
            <li><a href="">{{ $query }}</a></li>
          </ul>
        </div>
      </div>
    </div>
  </section>


          <!-- Start post Area -->
          <div class="post-wrapper pt-100">
              <!-- Start post Area -->
              <section class="post-area">
                  <div class="container">
                      <div class="row justify-content-center d-flex">
                          <div class="col-lg-8">
                              <div class="top-posts pt-50">
                                  <div class="container">
                                      <div class="row justify-content-center">
                                        @if($tags->count() > 0) 
                                        @foreach ($tags as $tag)                                        
                                        <div class="single-posts col-lg-6 col-sm-6">
                                        <img class="img-fluid" src="{{ asset('storage/app/public/post/'.$tag->post->image) }}" alt="">
                                          <div class="date mt-20 mb-20">{{ $tag->post->created_at->format('D, d M Y H:i')}}</div>
                                          <div class="detail">
                                          <a href="{{ route('post', $tag->post->slug)}}"><h4 class="pb-20">{{ $tag->post->title }}</h4></a>
                                          <p> {!! Str::limit($tag->post->body, 300) !!}</p>

                                              <p class="footer pt-20">
                                                  <br>
                                                  </p><ul class="d-flex space-around">
                                                        <li><a href="javascript:void(0);" onclick=" toastr.info('To add to your favorite list you have to login first.', 'Info', { closeButton: true, progressBar: true, })">
                                                          <i class="fa fa-heart-o" aria-hidden="true"></i><span> {{$tag->likedUsers->count()}} Likes</span></a></li>
                                                        <li><i class="fa fa-comment-o" aria-hidden="true"></i><span> {{$tag->comments->count()}} Comments</span></li>
                                                      <li><i class="fa fa-eye" aria-hidden="true"></i> <span>0</span></li>
                                                  </ul>

                                          <p></p>
                                          </div>
                                      </div>
                                        @endforeach
                                          <div class="justify-content-center d-flex mb-5">
                                              {{ $tags->appends(Request::all())->links() }}
                                          </div>
                                          @else
                                          <h4>No Post available</h4>

                                          @endif
                                      </div>


                                  </div>
                              </div>
                          </div>
                          @include('layouts.frontend.partials.sidebar')
                      </div>
                  </div>
              </section>
              <!-- End post Area -->
          </div>
          <!-- End post Area -->



@endsection