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

<?php $__env->startSection('content'); ?>
<div class="bg-primary py-10">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <nav class="text-blue-200 text-sm mb-2">
            <a href="<?php echo e(route('home')); ?>" class="hover:text-white">Beranda</a> <span class="mx-2">/</span>
            <span class="text-white">Pengumuman</span>
        </nav>
        <h1 class="text-3xl font-bold text-white">Pengumuman Desa</h1>
        <p class="text-blue-200 mt-1 text-sm">Informasi dan pengumuman resmi Pemerintah Desa Suka Baru</p>
    </div>
</div>
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
    <?php if($posts->count() > 0): ?>
        <div class="space-y-4">
            <?php $__currentLoopData = $posts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <a href="<?php echo e(route('pengumuman.show', $post->slug)); ?>" class="card flex flex-col sm:flex-row items-start sm:items-center gap-4 sm:gap-5 p-5 group hover:border-secondary border border-gray-100 bg-white rounded-2xl shadow-sm hover:shadow-lg transition-all duration-300">
                <div class="w-12 h-12 sm:w-14 sm:h-14 bg-blue-50 text-secondary rounded-xl flex items-center justify-center flex-shrink-0 border border-blue-100 group-hover:bg-secondary group-hover:text-white transition-colors">
                    <svg class="w-6 h-6 sm:w-7 sm:h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"/></svg>
                </div>
                <div class="flex-1 min-w-0">
                    <p class="text-xs text-gray-400 mb-1 font-medium"><?php echo e($post->tanggal->translatedFormat('d F Y')); ?></p>
                    <h2 class="font-bold text-text-main group-hover:text-secondary transition-colors text-base sm:text-lg leading-snug"><?php echo e($post->judul); ?></h2>
                    <p class="text-gray-500 text-xs sm:text-sm mt-1 line-clamp-2 leading-relaxed"><?php echo e($post->excerpt); ?></p>
                </div>
                <div class="flex-shrink-0 self-center hidden sm:block">
                    <svg class="w-5 h-5 text-gray-300 group-hover:text-secondary group-hover:translate-x-1 transition-all" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                </div>
            </a>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
        <div class="mt-8"><?php echo e($posts->links()); ?></div>
    <?php else: ?>
        <div class="text-center py-16 text-gray-400">
            <div class="w-16 h-16 bg-blue-50 text-blue-300 rounded-2xl flex items-center justify-center mx-auto mb-4">
                <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"/></svg>
            </div>
            <p>Belum ada pengumuman.</p>
        </div>
    <?php endif; ?>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH F:\web Desa Suka Baru\website-desa-suka-baru\resources\views/public/pengumuman/index.blade.php ENDPATH**/ ?>