@extends('layouts.app')

@section('title', 'Vidéos')

@section('main_title_wrapper')
<div class="main_title_wrapper category_title_section jl_cat_img_bg">
    <div class="category_image_bg_image" style="background-image: url({{ asset('images/micro-conference.jpg') }});"></div><div class="category_image_bg_ov"></div>    <div class="jl_cat_title_wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12 main_title_col">
                    <div class="jl_cat_mid_title">
                        <h3 class="categories-title title">Vidéos</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{{--  <div class="main_title_wrapper jl_na_bg_title">
    <div class="container">
        <div class="row">
            <div class="col-md-12 main_title_col">
                <h1 class="categories-title title"><span>Vidéos</span></h1>
            </div>
        </div>
    </div>
</div>  --}}
@endsection

@section('content')
    <div class="row padding-content">
        @forelse ($videos as $video)
            @php
                $MediaEmbed = new \MediaEmbed\MediaEmbed();
                $MediaObject = $MediaEmbed->parseUrl($video->fichier);
                $image = $MediaObject->image()
            @endphp
            <div class="col-md-6">
                <div class="jl_grid_box_wrapper">
                    <div class="image-post-thumb no-border-raduis">
                        <a href="{{ route('medias.videos.show', $video) }}" class="link_image featured-thumbnail" title="{{ $video->titre }}">
                            <img width="780" height="450" src="{{ $image }}" class="attachment-disto_large_feature_image size-disto_large_feature_image wp-post-image" alt="">                        <div class="background_over_image"></div>
                        </a>
                    </div>
                    <div class="post-entry-content">
                        <h5 class="image-post-title" >
                            <a href="{{ route('medias.videos.show', $video) }}">{{ Str::limit($video->titre, 45) }}</a>
                        </h5>
                        <span class="jl_post_meta" style="margin-bottom: 15px">
                            <span class="post-date"><i class="fa fa-clock-o"></i>{{ \Carbon\Carbon::parse($video->created_at)->format('d M Y') }}</span>
                        </span>
                    </div>
                </div>
            </div>
        @empty
            {{"Pas encore de vidéos"}}
        @endforelse
    </div>
    <div class="row">
        <div class="col-12">
            @if ($videos)
                <div class="">
                    {{ $videos->links('vendor.pagination.pagination') }}
                </div>
            @endif
        </div>
    </div>
@endsection

@section('socialshare')
<div class="widget-title"><h2>Partager sur</h2></div>
<div class="social-count-plus">
    <ul class="default">
        <li class="count-facebook">
            <a class="icon" href="#" rel="nofollow noopener noreferrer" target="_blank"></a>
        </li>
        <li class="count-googleplus">
            <a class="icon" href="#" rel="nofollow noopener noreferrer" target="_blank"></a>
        </li>
        <li class="count-instagram">
            <a class="icon" href="" rel="nofollow noopener noreferrer" target="_blank"></a>
        </li>
        <li class="count-twitter">
            <a class="icon" href="" rel="nofollow noopener noreferrer" target="_blank"></a>
        </li>
    </ul>
</div>
@endsection

@section('css')
    <style>
        .recents-elements {
            display: none !important;
        }
    </style>
@endsection