@extends('layouts.app')

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

@section('content')
<div class="single_section_content text-left">
    <div class="jl_single_style2">
        <div class="single_post_entry_content single_bellow_left_align jl_top_single_title jl_top_title_feature">
            @if ($publication->typePublication)
                <span class="meta-category-small single_meta_category">
                    <a class="post-category-color-text" style="background:#ed1c1c" href="{{ route('publications', $publication->typePublication) }}">{{$publication->typePublication->name}}</a>
                </span>
            @endif
            <h1 class="single_post_title_main" itemprop="headline">{{ $publication->titre }}</h1>
            <span class="single-post-meta-wrapper">
                <span class="post-date updated"><i class="fa fa-clock-o"></i>{{ \Carbon\Carbon::parse($publication->created_at)->format('d M Y') }}</span>
            </span>
        </div>
    </div>
</div>

<div class="single_content_header jl_single_feature_below">
    <div class="image-post-thumb jlsingle-title-above">
        <embed src="{{ asset('docs/publications/'.$publication->document) }}" type="application/pdf"   height="1000px" width="100%">
    </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;">Autres publications</h2>
</div>
<div id="publications" class="carousel slide publications" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        @foreach ($publications as $key => $publication)
            <li data-target="#publications" data-slide-to="{{ $key }}" class="{{ $key == 0 ? 'active' : ''}}"></li>
        @endforeach
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        @foreach ($publications as $key => $publication)
            <div class="item {{ $key == 0 ? 'active' : ''}}">
                <a href="{{ route('publications.show', $publication) }}">
                    <img src="{{ asset('images/publications/'.$publication->image )}}" alt="Los Angeles" style="width:100%;">
                </a>
            </div>
        @endforeach
    </div>

    <!-- Left and right controls -->
    <a class="left carousel-control" href="#publications" data-slide="prev">
        <i class="la la-angle-left"></i>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#publications" data-slide="next">
        <i class="la la-angle-right"></i>
        <span class="sr-only">Next</span>
    </a>
</div>
@endsection