@extends('layouts.app')

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

@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">Galéries</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>Photos</span></h1>
            </div>
        </div>
    </div>
</div>  --}}
@endsection

@section('content')
    <div class="row padding-content">
        @forelse ($albums as $album)
            @php
                $assetImage = asset('images/albums/'.$album->photos()->first()->name);
            @endphp
            <div class="col-sm-6">
                <div class="single_content_header">
                    <div class="image-post-thumb jlsingle-title-above">
                        <div class="qoute_large_background image_grid_header_absolute" style="{{ 'background-image: url(\''.$assetImage.'\')' }}">
                            <a href="{{ route('medias.photos.show', $album) }}" class="link_grid_header_absolute" title="{{ $album->titre }}"></a>
                            <a href="{{ route('medias.photos.show', $album) }}" class="" title="{{ $album->titre }}">
                                <div class="qoute_large_content_inside">
                                    <p class="quote_text_des">{{ $album->titre }}</p>
                                    <p class="quote_source">{{ \Carbon\Carbon::parse($album->created_at)->format('d M Y') }}</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        @empty
            <div class="col-12">{{"Pas encore de galéries"}}</div>
        @endforelse
    </div>
    <div class="row">
        <div class="col-12">
            @if ($albums)
                <div class="">
                    {{ $albums->links('vendor.pagination.pagination') }}
                </div>
            @endif
        </div>
    </div>
@endsection

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