@extends('front/_.app')

@section('content')



<section class="section-page">
    <div class="container">
        <div class="row">
            <div class="col-md-5">
                <div class="fotorama data-allowfullscreen="true" data-nav="thumbs" data-autoplay="true" data-allowfullscreen="native">
                    <img class="" src="{{ $Actuality->getImg() }}" alt="">
                    @foreach($Actuality->photolibraries as $photolibrary)
                    <img src="{{ $photolibrary->getImg() }} ">
                    @endforeach
                </div>
            </div>
            <div class="col-md">
                <h4 class="fontTitle colorSecondary">
                    {{ $Actuality->title }}
                </h4>   
                <div>
                    <h6 class="text-justify">
                        {{ $Actuality->subTitle }}
                    </h6>
                    <p class="text-justify">
                        {{ $Actuality->description }}
                    </p>
                    <small>
                        <i class="far fa-calendar-alt"></i> {{ date('d/m/Y', strtotime($Actuality->dateA)) }}
                    </small>
                </div>
            </div>
        </div>
        <div class="row mt-5">
            <div class="col-md">
                <div class="fotorama data-allowfullscreen="true" data-nav="thumbs" data-allowfullscreen="native">
                    @foreach ($Actuality->movielibraries as $movielibrary)
                      <video width="500" height="auto" controls>
                        <source src="{{ asset("storage/".config('global.path.movieLibrary_image_imgs')."/".$movielibrary->imgs) }}" type="video/mp4">
                        <source src="{{ asset("storage/".config('global.path.movieLibrary_image_imgs')."/".$movielibrary->imgs) }}" type="video/ogg">
                        Erreur de tag !
                      </video>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>

<section class="pt-5" style="background-color: #F7F7F7;">
    <div class="container">
        <div class="row owl-carousel owl-carousel-actuality-infos">
            @foreach ($actualityOthers as $actualityOther)
            <div class="col-md-12 item">
                <a href="{{ route('actuality.infos', [$actualityOther->id]) }}" class="card-actuality full">
                    <div class="image"  style="height:120px; overflow: hidden;">
                        <img src="{{ $actualityOther->getImg() }}" alt="" 
                        style="min-height:100%; min-width: 100%; maw-height:auto; maw-width: 100%;">
                    </div>
                    <div class="content">
                        <p>{{ Str::limit($actualityOther->title, 40) }}</p>
                        <small>
                            <i class="far fa-calendar-alt"></i> {{ date('d/m/Y', strtotime($actualityOther->dateA)) }}
                        </small>
                    </div>
                </a>
            </div>
            @endforeach
        </div>
    </div>
</section>




@endsection