@extends('web.master.master')

@section('content')

    <div class="wrapper">
        <div class="content">
            <div class="container" style="max-width: 1100px;">

                <!-- START: PAGE CONTENT -->
                <div class="row animate-up post-margin">
                    <div class="col-sm-7">
                        <main class="post-single">
                            <article class="post-content section-box">
                                <div class="post-media">

                                    @if($post->video)
                                        <div class="post-embed">
                                            <div class="post-embed-item">
                                                <iframe id="mediaview" width="100%" height="100%"
                                                        src="https://www.youtube.com/embed/{{ $video }}?rel=0&amp;showinfo=0&autoplay=0&origin={{ config('app.url') }}"
                                                        allowfullscreen></iframe>
                                            </div>
                                        </div>

                                    @elseif($galery->first())
                                        <ul class="post-slider">
                                            @foreach($galery as $img)
                                                <li><img src="{{ $img->url_crop_image }}" alt="{{ $post->title }}" /></li>
                                            @endforeach
                                        </ul>
                                        <div class="post-slider-arrows">
                                            <div class="slider-prev"></div>
                                            <div class="slider-next"></div>
                                        </div>

                                    @else
                                        <img src="{{ $post->url_cover }}" alt="{{ $post->title }}"/>
                                        @if($post->cover_credit)
                                            <div class="post-info">
                                                <i class="icon-camera">{{ $post->cover_credit }}</i>
                                            </div>
                                        @endif
                                    @endif
                                </div><!-- .post-media -->
                                <div class="post-inner">
                                    <header class="post-header">
                                        <div class="post-data">
                                            <div class="post-tag">
                                                <a href="{{ route('web.posts') }}/{{ $post->category()->first()->slug }}">#{{ $post->category()->first()->title }}</a>
                                            </div>

                                            <div class="post-title-wrap">
                                                <h1 class="post-title">{{ $post->title }}</h1>
                                                <time class="post-datetime"
                                                      datetime="{{ date('Y-m-d\TH:i:s+00:00', strtotime($post->date)) }}">
                                                    <span class="day">{{ date('d', strtotime($post->date)) }}</span>
                                                    <span class="month">{{ strtoupper(strftime('%h', strtotime($post->date))) }}</span>
                                                </time>


                                            </div>
                                        </div>
                                    </header>

                                    <div class="post-editor ">
                                        {!! $post->content !!}

                                        @if($post->file)
                                            <a href="{{ url('/storage/' . $post->file) }}" target="_parent"></a>
                                            <span class="btn btn-lg btn-primary">Baixe o arquivo!</span></a>
                                        @endif
                                    </div>

                                    <div class="post-social-share">
                                        <a class="icon-facebook icon-notext" target="_blank"
                                           title="Compartilhar no Facebook"
                                           data-href="{{ route('web.post', ['slug' => $post->slug]) }}"
                                           href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(route('web.post', ['slug' => $post->slug])) }}&amp;src=sdkpreparse">
                                        </a>
                                        <a class="icon-whatsapp icon-notext j_whats" target="_blank"
                                           title="Compartilhar no WhatsApp"
                                           href="">
                                        </a>
                                        <a class="icon-paper-plane icon-notext j_tg" target="_blank"
                                           title="Compartilhar no Telegram"
                                           href="">
                                        </a>
                                        <a class="icon-twitter icon-notext" target="_blank"
                                           title="Compartilhar no Twitter"
                                           href="https://twitter.com/intent/tweet?url={{ urlencode(route('web.post', ['slug' => $post->slug])) }}&text={{ urlencode($post->title) }}">
                                        </a>

                                    </div>
                                </div><!-- .post-inner -->
                            </article><!-- .post-content -->

                            <nav class="post-pagination section-box">
                                @if($postPrevious)
                                    <div class="post-next">
                                        <div class="post-tag">Artigo Anterior <a
                                                    href="{{ route('web.postsSlug', ['slug' => $postPrevious->category()->first()->slug]) }}">#{{ $postPrevious->category()->first()->title }}</a>
                                        </div>
                                        <h3 class="post-title"><a
                                                    href="{{ route('web.post', ['slug' => $postPrevious->slug]) }}">{{ $postPrevious->title }}</a>
                                        </h3>

                                        <div class="post-info">
                                            <span><i class="icon-calendar"></i>{{ $postPrevious->date_ext }}</span>
                                        </div>
                                    </div>
                                @endif
                                @if($postNext)
                                    <div class="post-prev">
                                        <div class="post-tag">Próximo Artigo <a
                                                    href="{{ route('web.postsSlug', ['slug' => $postNext->category()->first()->slug]) }}">#{{ $postNext->category()->first()->title }}</a>
                                        </div>
                                        <h3 class="post-title"><a
                                                    href="{{ route('web.post', ['slug' => $postNext->slug]) }}">{{ $postNext->title }}</a>
                                        </h3>
                                        <div class="post-info">
                                            <span><i class="icon-calendar"></i>{{ $postNext->date_ext }}</span>
                                        </div>
                                    </div>
                                @endif
                            </nav><!-- .post-pagination -->
                        </main>
                        <!-- .post-single -->
                    </div>

                    @include('web.inc.sidebar')
                </div><!-- .row -->
                <!-- END: PAGE CONTENT -->

            </div><!-- .container -->
        </div><!-- .content -->
    </div><!-- .wrapper -->

@endsection