@extends('layouts.admin')

@section('title', 'View Blog Post')

@section('content_header')
    <h1>View Blog Post</h1>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">{{ $post->title }}</h3>
            <div class="card-tools">
                <a href="{{ route('admin.blogs.posts.edit', $post->id) }}" class="btn btn-info btn-sm">Edit</a>
                <a href="{{ route('admin.blogs.posts.index') }}" class="btn btn-default btn-sm ml-2">Back to List</a>
            </div>
        </div>
        <div class="card-body">
            <p class="text-muted">Category: <span class="badge badge-secondary">{{ $post->category->name ?? 'N/A' }}</span></p>
            <p class="text-muted">Published: {{ $post->created_at->format('M d, Y H:i') }}</p>
            <hr>

            @if($post->image)
                <div class="mb-3 text-center">
                    <img src="{{ asset('storage/' . $post->image) }}" alt="{{ $post->title }}" class="img-fluid" style="max-height: 400px; object-fit: cover;">
                </div>
            @endif

            <h5 class="mt-4">Description</h5>
            <p>{{ $post->description }}</p>

            <h5 class="mt-4">Content</h5>
            <div class="lead">
                {!! $post->content !!}
            </div>

            <hr class="my-4">
            <h5 class="mt-4">SEO Settings</h5>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label class="font-weight-bold">Meta Title:</label>
                        <p class="form-control-plaintext">{{ $post->meta_title ?: 'Not set' }}</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label class="font-weight-bold">Meta Description:</label>
                        <p class="form-control-plaintext">{{ $post->meta_description ?: 'Not set' }}</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <a href="{{ route('admin.blogs.posts.index') }}" class="btn btn-default">Back to List</a>
        </div>
    </div>
@stop