@extends('site.inner')
@section('title')
{{label('lbl_testimonials')}}
@endsection

@section('breadcrumb')
<li class="breadcrumb-item active" aria-current="page">{{label('lbl_testimonials')}}</li>
@endsection

{{-- @section('page_title')
{!! $testimonials->title  !!}
@endsection --}}

@section('page_content')
<div class="bg-gradient-white-light h-100 w-100 position-absolute top-left"></div>
<div class="about-page main-container container-fluid bg-white">
  <div class="col-12">
  
      <div class="row">
          <div class="col-lg-8 px-0 my-2 pr-lg-5 page-content">


            <div class="row mx-0">
              
              <div class="col-12 py-1 px-0 border-bottom-faded">
                <h5 class="pl-0  text-uppercase "> 
                  <div class="d-block  py-1 lines position-relative">
                    <div class="pr-sm-2 py-1 text-primary  position-relative"> 
                    <span class="border-left-primary text-dark  d-inline-block pl-1 ">
                      <span class="border-left-secondary-thick  d-inline-block pl-2 ">{{ label('lbl_testimonials') }} </span> 
                    </span>
                    </div>
                  </div>                
                </h5>   
              </div>
              
              @if (count($testimonials ))
                <div class="col-12 mt-4 px-0">
                    @foreach ($testimonials as $testimonials)
                      <a  href="{{ url('testimonials/'.$testimonials->slug) }}"
                         class="d-block mb-3 zoom-container bg-white show-more-content-news has-hover-bounce box-shadow-slight position-relative">
                          <div class="d-md-flex position-relative">
                            <div class="col-md-3 px-0 full-hd-container mx-auto position-relative" style="min-height: 100px;">
                              <div class="h-100 w-100 image"  style="background-image:url({{asset('uploads/testimonials/'.$testimonials->photo_url)}});
                                background-position:center;background-size:cover; background-repeat:no-repeat;
                                max-widthhh:200px"
                                 ></div>
                              <div class="dark-overlay"></div>
                              
                            </div>
                            <div class="col mt-md-0 mt-3 text-md-left text-center media-body d-flex align-items-center">
                              <div class="p-3 p-md-1">
                                  <h6 class="text-bold text-primary">{{ $testimonials->title }}</h6>
                                  <div class="mt-3 text-dark">{{ str_limit(strip_tags($testimonials->content),80)}}</div>
                              </div>               
                            </div>
                          </div>
                      </a>
                    @endforeach
                </div>

                <div class="col-12 pt-5 pb-3 d-flex justify-content-center">
                </div>
              @else
                <div class="col-12 px-0 py-3 bold-600">
                  {{label('lbl_no_information')}}
                </div>
              @endif
            </div>

          </div>
          <div class="col-lg-4 px-0">
              @include('site.includes/sidebar')
          </div>
      </div>
      
  </div>
</div>

@stop