@extends('backend.app')

@section('title', 'Post Details')

@section('content')
    <div class="page-header">
        <div>
            <h1 class="page-title">Post Details</h1>
        </div>
        <div class="ms-auto pageheader-btn">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('post.index') }}">Post</a></li>
                <li class="breadcrumb-item active" aria-current="page">Show</li>
            </ol>
        </div>
    </div>

    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header border-bottom d-flex justify-content-between">
                    <h3 class="card-title">Post Information</h3>
                    <div>
                        <a href="{{ route('post.edit', $post->id) }}" class="btn btn-primary btn-sm">Edit</a>
                        <a href="{{ route('post.index') }}" class="btn btn-secondary btn-sm">Back</a>
                    </div>
                </div>

                <div class="card-body">
                    <table class="table table-bordered">
                        <tr>
                            <th width="20%">Post ID</th>
                            <td>{{ $post->id }}</td>
                        </tr>
                        <tr>
                            <th>User ID</th>
                            <td>{{ $post->user_id }}</td>
                        </tr>
                        <tr>
                            <th>Description</th>
                            <td>{!! $post->description !!}</td>
                        </tr>
                        <tr>
                            <th>Image</th>
                            <td>
                                @if ($post->image)
                                    <img src="{{ asset($post->image) }}" alt="Post Image" width="150"
                                        style="border-radius: 8px; object-fit: cover;">
                                @else
                                    No Image
                                @endif
                            </td>
                        </tr>
                       <tr>
                        <th>Comments</th>
                        <td>
                            @if($post->comments->count())
                                <ul class="list-group">
                                    @foreach($post->comments as $comment)
                                        <li class="list-group-item d-flex justify-content-between">
                                            <span>{{ $comment->sender_id }}</span>
                                            <span>{{ $comment->comment }}</span>
                                            <small class="text-muted">{{ $comment->created_at }}</small>
                                        </li>
                                    @endforeach
                                </ul>
                            @else
                                No Comments
                            @endif
                        </td>
                    </tr>
                        <tr>
                            <th>Status</th>
                            <td>{{ $post->status ?? 'N/A' }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection