@extends('layouts.app')

@section('title', $circulaire->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">
            <span class="meta-category-small single_meta_category">
                <a class="post-category-color-text" style="background:#ed1c1c" href="{{ route('circulaires') }}">Circulaires</a>
            </span>        
            <h1 class="single_post_title_main" itemprop="headline">{{ $circulaire->titre }}</h1>
            <span class="single-post-meta-wrapper">
                <span class="post-date updated"><i class="fa fa-clock-o"></i>{{ \Carbon\Carbon::parse($circulaire->created_at)->format('d M Y') }}</span>
                {{-- <span class="view_options"></span><i class="fa fa-eye"></i> {{ $circulaire->vues }}</span> --}}
            </span>
            <p class="post_subtitle_text" itemprop="description">{!! $circulaire->contenu !!}</p>
        </div>
    </div>
</div>
@endsection

@section('socialshare')
<div class="widget-title"><h2>Partager sur</h2></div>
<span class="jl_none_space"></span>
<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-bottom: 10px;">Circulaires récentes</h2>
</div>
<div>
    <ul class="feature-post-list recent-post-widget">
        @forelse ($circulaires as $circul)
            <li style="margin-bottom: 10px;">
                <div class="item-details_">
                    <h3 class="feature-post-title" style="margin-top: 10px;">
                        <a href="{{ route('circulaires.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 class="view_options"></span><i class="fa fa-eye"></i> {{ $circul->vues }}</span> --}}
                    </span>
                </div>
            </li>
        @empty
            Pas de photos
        @endforelse
    </ul>
</div>
@endsection