@extends('layouts.app')

@section('title', 'Evenéments')

@section('main_title_wrapper')
    <div class="jl_single_style4">
        <div class="single_content_header single_captions_overlay_bottom_image_full_width">
            @php
                $img = asset('images/evenements/'.$evenement->image);
            @endphp
            <div class="image-post-thumb" style="{{ 'background-image: url('.$img.')' }}"></div>
            <div class="single_full_breadcrumbs_top">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                        </div>
                    </div>
                </div>
            </div>
            <div class="single_post_entry_content_wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="single_post_entry_content">
                                <span class="meta-category-small">
                                    <a class="post-category-color-text" style="background:#ed1c1c" href="{{ route('evenements') }}">Evenéments</a>
                                </span>
                                <h1 class="single_post_title_main" itemprop="headline">{{ $evenement->titre }}</h1>
                                <span class="single-post-meta-wrapper">
                                    <span class="post-date updated"><i class="fa fa-clock-o"></i>{{ \Carbon\Carbon::parse($evenement->created_at)->format('d M Y') }}</span>
                                    {{-- <span class="view_options"><i class="fa fa-eye"></i>{{ $evenement->vues }}</span> --}}
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')
    <div class=" padding-content">
        <h5>
            <i class="fa fa-clock-o"></i> 
            @if ($evenement->date_fin)
                Du {{ date("d M Y", strtotime($evenement->date_debut)) }} à {{ date("H:i", strtotime($evenement->heure_debut)) }}
                au {{ date("d M Y", strtotime($evenement->date_fin)) }} {{ $evenement->heure_fin ? date(" à H:i", strtotime($evenement->heure_fin)) : '' }}
            @else
                {{ date("d M Y", strtotime($evenement->date_debut)) }} à {{ date("H:i", strtotime($evenement->heure_debut)) }}
            @endif
        </h5>
        {!! $evenement->contenu !!}
    </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 style="margin: 0px 0px 0px 0px !important;">Evénements récentes</h2>
</div>
<div>
    <ul class="feature-post-list recent-post-widget">
        @forelse ($evenements as $event)
            <li style="margin-bottom: 0px !important;">
                {{--  <a href="{{ route('evenements.show', $event) }}" 
                    class="jl_small_format feature-image-link image_post featured-thumbnail" title="{{ $event->titre }}">
                    <img width="120" height="120" src="{{ asset('images/evenements/'.$event->image) }}" 
                        class="attachment-disto_small_feature size-disto_small_feature wp-post-image" alt="" 
                        srcset="{{ asset('images/evenements/'.$event->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('evenements.show', $event) }}">{{ Str::limit($event->titre, 50) }}</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($event->created_at)->format('d M Y') }}
                        </span>
                    </span>
                </div>
            </li>
        @empty
            {{'Pas d\événement.'}}
        @endforelse
    </ul>
</div>
@endsection