@extends('layouts.app')

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

@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">
            <h3 class="single_post_title_main_" itemprop="headline">{{ $article->titre }}</h3>
            <span class="single-post-meta-wrapper">
                <span class="post-date updated"><i class="fa fa-clock-o"></i>{{ \Carbon\Carbon::parse($article->created_at)->format('d M Y') }}</span>
            </span>
            <div class="image-post-thumb no-border-raduis" style="padding-top: 10px;">
                <img src="{{ asset('images/articles/'.$article->image) }}" alt="{{ $article->titre }}" style="width:100%;">
            </div>
            <p class="post_subtitle_text" itemprop="description">{!! $article->contenu !!}</p>
        </div>
    </div>
</div>
@endsection

@section('recentsElements')
<div class="widget-title">
    <h2 style="margin-bottom: 10px;">Actualitées récentes</h2>
</div>
<div>
    <ul class="feature-post-list recent-post-widget">
        @forelse ($articles as $circul)
            <li style="margin-bottom: 10px;">
                <div class="item-details_">
                    <h3 class="feature-post-title" style="margin-top: 10px;">
                        <a href="{{ route('actualites.show', $circul) }}">{{ $circul->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($circul->created_at)->format('d M Y') }}
                        </span>
                    </span>
                </div>
            </li>
        @empty
            .
        @endforelse
    </ul>
</div>
@endsection