@if($picture)
<section class="page-header">
    <img src="{{ $picture->route(2560,1000) }}" alt="{{ $post->getAttr('name') }}">
</section>
@endif
<div class="blog-container">
    <section class="section-page py-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-12 offset-lg-2">
                    <div class="block">
                        <h1 class="block-p-title uppercase">{{ $post->getAttr('name') }}</h1>
                        @if($post->getAttr('short_content'))
                        <p class="block-desc-title mb-3">{{ $post->getAttr('short_content') }}</p>
                        @endif
                        <div class="blog-date">{{ $post->post_date }}</div>
                        <div class="share">
                            <span>{{ translate('partager_article') }}</span>
                            <ul>
                                <li>
                                    <a href="{{ $post->linkedInShare }}" target="_blank">
                                        <img src="{{ asset('images/icons/linkedin.png') }}" alt="linkedIn">
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ $post->facebookShare }}" target="_blank">
                                        <img src="{{ asset('images/icons/facebook.png') }}" alt="facebook">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="blog-content bg-gray">
        @if(!empty($pictures))
        <div class="blog-head">
            <div class="container">
                <div class="row">
                    @foreach($pictures as $p)
                    <div class="col-lg-6 col-md-12">
                        <div class="image">
                            <img src="{{ $p->route(1000,600) }}" alt="{{ $p->getAttr('alt') }}">
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
        @endif
        <div class="container">{!! nl2br($post->getAttr('content')) !!}</div>
    </section>
    @if(!$otherPosts->isEmpty())
    <section class="section-blog pt-5 pb-4">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="block-p-title abs uppercase text-center pt-4 pb-4">{{ translate('autres_articles') }}</div>
                </div>
                @foreach($otherPosts as $p)
                @include('partials.post-item', compact('p'))
                @endforeach
            </div>
        </div>
    </section>
    @endif
</div>