@extends('layouts.app')

@section('title', 'Galéries')

@section('content')

    <div class="single_section_content text-left padding-content">
        <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.photos') }}">Galéries</a>
                </span>
            </div>
        </div>
    </div>
    
    <div class="jl_single_style2 padding-content">
        <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">{{ $album->titre }}</h1>
            <span class="single-post-meta-wrapper">
            <span class="post-date updated">
                <i class="fa fa-clock-o"></i> {{ \Carbon\Carbon::parse($album->created_at)->format('d M Y') }}
            </span>
        </div>
        <div class="single_content_header jl_single_feature_below">
            <div class="image-post-thumb jlsingle-title-above">
                <div class="justified-gallery-post justified-gallery" style="height: 510.762px;">
                    @forelse ($photos as $photo)
                        <a class="featured-thumbnail jg-entry entry-visible" href="{{ asset('images/albums/'.$photo->name) }}" style="width: 380px; height: 253.127px; top: 1px; left: 1px;">
                            <img src="{{ asset('images/albums/'.$photo->name) }}" style="width: 380px; height: 254px; margin-left: -190px; margin-top: -127px;">
                            <div class="background_over_image"></div>
                        </a>
                        @empty
                        <div class="col-12">{{"Pas encore de photos"}}</div>
                    @endforelse
                </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>Galéries récentes</h2>
</div>
<div>
    <ul class="feature-post-list recent-post-widget">
        @forelse ($recentPhotos as $recentPhoto)
            <li>
                <a href="{{ route('medias.photos.show', $recentPhoto) }}" 
                    class="jl_small_format feature-image-link image_post featured-thumbnail" title="{{ $recentPhoto->titre }}">
                    <img width="120" height="120" src="{{ asset('images/albums/'.$recentPhoto->photos()->first()->name) }}" 
                        class="attachment-disto_small_feature size-disto_small_feature wp-post-image" alt="" 
                        srcset="{{ asset('images/albums/'.$recentPhoto->photos()->first()->name) }}" 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.photos.show', $recentPhoto) }}">{{ $recentPhoto->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($recentPhoto->created_at)->format('d M Y') }}
                        </span>
                    </span>
                </div>
            </li>
        @empty
            Pas de photos
        @endforelse
    </ul>
</div>
@endsection