@extends('web.page')

@section('page_class', 'template-post_normal')
@section('title_prefix', $item->title.' - ')
@section('description', $item->description)
@section('keywords', implode(', ',$item->tags->where('lang', Lang::getLocale())->pluck('name')->toArray()))

@section('content')

    <section class="header_image">
        <img src="/images/header/background_neutral.jpg">
    </section>

    <section class="title">
        <div class="container-fluid">
            <div class="col-md-12">
                <h1>{{ $item->title }}</h1>
            </div>
        </div>
    </section>

    <section>
        <div class="content">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        @if($item->description)
                            <div class="short-description">
                                {{ $item->description }}
                            </div>
                        @endif
                    </div>
                    <div class="col-md-12">
                        {!! $item->content !!}
                    </div>

                    <div class="col-md-12">
                        <div class="documents_container">
                            <ul>
                                @foreach($item->documents as $document)
                                    <li><a href="/blog/document/{{ $document->id }}" class="icon-{{ $document->extension }}">{{ $document->description }}</a> </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="image-galery">
                            @foreach($item->images as $image)
                                @if($image->id != $item->header_image_id)
                                    <a href="/storage/blog/images/full/{{ $image->file_name }}" data-lightbox="roadtrip" data-title="{{ $image->description }}">
                                        <img src="/storage/blog/images/thumb/{{ $image->file_name }}" alt="{{ $image->description }}">
                                    </a>
                                @endif
                            @endforeach
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="social-links">
                            <ul>
                                                                <li><a href="https://www.facebook.com/sharer/sharer.php?u={{ request()->url() }}" class="social-button" target="_blank">
                                        <i class="fab fa-facebook"></i></a></li>
                                <li><a href="https://twitter.com/intent/tweet?text={{ $description }}&amp;url={{ request()->url() }}" class="social-button" target="_blank">
                                        <i class="fab fa-twitter-square"></i></a></li>
                                <li><a href="https://plus.google.com/share?url={{ request()->url() }}" class="social-button" target="_blank">
                                        <i class="fab fa-google-plus-square"></i></a></li>
                                <li><a href="http://www.linkedin.com/shareArticle?mini=true&amp;url={{ request()->url() }}&amp;title={{ $item->title }}&amp;summary={{ $item->description }}"
                                       class="social-button " target="_blank"><i class="fab fa-linkedin"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@stop