@extends('index')

@section('main')
    <main id="main" class="subpage bgWhite article">
        <div class="content article__content">
            <div class="article__heading article-heading">
                
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="article-heading__body">
                                <div class="article-heading__back"><a href="{{ route('blog.home') }}" class="back-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1214 1024"><path d="M588.661 949.317l-386.564-384.986h1011.903v-105.187h-1011.903l386.564-384.986-74.157-74.157-514.893 511.737 514.893 512.263 74.157-74.683z"></path></svg><span>Powrót</span></a></div>
                                <h1 class="article-heading__title main-title">{{ $entry->name }}</h1>
                            </div>
                            @if($entry->hasImage())
                                @php($img = $entry->getImage())
                                <figure class="article-heading__img">
                                    <img src="{{ $img->widen(800) }}" alt="{{ $img->data->name }}">
                                </figure>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            <div class="article__main">
                <div class="section">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-8 col-lg-offset-2 wysiwygText">
                                {!! $entry->body !!}
                                @include('cms::shared.gallery', ['gallery' => $entry->i18n()->gallery])
                                @include('cms::shared.files', ['files' => $entry->i18n()->files])

                                <div class="article__share">
                                    <span class="article__share-title">Udostępnij ten wpis na</span>
                                    <div class="article__share-items">
                                        <a href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode($entry->url) }}&t={{ urlencode($entry->name) }}" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600'); return false;" target="_blank" class="article__share-item">
                                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 455.73 455.73" style="enable-background:new 0 0 455.73 455.73;" xml:space="preserve">
                                                <path style="fill:#3A559F;" d="M0,0v455.73h242.704V279.691h-59.33v-71.864h59.33v-60.353c0-43.893,35.582-79.475,79.475-79.475
                                                    h62.025v64.622h-44.382c-13.947,0-25.254,11.307-25.254,25.254v49.953h68.521l-9.47,71.864h-59.051V455.73H455.73V0H0z"/>
                                            </svg>
                                        </a>
                                        <a href="https://x.com/share?url={{ urlencode($entry->url) }}&text={{ urlencode($entry->name) }}" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600'); return false;" target="_blank" class="article__share-item">
                                            <svg xmlns="http://www.w3.org/2000/svg" fill="#000000" viewBox="0 0 448 448"><path d="M64,32A64.059,64.059,0,0,0,0,96V416a64.059,64.059,0,0,0,64,64H384a64.059,64.059,0,0,0,64-64V96a64.059,64.059,0,0,0-64-64Zm297.1,84L257.3,234.6,379.4,396H283.8L209,298.1,123.3,396H75.8l111-126.9L69.7,116h98l67.7,89.5L313.6,116ZM323.3,367.6,153.4,142.9H125.1L296.9,367.6h26.4Z" transform="translate(0 -32)"/></svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <script type="application/ld+json">
        {
            "@context": "http://schema.org/",
            "@type": "Article",
            "mainEntityOfPage": "{{ $page->url }}",
            "name": "{{ $entry->name }}",
            "headline": "{{ Helper::truncate(strip_tags($entry->body), 150) }}",
            "datePublished": "{{ $entry->created_at->format('Y-m-d') }}",
            "dateModified": "{{ $entry->updated_at->format('Y-m-d') }}"
        @if(!empty($img))
            ,"image": {
                "@type": "ImageObject",
                "height": "1920",
                "width": "480",
                "url": "{{ $img->adaptive(1920, 480) }}"
                }
        @endif
        @if ($entry->author)
            ,"author": [{
                        "@type": "Person",
                        "name": "{{ $entry->author->name }}",
                    "url": "{{ ($img = $entry->author->getFile('image')) ? $img->adaptive(200, 200) : '' }}"
                }]
        @endif
        }
    </script>
@endsection