@extends('admin.layouts.app')

@section('section')

    <style>
        .postSec {
            margin: 5rem 0;
        }

        .post-card > :is(img, video) {
            width: 100%;
            height: 550px;
            object-fit: cover;
        }
        .post-card__content {
            margin-top: 1rem;
        }
        .post-card__content .title{
            text-transform: capitalize;
        }
        .post-card__content .title span{
            font-weight: 600;
        }
    </style>

    <div class="container">
        <div class="postSec">
            <div class="row">
                <div class="col-md-10">
                    <div class="post-card">
                        {{--        <h1>{{ $post->title }}</h1>--}}
                        @if($post->post_image)
                            <img src="{{ asset('post/'.$post->post_image) }}" alt="Post Image">
                        @endif
                        @if($post->post_video)
                            <video controls>
                                <source src="{{ asset('post/'.$post->post_video) }}" type="video/mp4">
                            </video>
                        @endif
                        <div class="post-card__content">
{{--                            <h4 class="title"><span>User:</span> {{ $post->user ? $post->user->name : 'Unknown User' }}</h4>--}}
                            @if($post->category)
                            <h4 class="title"><span>Category:</span> {{ $post->category ? $post->category->name : 'Uncategorized' }}</h4>
                            @endif
                            @if($post->post_tags)
                                <h4 class="title"><span>Tags:</span> {{ $post->post_tags ?? 'no-tages' }}</h4>
                            @endif

                            <p class="title"><span>Content:</span>{{ $post->post_content ?? '-' }}</p>

                            <!-- Add more details as needed -->
                        </div>
                    </div>
                </div>
                <div class="col-md-2">
                    <a href="{{ route('admin.post.index') }}" class="btn btn-primary">Back to Posts</a>
                </div>
            </div>
        </div>
    </div>
@endsection