@extends('front.layouts.front')

@section('content')

@if (!empty($post->description))
    <div class="container blog-wrapper py-4 py-md-5 mb-4 mb-md-0">
        <div class="row mb-3 mb-md-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">
            <div class="col-md-8">
                <div class="expanded-article-content">
                    {!! $post->description !!}
                    <div class="btn btn-tertiary article-content-btn d-md-none mt-3">Read more</div>
                    <div class="btn btn-tertiary hide-article-content-btn mt-3 d-none">Read less</div>                    
                    <a href="/news" class="btn btn-tertiary news-btn right-btn d-md-none mt-3">Back to news</a>
                </div>
            </div>
        </div>
        <div class="row justify-content-center d-none d-md-block">            
            <div class="col-sm-auto col-12 py-sm-0 py-3 text-center">
                <a href="/testimonials" class="btn btn-primary">Back to Testimonials</a>
                <component-social></component-social>                           
            </div>
        </div>
    </div>
@endif

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

@endsection