@extends('theme.swalanyeti.layout')

@section("styles")

@endsection

@section( 'main_body')

<div class="row mt-4">
    <div class="col-12">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('/') }}">Home</a></li>
                <li class="breadcrumb-item"><a href="{{ route('category', [$post->category->slug]) }}">{{ $post->category->name ?? '' }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{!! $post->title !!}</li>
            </ol>
        </nav>
    </div>
</div>

<div class="row mt-2">
    <div class="col-12 col-md-8">
        <h1 class="fw-bold font-18">
            {!! $post->title !!}
        </h1>
        <div class="d-flex justify-content-start my-3">
            <div class="float-left ml-2  py-0 h-100">
                <div class="d-flex h-100 flex-column justify-content-between ms-2">
                    <small class="fst-italic">
                        <span class="text-muted">By
                            @php
                            $authors = 0;
                            @endphp
                            @forelse ($post->authors as $author)
                            @php
                            if($authors++ > 0) echo '<span class="author-separator">, </span>';
                            @endphp
                            <a href="{{ route('author', $author->username) }}" title="Posts by {{ $author->display_name }}" class="author" rel="author">{{ $author->display_name }}</a>
                            @empty

                            @endforelse
                        </span>
                        <span class="ms-2">{{ get_time_ago($post) }}</span>
                    </small>
                </div>
            </div>
        </div>
        <div class="social-share">
            {{ social_share($post->title, route('post', [$post->category->slug, $post->id, $post->slug])) }}
        </div>
        <hr>
        @if (!is_null($post->main_image))
        <div class="col-12">
            <figure>
                <img class="w-100" src="{{ fetch_image($post->main_image->file_name, "original") }}" alt="{{ $post->main_image->alt_text }}">
                <figcaption>{{ $post->main_image->caption }}</figcaption>
            </figure>
        </div>
        @endif


        <div class="post-content">
            {!! prepare_post_body($post, "ak_default_default_mid_content_ad_1", "ak_default_default_mid_content_ad_2") !!}
        </div>

        <div class="col-12">
            <hr>
            <div class="social-share">
                {{ social_share($post->title, route('post', [$post->category->slug, $post->id, $post->slug])) }}
            </div>
            <hr>
        </div>

        <div class="row">
            <div class="col-12 mt-4">
                <div class="d-flex">
                    <h4 class="cat-title">Related Topics</h4>
                </div>
            </div>
            <div class="col-12 mt-4">
                <div class="my-2 ad text-center">
                    {!! get_option('ak_default_default_tags_section_ad') !!}
                </div>
            </div>
            <div class="col-12 mt-4">
                <ul class="list-inline">
                    @forelse ($post->tags as $tag)
                    <li class="list-inline-item tag bg-danger rounded text-white py-1 px-3 mb-2 font-14"><a href="{{ route('topics', $tag->slug) }}" title="Topic: {{ $tag->name }}">#{{ $tag->name }}</a></li>
                    @empty

                    @endforelse
                </ul>
            </div>
            <hr>
            @if ($post->previous || $post->next)
            <div class="col-12">
                <div class="row">
                    @if ($post->previous)
                    @php
                    $permalink = get_permalink($post->previous);
                    @endphp
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-12">
                                <p class="prev-post-nav post-nav font-14"><a href="{{ $permalink }}" class="text-dark" title="{!! $post->previous->title !!}"><i class="fa fa-arrow-left mr-2"></i> Previous Post</a></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <h5 class="font-14 fw-bold"><a href="{{ $permalink }}" class="text-dark" title="{!! $post->previous->title !!}">{!! $post->previous->title !!}</a></h5>
                            </div>
                        </div>
                    </div>
                    @endif

                    @if ($post->next)
                    @php
                    $permalink = get_permalink($post->next);
                    @endphp
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-12">
                                <p class="next-post-nav post-nav fw text-end font-14"><a href="{{ $permalink }}" class="text-dark" title="{!! $post->next->title !!}">Next Post <i class="fa fa-arrow-right ml-2"></i></a></p>
                            </div>
                            <div class="col-12">
                                <h5 class="font-14 fw-bold text-end"><a href="{{ $permalink }}" class="text-dark" title="{!! $post->next->title !!}">{!! $post->next->title !!}</a></h5>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
            <hr>
            @endif
            <div class="col-12 mt-4">
                <div class="my-2 ad text-center">
                    {!! get_option('ak_default_default_comments_section_ad') !!}
                </div>
            </div>
            <div class="col-12 mt-4">
                <div class="d-flex">
                    <h4 class="cat-title">Leave a comment</h4>
                </div>
            </div>
            <div class="col-12 mt-4">
                <div class="fb-comments" data-href="{{ url()->current() }}" data-width="100%" data-numposts="5"></div>
            </div>
            <div class="col-12 mt-4">
                <div class="my-2 ad text-center">
                    {!! get_option('ak_default_default_comments_separator_ad') !!}
                </div>
            </div>
            <div class="col-12 mt-4">
                <div class="d-flex">
                    <h4 class="cat-title">Related stories</h4>
                </div>
            </div>
            <div class="col-12 mt-4">
                <div class="row">
                    @php
                    $more_posts = fetch_posts_by_category($global_post->category->id, 6, 0);
                    @endphp
                    @if ($more_posts)
                    @each('theme.swalanyeti.templates.tile', $more_posts, 'post')
                    @endif
                </div>
            </div>
            <div class="col-12 mt-4">
                <div class="my-2 ad text-center">
                    {!! get_option('ak_default_default_bottom_ad') !!}
                </div>
            </div>
        </div>

    </div>
    <div class="col-12 col-md-4">
        <div class="row sticky-top">
            <div class="col-12 mb-3">
                <div class="d-flex">
                    <h4 class="cat-title">Connect with Us</h4>
                </div>
            </div>
            <div class="col-12 mt-2">
                {{ social_icons() }}
            </div>
            <div class="col-12 text-center">
                <div class="ad py-2">
                    <!-- sidebar-ads -->
                    <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6857207486819755" data-ad-slot="8740563244" data-ad-format="auto" data-full-width-responsive="true"></ins>
                    <script>
                        (adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>
            </div>
            <div class="col-12 my-4">
                <div class="d-flex">
                    <h4 class="cat-title">Latest Stories</h4>
                </div>
            </div>
            @php
            $latest_posts = latest_stories(5);
            @endphp
            @if ($latest_posts)
            @each('theme.swalanyeti.templates.sidebar-post', $latest_posts, 'post')
            @endif
            <div class="col-12 text-center">
                <div class="ad py-2">
                    <!-- sidebar-ads -->
                    <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6857207486819755" data-ad-slot="8740563244" data-ad-format="auto" data-full-width-responsive="true"></ins>
                    <script>
                        (adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection

@section("scripts")

@endsection