@extends('index')

@section('main')
    <main class="main post">
        <div class="section section--tiny gray-bg">
            <div class="container">
                <div class="default-heading default-heading--border-bottom">
                    <h1 class="default-heading__title">{{ __('blog::main.home') }}</h1>
                    <a href="{{ route('blog.home') }}" class="btn-arrow">
                        <i class="ico ico-arrow-left"></i>
                        <span>Powrót do wszystkich wpisów</span>
                    </a>
                </div>
                <div class="row">
                    <div class="col-lg-8">
                        <div class="post__main">
                            <header class="post__header">
                                <div class="post__time">
                                    <i class="ico ico-calendar"></i>
                                    <span>{{ $entry->date->formatLocalized('%e %B %Y, %H:%M') }}</span>
                                </div>
                                <h1 class="post__title">{{ $entry->name }}</h1>
                                @if ($entry->tags->isNotEmpty())
                                    <ul class="post__tags">
                                        @foreach ($entry->tags as $t)
                                            <li><a href="{{ $t->url }}">{{ $t->name }}</a></li>
                                        @endforeach
                                    </ul>
                                @endif
                            </header>
                            @if ($entry->hasImage())
                                <div class="post__img">
                                    @foreach ($entry->categories as $c)
                                        <div class="label {{ $c->css_class }}">{{ $c->name }}</div>
                                    @endforeach
                                    <img src="{{ $entry->getImage()->adaptive(1070, 540) }}" alt="{{ $entry->name }}">
                                </div>
                            @endif
                            <div class="wysiwyg">
                                {!! $entry->body !!}
                            </div>
                            @include('cms::shared.gallery', ['gallery' => $entry->i18n()->gallery])
                            @include('cms::shared.files', ['files' => $entry->i18n()->files])
                            
                            <footer class="post__footer">
                                <div class="post__footer-left">
                                    <div class="post__footer-title">
                                        <i class="ico ico-chat"></i>
                                        <span><small>Udostępnij wpis</small> swoim znajomym!</span>
                                    </div>
                                </div>
                                <div class="post__footer-right">
                                    <ul class="post__share-list">
                                        <li class="post__share-item"> 
                                            <a href="https://twitter.com/share" class="twitter-share-button" data-lang="pl" rel="noopener noreferrer">Tweetnij</a>
                                            <script>
                                                !function(d,s,id){ var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){ js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
                                            </script>
                                        </li>
                                        <li class="post__share-item">
                                            <div class="fb-share-button" data-href="{{ $entry->url }}" data-layout="button_count" data-size="small" data-mobile-iframe="true"></div>
                                        </li>
                                        <li class="post__share-item">
                                            <div class="g-plus" data-action="share" data-href="{{ $entry->url }}"></div>
                                            <script src="https://apis.google.com/js/platform.js" async defer>
                                                {lang: 'pl'}
                                            </script>
                                        </li>
                                    </ul>
                                </div>
                            </footer>
                            <div class="fb-comments-box" data-href="{{ str_replace('https://www.', 'http://', $entry->url) }}" data-numposts="5" data-colorscheme="light"></div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        @include('blog::shared.sidebar')
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection