@extends('../../master_layout/website_master')

@section('heading')
<section class="page-heading">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="content flex-column flex-sm-row">
                    
                    <a href="javascript:history.back()" class="btn btn-link">
                        <i class="fa fa-angle-left"></i> Back
                    </a>
                    <h1 class="py-2 py-sm-0">{{$post->title}}</h1>

                    <!-- breadcrumb -->
                    @php                    
                    $breadcrumb = array(
                        array('title'=>'Blog', 'url'=>route('discover.blog')),
                        array('title'=>'Post', 'url'=>'', 'active'=>'1')
                    );
                    @endphp
                    @include('website_view.component.breadcrumb',  compact("breadcrumb"))
                    <!-- \breadcrumb -->
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('content')

@if (session('errors'))
<div class="alert alert-danger alert-dismissible">
    @foreach($errors->all() as $message)
    <li class="text-danger">{{$message}}</li>
    @endforeach
</div>
@endif

<!-- Escort List One -->
<section class="escort-list-one mt-4">
    <div class="container-fluid">
        <div class="row gap-y-2">
            <div class="col-lg-12 col-md-12">
                <div class="left-sec">
                    
                    <div class="my-2">
                        <a href="{{route('discover.blog')}}" class="mb-4">Back to All Posts</a>
                        <h1 class="font-bold mb-1">{{ $post->title }}</h1>                        
                        <span class="text-sm text-muted">{{ date('F j, Y', strtotime($post->created_on)) }}</span>
                    </div>

                    <!-- Posts section -->
                    <div class="row">
                        @if($post->image !='')
                        <div class="col-12 mb-4">                            
                            <img src="{{ getStorageFile(config('path.blog').$post->image, 'b2') }}" alt="{{ $post->title }}" class="img-fluid">                            
                        </div>
                        @endif

                        <div class="col-12">
                            {!! $post->content !!}
                        </div>
                    </div>                    
                    <!-- \Posts section -->
                </div>
            </div>
        </div>
        
    </div>
</section>
@endsection