<?php $__env->startSection('css'); ?>
    <style>
        iframe{
            width: 100% !important;
        }
    </style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('inner_header'); ?>
    <section class="inner-header">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 valign">
                    <div class="pg-links">
                        <a href="<?php echo e(LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)); ?>"><?php echo e(__('main.home')); ?></a>/
                        <a href="<?php echo e(LaravelLocalization::getLocalizedURL(getCurrentLocale(), route('hotels.index'), [], true)); ?>"><?php echo e(__('main.hotels')); ?></a>/
                        <a href="<?php echo e(LaravelLocalization::getLocalizedURL(getCurrentLocale(), url(''), [], true)); ?>"><?php echo e($hotel->room_name); ?></a>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="title">
                        <h2 class="text-capitalize"><?php echo e($title); ?></h2>
                        <span class="trans-logo">
                        <img src="<?php echo e(asset('/assets/web/images/trans-logo.png')); ?>" alt="">
                    </span>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

    <section class="single_product_pg section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="info">
                        <div class="slider">
                            <!-- Swiper -->
                            <div class="swiper-room gallery-top">
                                <div class="swiper-wrapper">
                                    <?php if(count($photos)): ?>
                                        <?php $__currentLoopData = $photos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $photo): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <div class="swiper-slide">
                                                <img src="<?php echo e($photo->image ? asset($photo->image) : asset('assets/web/images/room/1.png')); ?>" alt="">
                                            </div>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    <?php endif; ?>
                                </div>
                                <!-- Add Arrows -->
                                <div class="swiper-button-next swiper-button-white"></div>
                                <div class="swiper-button-prev swiper-button-white"></div>
                            </div>
                            <div class="swiper-room gallery-thumbs">
                                <div class="swiper-wrapper">
                                    <?php if(count($photos)): ?>
                                        <?php $__currentLoopData = $photos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $photo): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <div class="swiper-slide">
                                                <img src="<?php echo e($photo->image ? asset($photo->image) : asset('assets/web/images/room/1.png')); ?>" alt="">
                                            </div>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    <?php endif; ?>
                                </div>
                            </div>
                        </div>
                        <?php if(count($services)): ?>
                        <div class="icons">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">

                                    <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="swiper-slide">
                                            <div class=" item ">
                                                <div class="icon ">
                                                    <img src="<?php echo e(asset($service->image)); ?>" alt=" ">
                                                </div>
                                                <div class="info ">
                                                    <h6 class="text-capitalize"><?php echo e($service->name); ?></h6>
                                                </div>
                                            </div>
                                        </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                        <?php endif; ?>
                        <div class="items ">
                            <h5 class="text-capitalize"><?php echo e(__('main.description')); ?></h5>
                            <p><?php echo $hotel->description; ?></p>
                            <!--<hr>-->
                            <!--<h5 class="text-capitalize"><?php echo e(__('main.facilities')); ?></h5>-->
                            <!--<p><?php echo $hotel->facilities; ?></p>-->
                        </div>
                        <!--<div class="price items ">-->
                        <!--    <h5>Price</h5>-->
                        <!--    <div class="cont ">-->
                        <!--        <div class="level ">-->
                        <!--            <p>Low (from 23/03 to 31/05) <strong>350 SAR</strong></p>-->
                        <!--        </div>-->
                        <!--        <div class="level ">-->
                        <!--            <p>Middle (from 23/03 to 31/05) <strong>350 SAR</strong></p>-->
                        <!--        </div>-->
                        <!--        <div class="level ">-->
                        <!--            <p>High (from 23/03 to 31/05) <strong>350 SAR</strong></p>-->
                        <!--        </div>-->
                        <!--    </div>-->
                        <!--</div>-->
                    </div>
                </div>
                <div class="col-lg-4 ">
                    <div class="r-side ">
                        <div class="items ">
                            <h5 class="text-capitalize"><?php echo e(__('main.available_facilities')); ?></h5>
                            <ul class="mb-4 ">
                                <li>
                                    <img src="<?php echo e(asset('assets/web/images/mekah.png')); ?>" alt=" ">
                                    <p><strong><?php echo e(__('main.distance_from_haram')); ?>: </strong> <?php echo e($hotel->distance_from_haram . __('main.mtrs')); ?> </p>
                                </li>
                                <li>
                                    <img src="<?php echo e(asset('assets/web/images/building.png')); ?>" alt=" ">
                                    <p><strong><?php echo e(__('main.floors_number')); ?>: </strong> <?php echo e($hotel->floors_number); ?> </p>
                                </li>
                                <li>
                                    <img src="<?php echo e(asset('assets/web/images/door.png')); ?>" alt=" ">
                                    <p><strong><?php echo e(__('main.rooms_number')); ?>: </strong> <?php echo e($hotel->rooms_number); ?></p>
                                </li>
                                <li>
                                    <img src="<?php echo e(asset('assets/web/images/bed.png')); ?>" alt=" ">
                                    <p><strong><?php echo e(__('main.beds_number')); ?>: </strong> <?php echo e($hotel->beds_number); ?></p>
                                </li>
                            </ul>
                            <!--<h5 class="text-capitalize"><?php echo e(__('main.more_info')); ?></h5>-->
                            <!--<p class="text-left mt-4 mb-4 p-2 "><?php echo $hotel->more_info; ?></p>-->
                        </div>

                        <!--<div class="items book ">-->
                        <!--    <div class="icon ">-->
                        <!--        <i class="fas fa-phone "></i>-->
                        <!--    </div>-->
                        <!--    <h4><?php echo e(__('main.call_and_Book')); ?></h4>-->
                        <!--    <h6><?php echo e($hotel->phone); ?></h6>-->
                        <!--</div>-->

                        <div class="items p-0 border-0">
                            <?php echo $hotel->map; ?>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('inner_js'); ?>
    <script>
        var galleryThumbs = new Swiper('.gallery-thumbs', {
            spaceBetween: 10,
            slidesPerView: 4,
            freeMode: true,
            watchSlidesVisibility: true,
            watchSlidesProgress: true,
        });
        var galleryTop = new Swiper('.gallery-top', {
            spaceBetween: 10,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            thumbs: {
                swiper: galleryThumbs
            }
        });
    </script>
    <script>
        var swiper = new Swiper('.icons .swiper-container', {
            slidesPerView: 6,
            spaceBetween: 30,
            // centeredSlides: true,
            speed: 1000,
            pagination: false,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            mousewheel: false,
            keyboard: true,
            autoplay: false,
            loop: false,
            breakpoints: {
                0: {
                    slidesPerView: 3,
                },
                480: {
                    slidesPerView: 3,
                },
                787: {
                    slidesPerView: 4,
                },
                991: {
                    slidesPerView: 5,
                },
                1200: {
                    slidesPerView: 6,
                }
            }
        });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('web.layouts.container', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/nesmaalyomhost/public_html/mawada/resources/views/web/hotels/show.blade.php ENDPATH**/ ?>