@extends('layouts.app')

@section('title','Testimonials')


@section('content')

    <!-- Page Header Start -->
    <!-- p8/pic1 -->
    <div class="mb-0 page-header" style="background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(public/assets/P6/pic2.jpg);background-position: center;
    background-repeat: no-repeat;
    background-size: cover;">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2>Testimonials</h2>
                </div>
                <div class="col-12">
                    <a href="{{url('/')}}">Home</a>
                    <a href="{{url('/testimonials')}}">Testimonials</a>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header End -->

  <main class="">
     <!--grid-layout-->
            <section class="mt-90">
                <div class="container-fluid">
                    <div class="row">
                        @forelse ($testimonials as $item)
                              <div class="col-xl-4 col-lg-6 col-md-6">
                            <!--Post-1-->
                            <div class="post-card">
                                <div class="post-card-image text-center">
                                    <a href="/testimonial/{{$item->id}}">
                                        <img src="/testimonial_images/thumbs/{{$item->featured_image}}" alt="">
                                    </a>
                                </div>
                                <div class="post-card-content">
                                    <div class="entry-cat">
                                        {{-- <a href="blog-grid.html" class="categorie"> fashion</a> --}}
                                    </div>
                                    @if ($item->title!='untitled')
                                        
                                  
                                    <h5 class="entry-title">
                                        <a href="/testimonial/{{$item->id}}">
                                            {{$item->title}}
                                        </a>
                                    </h5>
                                    @else
                                      <h5 class="entry-title">
                                        <a href="/testimonial/{{$item->id}}">
                                           
                                        </a>
                                    </h5>
                                    @endif

                                    <div class="post-exerpt">
                                      <p>
                                        @if ($item->description)
                                             {!! Str::words($item->description,$limit=10,$end="..") !!}
                                        @else
                                            
                                        @endif
                                       
                                      </p>
                                    </div>
                                    @if ($item->title=='untitled')
                                    <a class="btn mb-3" href="/testimonial/{{$item->id}}">
                                           Read More <i class="fa fa-arrow-right"></i>
                                        </a>
                                        @endif
                                    
         
                                   
                                    <ul style="display: flex;justify-content:space-between" class="entry-meta list-inline">
                                         @if ($item->bikers)
                                        {{-- <li class="post-author-img"><a href=""> </a></li> --}}
                                        <li class="post-author"><a href=""><img src="/avatar.png" alt="">{{$item->bikers}}</a> </li>
                                      
                                         @endif
                                    </ul>
                                    {{-- <ul style="display: flex;font-size:14px">
                                         @foreach ($dates as $dt)
                                             <li class="post-date"> <span class="dot"></span>{{$dt->toFormattedDateString()}}</li>
                                         @endforeach
                                    </ul> --}}
                                </div>
                            </div>
                            <!--/-->
                        </div>
                        @empty
                            <div style="min-height: 400px;display:flex;align-items: center;justify-content:center" class="col-lg-12">
                                <div>
                                    No Testimonials Added Yet
                                </div>
                            </div>
                        @endforelse
                       
                        <!--pagination-->
                        <div class="col-lg-12">
                            
                            {{ $testimonials->links('pagination::custom') }}
                            
                           
                        </div>

                        
                    </div>
                </div>
            </section>
            <!--/-->
  </main>

@endsection
@section('js')
    <!--plugins -->
    <script src="/assets2/js/jquery.min.js"></script>
    <script src="/assets2/js/bootstrap.min.js"></script>
    <script src="/assets2/js/popper.min.js"></script>
    <script src="/assets2/js/swiper.min.js"></script>
    <script src="/assets2/js/masonry.min.js"></script>
    <script src="/assets2/js/theia-sticky-sidebar.min.js"></script>
    <script src="/assets2/js/ajax-contact.js"></script>
    <script src="/assets2/js/switch.js"></script>
 
    <!-- JS main  -->
    <script src="/assets2/js/main.js"></script>
    
@endsection
@section('css')

         <!--Stylesheets -->
     <link rel="stylesheet" type="text/css" href="/assets2/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="/assets2/css/all.min.css">
     <link rel="stylesheet" type="text/css" href="/assets2/css/line-awesome.min.css">
     <link rel="stylesheet" type="text/css" href="/assets2/css/swiper.min.css">
 
     <!-- main style -->
     <link rel="stylesheet" type="text/css" href="/assets2/css/style.css">
     <link rel="stylesheet" type="text/css" href="/assets2/css/custom.css">
@endsection