 

<?php $__env->startSection('title', 'Jadwal Sholat - Mobile Swipe'); ?>

<?php $__env->startSection('content'); ?>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>

<section class="text-center py-5 bg-gradient" style="background: linear-gradient(135deg, #0ea5e9, #6366f1); color: white;">
    <h1 class="fw-bold">🕌 Jadwal Sholat Hari Ini</h1>
    <p><?php echo e($prayerTime->location ?? '-'); ?></p>
</section>

<?php if($prayerTime): ?>
<div class="swiper mySwiper py-5">
    <div class="swiper-wrapper">
        <?php $__currentLoopData = [
            ['Imsak', $prayerTime->imsak, 'bi-sunrise', 'bg-primary'],
            ['Subuh', $prayerTime->subuh, 'bi-moon-stars', 'bg-success'],
            ['Dzuhur', $prayerTime->dzuhur, 'bi-sun', 'bg-warning'],
            ['Ashar', $prayerTime->ashar, 'bi-cloud-sun', 'bg-info'],
            ['Maghrib', $prayerTime->maghrib, 'bi-sunset', 'bg-danger'],
            ['Isya', $prayerTime->isya, 'bi-moon', 'bg-secondary'],
        ]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <div class="swiper-slide">
            <div class="card border-0 shadow p-4 text-center mx-auto" style="width: 80%; border-radius: 1rem;">
                <div class="<?php echo e($item[3]); ?> bg-opacity-10 rounded-circle p-3 d-inline-flex mb-3">
                    <i class="bi <?php echo e($item[2]); ?> fs-2 text-<?php echo e(explode('-', $item[3])[1]); ?>"></i>
                </div>
                <h5 class="text-muted mb-1"><?php echo e($item[0]); ?></h5>
                <h2 class="fw-bold"><?php echo e($item[1]); ?></h2>
            </div>
        </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>
    <div class="swiper-pagination mt-3"></div>
</div>

<script>
    new Swiper(".mySwiper", {
        slidesPerView: 1,
        spaceBetween: 20,
        pagination: { el: ".swiper-pagination" },
        breakpoints: { 768: { slidesPerView: 3 } }
    });
</script>
<?php endif; ?>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /var/www/annahl/resources/views/jadwal-swipe.blade.php ENDPATH**/ ?>