@if (isset($post))
    <div class="bg-white shadow-sm p-0 mb-3 border border-2">
        <div class="d-flex align-items-center">
            <div class="flex-shrink-0" style="border-radius: 8px 0px 0px 8px; overflow: hidden;">
                @if ( $post->image != null )
                <div style="width: 150px; height: 200px; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url('{{ Common::get_post_small_image($post->id, $post->image) }}" alt="{{ $post->content->title }}')"></div>
                @else
                <div class="bg-dark rounded-3" style="width: 150px; height: 200px;"></div>
                @endif
            </div>
            <div class="flex-grow-1 ms-3 pt-2 pb-2">
                <a href="{{ route('post.category', ['category_url' => @$post->category->content->url]) }}">
                    <span class="badge rounded-3" style="background-color: {{ @$post->category->color ?? 'var(--theme-color)' }}">{{ @$post->category->content->name }}</span>
                </a>
                <h4 class="m-0 p-0 mt-2 mb-1"><a href="{{ route('post.detail', ['url' => @$post->content->url]) }}" class="text-dark fw-bold td-none">{{ @$post->content->title }}</a></h4>
                <p class="m-0 p-0"><i>{{ @$post->content->description }}</i></p>
                <p class="m-0 p-0 fs-12 mt-3"><i>{{ @$post->created_at->diffForHumans() }}</i></p>
            </div>
        </div>
    </div>
@endif