@extends('front._.app')

@section('content')

  @include('front._.header')
  <div class="container-fluid back-img" style="background-image: url({{ asset('front/img/home/about_us.jpg') }})">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="title text-center mb-4">
                    <h1>{{ $title }}</h1>
                </div>
            </div>
            <div class="col-md-12">
                <div class="desc text-center mb-4">
                  <h5 style="color: white;margin-top:-20px">Accueil/{{ $title }}</h5>
                </div>
            </div>
        </div>
    </div>
</div>

<section class="our-achievement">
    <div class="container-fluid">
        <div class="row mb-5">
            <div class="col-md-12">
                <div class="title text-center mb-4">
                    {{ $title }}
                </div>
            </div>
        </div>
        <div class="row">
         <div class="col-md-12 col-xs-12">
             <div class="row">
                @foreach ($MovieLibrary as $MovieLibrary)
                <div class="col-md-4">
                        <span>Publié le {{ $MovieLibrary->created_at->format('d/m/Y') }} à {{ $MovieLibrary->created_at->format('H:i') }}</span>
                        <div class="box-contain">
                            <video poster="{{ asset('front/logo.jpg') }}" src="{{ asset('video/'.$MovieLibrary->img) }}" data-color="lightgrey" data-overlay="1" data-title="{{ \Illuminate\Support\Str::limit($MovieLibrary->title,30,'...') }}"></video>
                            <div class="bottom-content">
                                <span>{{ \Illuminate\Support\Str::limit($MovieLibrary->title,35,'...') }}</span>
                                <div class="icon-card" style="float: right"><i class="fas fa-arrow-right"></i></div>
                            </div>
                        </div>
                </div>
             @endforeach
             </div>
        </div>
      </div>
</section>

  @include('front/_/footer')
@endsection