<?php $__env->startSection('title', 'Kalender Gereja - Gereja Jemaat Buntu Ambaang'); ?>

<?php $__env->startSection('content'); ?>
<!-- Header with Material Design -->
<section class="relative py-16 md:py-20 overflow-hidden" style="background: linear-gradient(135deg, #1e3a5f 0%, #2d5a8a 100%);">
    <!-- Decorative elements -->
    <div class="absolute top-0 right-0 w-64 h-64 rounded-full opacity-10" style="background: #d4af37; filter: blur(60px);"></div>
    <div class="absolute bottom-0 left-0 w-48 h-48 rounded-full opacity-10" style="background: #ffffff; filter: blur(40px);"></div>
    
    <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <span class="inline-block px-4 py-1.5 rounded-full text-sm font-medium mb-4" style="background: rgba(212,175,55,0.2); color: #d4af37;">
            Jadwal & Agenda
        </span>
        <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-4" style="color: #ffffff; text-shadow: 0 2px 4px rgba(0,0,0,0.1);">
            Kalender Gereja
        </h1>
        <p class="text-lg md:text-xl max-w-2xl mx-auto" style="color: rgba(255,255,255,0.85);">
            Jadwal kegiatan dan ibadah bulanan
        </p>
    </div>
</section>







<!-- Event List -->
<section class="py-12 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-2xl font-bold mb-8" style="color: #1e3a5f;">Agenda Bulan Ini</h2>
        <div class="space-y-4">
            <?php $__currentLoopData = $agendaBulanIni; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $event): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="bg-white rounded-2xl shadow-material-1 p-6 hover:shadow-material-2 transition-all border-l-4" style="border-color: <?php echo e($event['warna']); ?>;">
                <div class="flex items-start gap-4">
                    <div class="text-center p-3 rounded-xl" style="background: <?php echo e($event['warna']); ?>15;">
                        <span class="block text-2xl font-bold" style="color: <?php echo e($event['warna']); ?>;"><?php echo e($event['hari']); ?></span>
                        <span class="text-sm text-gray-500"><?php echo e($event['bulan_singkat']); ?></span>
                    </div>
                    <div class="flex-1">
                        <span class="inline-block px-2 py-0.5 rounded text-xs font-medium mb-2" style="background: <?php echo e($event['warna']); ?>20; color: <?php echo e($event['warna']); ?>;"><?php echo e($event['kategori']); ?></span>
                        <h3 class="text-lg font-bold" style="color: #1e3a5f;"><?php echo e($event['nama']); ?></h3>
                        <p class="text-gray-600 text-sm mt-1"><?php echo e($event['waktu']); ?> - <?php echo e($event['tempat']); ?></p>
                    </div>
                </div>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.public', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH D:\Documents\UKI 2025\MELISA POTTA\PROGRAM\03\gereja-buntu-ambaang\resources\views/public/kalender.blade.php ENDPATH**/ ?>