@extends('layouts.app')

@php
    use Illuminate\Support\Str;
@endphp

@section('content')

<!-- Blog Single Post -->
<section class="blog_post_container bgc-f7 pb30">
    <div class="container">
        <div class="row">
            <div class="col-xl-6">
                <div class="breadcrumb_content style2">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('blog.index') }}">Blog</a></li>
                        <li class="breadcrumb-item active text-thm" aria-current="page">{{ Str::limit($post->title, 50) }}</li>
                    </ol>
                    <h2 class="breadcrumb_title">{{ $post->title }}</h2>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-8">
                <div class="main_blog_post_content">
                    <div class="mbp_thumb_post">
                        @if($post->category)
                            <div class="blog_sp_tag"><a href="#">{{ $post->category }}</a></div>
                        @endif
                        <h3 class="blog_sp_title">{{ $post->title }}</h3>
                        <ul class="blog_sp_post_meta">
                            <li class="list-inline-item"><span class="flaticon-calendar"></span></li>
                            <li class="list-inline-item"><a href="#">{{ $post->published_at ? $post->published_at->format('F d, Y') : 'N/A' }}</a></li>
                        </ul>
                        @if($post->featured_image)
                            <div class="thumb">
                                <img class="img-fluid" src="{{ asset( 'files/' . $post->featured_image )}}" alt="{{ $post->title }}">
                            </div>
                        @endif
                        <div class="details">
                            @if($post->excerpt)
                                <p class="mb30"><strong>{{ $post->excerpt }}</strong></p>
                            @endif
                            <div class="mb30">
                                {!! __($post->content) !!}
                            </div>
                        </div>
                        <ul class="blog_post_share">
                            <li><p>Share</p></li>
                            <li><a href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(request()->fullUrl()) }}" target="_blank"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="https://twitter.com/intent/tweet?url={{ urlencode(request()->fullUrl()) }}&text={{ urlencode($post->title) }}" target="_blank"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="https://www.linkedin.com/shareArticle?mini=true&url={{ urlencode(request()->fullUrl()) }}&title={{ urlencode($post->title) }}" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                            <li><a href="https://plus.google.com/share?url={{ urlencode(request()->fullUrl()) }}" target="_blank"><i class="fa fa-google"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="blog_sidebar_widget">
                    <div class="blog_sidebar_widget_content">
                        <h3 class="title">Recent Posts</h3>
                        <div class="blog_sidebar_post">
                            @forelse($recentPosts as $recentPost)
                                <div class="bsp_item">
                                    <div class="bsp_thumb">
                                        <a href="{{ route('blog.show', $recentPost->slug) }}">
                                            <img src="{{ asset( 'files/' . $recentPost->featured_image ) }}" alt="{{ $recentPost->title }}">
                                        </a>
                                    </div>
                                    <div class="bsp_details">
                                        <h5 class="pt-3"><a href="{{ route('blog.show', $recentPost->slug) }}">{{ Str::limit($recentPost->title, 50) }}</a></h5>
                                        <ul class="blog_sp_post_meta">
                                            <li class="list-inline-item"><span class="flaticon-calendar"></span></li>
                                            <li class="list-inline-item"><a href="#">{{ $recentPost->published_at ? $recentPost->published_at->format('M d, Y') : 'N/A' }}</a></li>
                                        </ul>
                                    </div>
                                </div>
                            @empty
                                <p>No recent posts available.</p>
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection