<?php $__env->startSection('title', 'Rooms & Suites'); ?>

<?php $__env->startSection('content'); ?>
    <section class="bg-slate-950 py-14 text-center text-white">
        <p class="text-xs font-bold uppercase tracking-[0.3em] text-gold-400">Accommodation</p>
        <h1 class="mt-2 font-serif text-4xl font-bold">Rooms & Suites</h1>
        <p class="mx-auto mt-3 max-w-xl px-4 text-slate-300">From cosy standard rooms to our flagship Presidential Suite — every space designed for rest and delight.</p>
    </section>

    <section class="mx-auto max-w-7xl px-4 py-12 sm:px-6">
        <div class="grid gap-6 md:grid-cols-2">
            <?php $__currentLoopData = $roomTypes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $type): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="overflow-hidden rounded-3xl bg-white shadow-sm ring-1 ring-slate-200">
                    <?php if($type->image): ?>
                        <img src="<?php echo e(asset($type->image)); ?>" alt="<?php echo e($type->name); ?>" class="h-52 w-full object-cover">
                    <?php else: ?>
                        <div class="flex h-52 items-center justify-center bg-gradient-to-br from-slate-800 to-slate-950 text-6xl">🛏</div>
                    <?php endif; ?>
                    <div class="p-6">
                        <div class="flex items-start justify-between gap-3">
                            <div>
                                <h2 class="font-serif text-2xl font-bold text-slate-900"><?php echo e($type->name); ?></h2>
                                <p class="mt-1 text-sm text-slate-500"><?php echo e($type->capacity_adults); ?> adults · <?php echo e($type->capacity_children); ?> children · <?php echo e($type->size_sqm); ?>m² · <?php echo e($type->rooms_count); ?> available</p>
                            </div>
                            <div class="text-right">
                                <p class="text-xl font-extrabold text-gold-600"><?php echo e($CUR ?? '₦') . number_format((float) ($type->base_price), 2); ?></p>
                                <p class="text-xs text-slate-400">per night</p>
                            </div>
                        </div>
                        <p class="mt-3 text-sm leading-relaxed text-slate-600"><?php echo e($type->description); ?></p>
                        <div class="mt-3 flex flex-wrap gap-1.5">
                            <?php $__currentLoopData = $type->amenities ?? []; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $amenity): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <span class="rounded-full bg-stone-100 px-2.5 py-1 text-[11px] font-semibold text-slate-600"><?php echo e($amenity); ?></span>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                        <div class="mt-5 flex gap-2">
                            <a href="<?php echo e(route('site.book', ['room_type' => $type->id])); ?>" class="flex-1 rounded-xl bg-slate-950 py-3 text-center text-sm font-bold text-white hover:bg-slate-800">Book this room</a>
                            <a href="<?php echo e(route('site.room_type', $type)); ?>" class="rounded-xl px-5 py-3 text-sm font-bold text-slate-600 ring-1 ring-slate-200 hover:bg-stone-100">Details</a>
                        </div>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.site', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\wamp64\www\hms\resources\views/site/rooms.blade.php ENDPATH**/ ?>