@extends('layouts.app')

@section('title', $video->titre)

@section('content')
<div class="single_section_content text-left">
    <div class="jl_single_style2">
        <div class="single_post_entry_content single_bellow_left_align jl_top_single_title jl_top_title_feature">
            <span class="meta-category-small single_meta_category">
                <a class="post-category-color-text" style="background:#ed1c1c" href="{{ route('medias.videos') }}">Vidéos</a>
            </span>
        </div>
    </div>
</div>

<div class=" padding-content format-video">
    @php
        $MediaEmbed = new \MediaEmbed\MediaEmbed();
        $MediaObject = $MediaEmbed->parseUrl($video->fichier);
        $MediaObject->setAttribute([
            'width' => 560,
            'height' => 315,
            'data-fluidvids' => "loaded"
        ]);
        $mbedCode = $MediaObject->getEmbedCode()
    @endphp
    <div class="single_section_content box blog_large_post_style">
        <div class="jl_single_style2">
            <div class="single_post_entry_content single_bellow_left_align jl_top_single_title jl_top_title_feature">
                <h1 class="single_post_title_main" itemprop="headline">{{ $video->titre }}</h1>
                <span class="single-post-meta-wrapper">
                    <span class="post-date updated">
                        <i class="fa fa-clock-o"></i>
                        {{ \Carbon\Carbon::parse($video->created_at)->format('d M Y') }}
                    </span>
                </span>
            </div>
        </div>
        <div class="single_content_header jl_single_feature_below">
            <div class="image-post-thumb jlsingle-title-above no-border-raduis">
                <div class="fluidvids" style="padding-top: 56.25%;">
                    {!! $mbedCode !!}
                </div>
            </div>
        </div>
    </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('recentsElements')
<div class="widget-title">
    <h2>Vidéos récentes</h2>
</div>
<div>
    <ul class="feature-post-list recent-post-widget">
        @forelse ($videos as $vid)
            @php
                $MediaEmbed = new \MediaEmbed\MediaEmbed();
                $MediaObject = $MediaEmbed->parseUrl($vid->fichier);
                $image = $MediaObject->image()
            @endphp
            <li>
                <a href="{{ route('medias.videos.show', $vid) }}" 
                    class="jl_small_format feature-image-link image_post featured-thumbnail" title="{{ $vid->titre }}">
                    <img width="120" height="120" src="{{ $image }}" 
                        class="attachment-disto_small_feature size-disto_small_feature wp-post-image no-border-raduis" alt="" 
                        srcset="{{ $image }}" sizes="(max-width: 120px) 100vw, 120px">
                    <div class="background_over_image"></div>
                </a>
                <div class="item-details">
                    <h3 class="feature-post-title">
                        <a href="{{ route('medias.videos.show', $vid) }}">{{ $vid->titre }}</a>
                    </h3>
                    <span class="post-meta meta-main-img auto_image_with_date">
                        <span class="post-date">
                            <i class="fa fa-clock-o"></i> 
                            {{ \Carbon\Carbon::parse($vid->created_at)->format('d M Y') }}
                        </span>
                    </span>
                </div>
            </li>
        @empty
            Pas de vidéos
        @endforelse
    </ul>
</div>
@endsection