@extends('front.layouts.front')

@section('content')


@if(!empty($post->description))
    <div class="container blog-wrapper py-5">
        <div class="row mb-5 justify-content-center">
            <div class="col-md-8">
                <h1 class="text-center">{{$post->title}}</h1>
            </div>
        </div>
        <div class="row justify-content-center article-content pb-5">
            <div class="col-md-8">
                <div class="article-date text-center text-sm-left mb-3">
                    <strong>
                        {{ date('F d, Y', strtotime($post->created_at)) }}
                    </strong>
                </div>
                @if ($post->gallery->images->count() > 0)
                <div class="row">
                    <div class="col-8 offset-2">
                        <img src="{{ $post->gallery->images[0]->image->secure_url }}" alt="{{ $post->gallery->images[0]->image->alt }}">
                    </div>
                </div>
                @endif
                {!!$post->description!!}
                @if ($post->gallery->images->count() > 1)
                    @php $post->gallery->images->shift(); @endphp
                    @include ('gallery::partials.product-gallery', ['post' => $post])
                @endif
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-sm-auto col-12 py-sm-0 py-3 text-center">
                <a href="/{{ $taxonomy->slug }}" class="btn btn-primary">Back to {{ $taxonomy->title }}</a>
                <component-social></component-social>                           
            </div>
        </div>
    </div>
@endif

{{-- Template Builder --}}
<div id="template-wrapper">
    @include("template::partials.front.main")
</div>
{{-- //Template Builder --}}

@endsection