@extends(get_view('index'))
@section('title')
    {{ $post->content->title ?? '' }} -
@endsection
@section('header')
@endsection
@section('content')
    @include(get_view('components.pages.page-title'), ['title' => $post->content->title ?? ''])





    <div class="container pt-4 pb-5 my-5">
        <div class="row justify-content-center">
            <div class="col-lg-8 mb-5 mb-lg-0 appear-animation" data-appear-animation="fadeInUpShorter"
                data-appear-animation-delay="1600">

                <article>
                    <div class="card border-0">
                        <div class="card-body z-index-1 p-0">
                            <p class="text-uppercase text-1 mb-3 text-color-default">
                                <time pubdate
                                    datetime="{{ $post->created_at->format('Y-m-d') }}">{{ $post->created_at->format('d M Y') }}</time>
                            </p>



                            @php
                                $hasCoverPhoto = isset($post->image) && $post->image != null;
                            @endphp
                            <div id="carousel" class="carousel slide" data-ride="carousel">
                                <ol class="carousel-indicators">
                                    @if ($hasCoverPhoto)
                                        <li data-target="#carousel" data-slide-to="0" class="active"></li>
                                    @endif
                                    @foreach ($post->images as $image)
                                        <li data-target="#carousel"
                                            data-slide-to="{{ $hasCoverPhoto ? $loop->index + 1 : $loop->index }}"
                                            class="{{ $loop->index == 0 && !$hasCoverPhoto ? 'active' : '' }}"></li>
                                    @endforeach
                                </ol>
                                <div class="carousel-inner">
                                    @if ($hasCoverPhoto)
                                        <div class="carousel-item active">
                                            <div class="post-image pb-4 d-flex align-items-center justify-content-center"
                                                style="height: 600px;">
                                                <img class="card-img-top custom-border-radius-1"
                                                    src="{{ Common::get_post_original_image($post->id, $post->image) }}"
                                                    alt="{{ $post->content->title ?? '' }}" height="600">
                                            </div>
                                        </div>
                                    @endif
                                    @foreach ($post->images as $image)
                                        <div
                                            class="carousel-item {{ !$hasCoverPhoto && $loop->index == 0 ? 'active' : '' }}">
                                            <div class="post-image pb-4 d-flex align-items-center justify-content-center"
                                                style="height: 600px;">
                                                @if (checkImage($image->name))
                                                    <img class="card-img-top custom-border-radius-1"
                                                        src="{{ get_blog_media($post->id, $image->name) }}" height="600">
                                                @else
                                                    <video class="card-img-top custom-border-radius-1" controls>
                                                        <source src="{{ get_blog_media($post->id, $image->name) }}"
                                                            type="video/mp4" height="600">
                                                    </video>
                                                @endif
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                <a class="carousel-control-prev my-auto" href="#carousel" role="button" data-slide="prev"
                                    style="height: fit-content;">
                                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Previous</span>
                                </a>
                                <a class="carousel-control-next my-auto" href="#carousel" role="button" data-slide="next"
                                    style="height: fit-content;">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </div>





                            <div class="card-body p-0">

                                <h3>{{ $post->content->title ?? '' }}</h3>

                                <div class="post-description py-2 pt-4">
                                    {!! $post->content->description !!}
                                </div>

                                <div class="post-content py-4">
                                    {!! $post->content->content !!}
                                </div>
                            </div>
                            <div class="card-footer text-center">
                                <a href="http://www.facebook.com/share.php?u={{ url()->full() }}" target="_blank"
                                    rel="noreferrer" class="d-inline p-2"><i class="fab fa-facebook"></i></a>
                                <a href="https://twitter.com/share?url={{ url()->full() }}&amp;text={{ env('APP_NAME') }}"
                                    target="_blank" rel="noreferrer" class="d-inline p-2"><i class="fab fa-twitter"></i></a>
                                <a href="https://web.whatsapp.com/send?text={{ url()->full() }}" target="_blank"
                                    rel="noreferrer" class="d-inline p-2"><i class="fab fa-whatsapp"></i></a>
                                <a href="http://www.linkedin.com/shareArticle?mini=true&amp;url={{ url()->full() }}"
                                    target="_blank" rel="noreferrer" class="d-inline p-2"><i
                                        class="fab fa-linkedin"></i></a>

                                <p style="font-size: 12px; margin:0px; padding:0px;">
                                    {{ translate('Sosyal Medyada Paylaş') }}</p>
                            </div>
                        </div>
                    </div>
                </article>

            </div>
        </div>
    </div>
@endsection
@section('footer')
@endsection