<article class="flex flex-col shadow my-5">
    <!-- Article Image -->
    <a href="<?php echo e(route('view', $post)); ?>" class="hover:opacity-75">
        <img src="<?php echo e($post->getThumbnail()); ?>" class="w-full h-40 object-cover">
    </a>
    <div class="bg-white flex flex-col justify-start p-4">
        <?php $__currentLoopData = $post->categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <p class="text-blue-700 text-sm font-bold uppercase pb-2">
                <?php echo e($category->title); ?>

            </p>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

        <a href="<?php echo e(route('view', $post)); ?>" class="text-3xl font-bold hover:text-gray-700 pb-3">
            <?php echo e($post->title); ?>

        </a>

        <!-- Meta Information Section -->
        <div class="flex flex-wrap items-center gap-4 text-sm text-gray-600 pb-3">
            <div class="flex items-center space-x-2">
                <i class="fas fa-calendar-alt"></i>
                <span><?php echo e($post->getFormattedDate()); ?></span>
            </div>
            
            <div class="flex items-center space-x-2">
                <i class="fas fa-user"></i>
                <a href="#" class="font-semibold hover:text-gray-800"><?php echo e($post->user->name); ?></a>
            </div>

            <div class="flex items-center space-x-2">
                <i class="fas fa-clock"></i>
                <span><?php echo e($post->human_read_time); ?></span>
            </div>

            <div class="flex items-center space-x-2">
                <i class="fas fa-comments"></i>
                <span><?php echo e($post->comments->count() + $post->comments->sum(fn($comment) => $comment->replies->count())); ?></span>
            </div>
        </div>

        <a href="<?php echo e(route('view', $post)); ?>" class="pb-3"><?php echo $post->shortBody(); ?></a>
        
        <a href="<?php echo e(route('view', $post)); ?>" 
           class="font-semibold  transform transition duration-300 hover:scale-105 hover:text-blue-800">
           Continue Reading <i class="fas fa-arrow-right"></i>
        </a>
    </div>
</article><?php /**PATH /home/laravel/portfoliio/resources/views/components/post-item.blade.php ENDPATH**/ ?>