@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 = $service->image ? asset('images/services/'.$service->image) : asset('images/services/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('services.type_service', $service->typeService) }}">{{ $service->typeService->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>  --}}
                                    @guest
                                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#postuler" style="float: right!important;">
                                            {{ "S'inscrire" }}
                                        </button>
                                    @else
                                        @can('entreprise')
                                            @can('postuler', $service)
                                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#confirmpostuler" style="float: right!important;">
                                                    {{ "S'inscrire" }}
                                                </button>
                                            @else
                                                <span style="color:green !important">Postulé</span>
                                            @endcan
                                        @endcan
                                    @endguest
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')
 <div class=" padding-content">
    {!! $service->contenu !!}
    @guest
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#postuler">
            {{ "S'inscrire" }}
        </button>
    @else
        @can('entreprise')
            @can('postuler', $service)
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#confirmpostuler">
                    {{ "S'inscrire" }}
                </button>
            @endcan
        @endcan
    @endguest
 </div>

<div class="modal fade" id="postuler" tabindex="-1" role="dialog" style="padding-top:150px;" aria-labelledby="postulerLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                {{--  <h5 class="modal-title" id="postulerLabel">Modal title</h5>  --}}
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" style="text-align: center">
                <a href="{{ route('login') }}" class="btn btn-default">Connectez-vous</a> ou 
                <a href="{{ route('devenirmembre') }}" class="btn btn-default">Devenez membre</a>
                <h5>Pour pouvoir {{ "S'inscrire" }}</h5>
            </div>
            {{--  <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>  --}}
        </div>
    </div>
</div>

<div class="modal fade" id="confirmpostuler" tabindex="-1" role="dialog" style="padding-top:150px;" aria-labelledby="confirmpostulerLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5>{{ "S'inscrire" }}</h5>
                {{--  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>  --}}
            </div>
            <div class="modal-footer" style="text-align:center">
                {!! Form::model($service, ['method' => 'POST', "url" => route('postuler', $service)]) !!}
                    <button type="submit" class="btn btn-primary">{{ "S'inscrire" }}</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
</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>Autres Services</h2>
</div>
<div>
    <ul class="feature-post-list recent-post-widget">
        @forelse ($services as $_service)
            <li>
                {{--  <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="{{ asset('images/services/'.$_service->image) }}" 
                        class="attachment-disto_small_feature size-disto_small_feature wp-post-image" alt="" 
                        srcset="{{ asset('images/services/'.$_service->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('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 sevice.'}}
        @endforelse
    </ul>
</div>
@endsection