@extends('layouts.frontend.frontend-layout')

@section('content')

<!-- Section: inner-header -->
<section class="inner-header divider parallax layer-overlay overlay-dark-5" data-bg-img="frontend/images/bg11.jpg">
  <div class="container pt-200 pb-50">
    <!-- Section Content -->
    <div class="section-content pt-100">
      <div class="row"> 
        <div class="col-md-12">
          <h3 class="title text-white dis-hidden">Success Story</h3>
        </div>
      </div>
    </div>
  </div>
</section>


<section id="couple">
      <div class="container">
           <!-- Section title -->
        
        <div class="section-title">
          <div class="row">
            <div class="col-md-6 col-md-offset-3 text-center">
              <h2>Testimonials</h2>
              <img src="images/section-title-after.png" alt="">
              <p><em>There’s no good story without romance. We beautify these stories with our expertise and what follows is magic.</em></p>
            </div>
          </div>
        </div>
      </div>
    </section>

<!-- Divider: Testimonials  -->
    <section class="divider parallax layer-overlay overlay-dark-7" data-stellar-background-ratio="0.5" data-bg-img="frontend/images/bg4.jpg">
      <div class="container pt-70 pb-30"> 
       
        <!-- Section Content -->
        <div class="section-content">
          <div class="row">
            <div class="col-md-8 col-md-offset-2 mb-30">
              <div class="testimonial-carousel">
                @foreach ($testimonials as $testimonial)
                  <div class="item xs-text-center">
                    <div class="content pt-10">
                      {{$testimonial->caption}}
                      <div class="thumb"><img width="75" class="img-circle" alt="" src="http://bmp.litost.co.in/storage/app/public/uploads/testimonials/{{ $testimonial->image }}"></div>
                      <h5 class="text-theme-colored mt-20 mb-0">{{$testimonial->name}}</h5>
                    </div>
                  </div>
                @endforeach
              </div> 
            </div>
          </div>          
        </div>
      </div>
    </section>

       <!-- Section: Gallery  -->
       <section id="gallery" class="bg-lighter">
      <div class="container-fluid pl-0 pr-0 pb-0">
        <div class="section-title">
          <div class="row">
            <div class="col-md-6 col-md-offset-3 text-center">
              <h2>Gallery Video</h2>
              <img src="images/section-title-after.png" alt="">
              <p><em>There’s no good story without romance. We beautify these stories with our expertise and what follows is magic.</em></p>
            </div>
          </div>
        </div>
        <div class="all-video-height-set container">
            <div class="row">
            @foreach($videogalleries as $videogallery)
                <div class="col-md-4">
                    <iframe src="{{$videogallery->embeed_url}}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" id="fitvid0_clone"></iframe>
                    <p>{{$videogallery->title}}</p>
                </div>
            @endforeach
            </div>
        </div>
      </div>
    </section>

@endsection