@extends('layouts.frontend.app')

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

@section('content')

 <!-- FAQ Section -->

    
 <section class="module paralax paallax-3 mt-1" style="background-image: url(''); background-position: 100% 120px; height: 120px;">
    <div class="container">
        <div class="row">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mt-4">
                  <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Videos</li>
                </ol>
            </nav>
        </div>
        <!-- <h3><span style="background-color: #dc3545; border-radius: 10px; padding: 10px;">Customize Your own PC. </span></h3> --}} -->
    </div>
</section>

 <section class="ftco-section ftco-degree-bg">
    <div class="container">
        <div class="row">
            <div class="row">
              @foreach ($images as $image)
                <div class="col-md-6 mb-3">
                  <iframe width="575" height="351" src="{{ $image->video }}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>

                {{--  --}}
                @endforeach

              



                {{-- <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                    <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
                       data-image="{{ asset('storage/images/'.$image->image) }}"
                       data-target="#image-gallery">
                        <img class="img-thumbnail"
                             src="{{ asset('storage/images/'.$image->image) }}"
                             alt="Agro Economy & Agro Waste Photos" width="100%">
                    </a>
                </div> --}}
                {{-- @endforeach --}}
            </div>
    

        </div>
    </div>
 </section>   


 <!-- End FAQ Section -->


@endsection