<?php $__env->startSection('title', 'Blog'); ?>

<?php $__env->startSection('content'); ?>
<div class="container py-5">
    <h2 class="section-title text-center">Our Blog</h2>
    <p class="text-center text-muted mb-5">সর্বশেষ খবর, টিপস এবং আপডেট পড়ুন।</p>

    <?php if($posts->count() > 0): ?>
    <div class="row g-4">
        <?php $__currentLoopData = $posts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <div class="col-md-6 col-lg-4">
            <div class="card border-0 shadow-sm h-100" style="border-radius:12px;overflow:hidden">
                <?php if($post->image): ?>
                <img src="<?php echo e($post->image_url); ?>" alt="<?php echo e($post->title); ?>" style="height:200px;object-fit:cover">
                <?php else: ?>
                <div style="height:200px;background:linear-gradient(135deg,#1d3557,#457b9d);display:flex;align-items:center;justify-content:center">
                    <i class="bi bi-newspaper" style="font-size:48px;color:rgba(255,255,255,0.5)"></i>
                </div>
                <?php endif; ?>
                <div class="card-body p-4">
                    <div class="text-muted mb-2" style="font-size:12px">
                        <i class="bi bi-calendar3 me-1"></i><?php echo e($post->published_at->format('d M Y')); ?>

                    </div>
                    <h5 class="fw-bold mb-2" style="color:var(--dark)">
                        <a href="<?php echo e(route('blog.show', $post->slug)); ?>" class="text-decoration-none" style="color:inherit"><?php echo e($post->title); ?></a>
                    </h5>
                    <?php if($post->excerpt): ?>
                    <p class="text-muted mb-3" style="font-size:14px"><?php echo e(Str::limit($post->excerpt, 100)); ?></p>
                    <?php endif; ?>
                    <a href="<?php echo e(route('blog.show', $post->slug)); ?>" class="text-decoration-none fw-semibold" style="color:var(--primary)">
                        Read More <i class="bi bi-arrow-right ms-1"></i>
                    </a>
                </div>
            </div>
        </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>

    <div class="d-flex justify-content-center mt-5">
        <?php echo e($posts->links('pagination::bootstrap-5')); ?>

    </div>
    <?php else: ?>
    <div class="text-center py-5">
        <i class="bi bi-newspaper" style="font-size:64px;color:#ddd"></i>
        <p class="mt-3 text-muted">No blog posts yet. Check back soon!</p>
    </div>
    <?php endif; ?>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\ecommerce\resources\views/frontend/blog/index.blade.php ENDPATH**/ ?>