@extends('user_layout.app')

@section('content')
<div class="container py-5">

    <div class="row justify-content-center">
        <div class="col-lg-9">

            <h1 class="mb-3">{{ $blog->title }}</h1>

            <p class="text-muted mb-4">
                Published on {{ $blog->created_at->format('F d, Y') }}
            </p>

            @if($blog->image)
                <img src="{{ asset('uploads/blogs/'.$blog->image) }}"
                     class="img-fluid mb-4 rounded">
            @endif

            <div class="blog-content">
                {!! $blog->content !!}
            </div>

            <div class="mt-5">
                <a href="{{ route('blogs.index') }}"
                   class="btn btn-secondary">
                    ← Back to Blogs
                </a>
            </div>

        </div>
    </div>

</div>
@endsection