@extends('layouts.app')

@section('title', 'Thématiques | '.$thematique->name)

@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">{{ $thematique->name }}</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{{--  <div class="main_title_wrapper category_title_section">
    <div class="container">
        <div class="row">
            <div class="col-md-12 main_title_col">
                <h1 class="categories-title title">Services {{ $type_service ? ' | '.$type_service->name : '' }}</h1>
            </div>
        </div>
    </div>
</div>  --}}
@endsection

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

    <div class="row" >
        {{--  <h4 style="margin-top:10px;">S</h4>  --}}
        <div class="col-12">
            <h4 style="margin-top:10px; margin-bottom:0px;">Articles similaires</h4>
        </div>
        @forelse ($services as $service)
        @if ($_lastService->id != $service->id)
            <div class="col-md-12 blog_grid_post_style jl_row_1 appear_animation" style="margin-bottom: 10px; padding: 0 7px;">
                <hr style="margin: 5px 0px">
                <h5 class="image-post-title_" style="margin-top:10px;margin-bottom:0px !important;font-size: 14px !important;">
                    <a href="{{ route('thematiques.show', $service) }}">{{ $service->titre }}</a>
                </h5>
            </div>
        @endif
        @empty
            Aucun service
        @endforelse
    </div>
@else
Aucun article
@endif

<div class="row">
    <div class="col-12">
        @if ($services)
            <div class="">
                {{ $services->links('vendor.pagination.pagination') }}
            </div>
        @endif
    </div>
</div>
@endsection

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

@section('recentsElements')
<div class="widget-title">
    <h2 style="padding-bottom: 10px !important; margin: 0px 0px 10px 0px;">Guides & Documentations</h2>
</div>
<div class="mb-3">
    @forelse ($thematique->documents as $_doc)
        <a href="{{ asset('files/thematiques/'.$_doc->file) }}" target="_black" class="thematique-link-doc">{{ $_doc->name }}</a>
    @empty
        {{'Pas encore de guides.'}}
    @endforelse
</div>

<div class="widget-title">
    <h2 style="padding-bottom: 10px !important; margin: 20px 0px 10px 0px;">Liens</h2>
</div>
<div>
    @forelse ($thematique->liens as $_lien)
        <a href="{{ $_lien->link }}" target="_black" class="thematique-link-doc">{{ $_lien->name }}</a>
    @empty
        {{'Pas encore de liens.'}}
    @endforelse
</div>
@endsection