@extends('layouts.app')

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

@section('main_title_wrapper')
    <div class="jl_single_style4">
        <div class="single_content_header single_captions_overlay_bottom_image_full_width">
            @php
                $img = $service->image ? asset('images/thematiques/'.$service->image) : asset('images/thematiques/default.jpg');
            @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('thematiques', $service->thematique) }}">{{ $service->thematique->name }}</a>
                                </span>
                                <h1 class="single_post_title_main" itemprop="headline">{{ $service->titre }}</h1>
                                <span class="single-post-meta-wrapper">
                                    <span class="post-date updated"><i class="fa fa-clock-o"></i>{{ \Carbon\Carbon::parse($service->created_at)->format('d M Y') }}</span>
                                    <span class="view_options"><i class="fa fa-eye"></i>{{ $service->vues }}</span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')
 <div class=" padding-content">
    {!! $service->contenu !!}
 </div>
@endsection

@section('recentsElements')
<div class="widget-title">
    <h2>Autres Thématiques</h2>
</div>
<div>
    <ul class="feature-post-list recent-post-widget">
        @forelse ($services as $_service)
            <li>
                @php
                    $img = $service->image ? asset('images/thematiques/'.$service->image) : asset('images/thematiques/default.jpg');
                @endphp
                <a href="{{ route('services.show', $_service) }}" 
                    class="jl_small_format feature-image-link image_post featured-thumbnail" title="{{ $_service->titre }}">
                    <img width="120" height="120" src="{{ $img }}" 
                        class="attachment-disto_small_feature size-disto_small_feature wp-post-image" alt="" 
                        srcset="{{ $img }}" 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('services.show', $_service) }}">{{ Str::limit($_service->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($_service->created_at)->format('d M Y') }}
                        </span>
                    </span>
                </div>
            </li>
        @empty
            {{'Pas de thématiques.'}}
        @endforelse
    </ul>
</div>
@endsection