<?php $__env->startSection('inner_header'); ?>
    <header>
        <div class="swiper-head">
            <div class="swiper-wrapper">
                <?php if(count($topSlider)): ?>
                    <?php $__currentLoopData = $topSlider; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $slider): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="swiper-slide">
                            <!--<div class="head-content" style=" background-image: url(<?php echo e(asset($slider->image)); ?>); ">-->
                            <!--</div>-->
                            <div class="head-content">
                                <img src="<?php echo e(asset($slider->image)); ?>" alt="slider image" class="img_back" />
                            </div>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php endif; ?>
            </div>
            <div class="swiper-pagination"></div>
        </div>

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

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

    <!-- -------------- top-sale --------------- -->
    <!--<section class="top-sale">-->
    <!--    <div class="container">-->
    <!--        <div class="swiper_products">-->
    <!--            <div class="swiper-wrapper">-->
    <!--                <?php if(count($hotels)): ?>-->
    <!--                    <?php $__currentLoopData = $hotels; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $hotel): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>-->
    <!--                        <div class="swiper-slide">-->
    <!--                            <div class="items">-->
    <!--                                <a href="<?php echo e(route('hotels.show', $hotel)); ?>">-->
    <!--                                    <div class="img">-->
    <!--                                        <img src="<?php echo e($hotel->image ? asset($hotel->image) : asset('assets/web/images/product/1.png')); ?>" alt="">-->
    <!--                                    </div>-->
    <!--                                </a>-->
    <!--                                <div class="info">-->
    <!--                                    <div class="top-cont text-center">-->
    <!--                                        <h5 class="text-capitalize">-->
    <!--                                            <a href="<?php echo e(route('hotels.show', $hotel)); ?>">-->
    <!--                                                <?php echo e($hotel->room_name); ?>-->
    <!--                                            </a>-->
    <!--                                        </h5>-->
    <!--                                        <div class="prod-star">-->
    <!--                                            <i class="fas fa-star"></i>-->
    <!--                                            <i class="fas fa-star"></i>-->
    <!--                                            <i class="fas fa-star"></i>-->
    <!--                                            <i class="fas fa-star-half-alt"></i>-->
    <!--                                            <i class="far fa-star"></i>-->
    <!--                                            <i class="far fa-star"></i>-->
    <!--                                        </div>-->
    <!--                                        <h6><?php echo e($hotel->city); ?></h6>-->
    <!--                                    </div>-->
    <!--                                    <div class="bottom-cont">-->
    <!--                                        <div class="item">-->
    <!--                                            <small><?php echo e(__('main.rooms_number')); ?></small>-->
    <!--                                            <p><img src="<?php echo e(asset('assets/web/images/icons/1.svg')); ?>" alt="" class="icon"> <?php echo e($hotel->rooms_number); ?> </p>-->
    <!--                                        </div>-->
    <!--                                        <div class="item">-->
    <!--                                            <small><?php echo e(__('main.distance_from_haram')); ?></small>-->
    <!--                                            <p><img src="<?php echo e(asset('assets/web/images/icons/2.svg')); ?>" alt="" class="icon"> <?php echo e($hotel->distance_from_haram . __('main.km_away')); ?>  </p>-->
    <!--                                        </div>-->
    <!--                                    </div>-->
    <!--                                </div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>-->
    <!--                <?php endif; ?>-->
    <!--            </div>-->
    <!--            <div class="btns">-->
    <!--                <span class="products_next"><i class="fas fa-long-arrow-alt-left"></i></span>-->
    <!--                <span class="products_prev"><i class="fas fa-long-arrow-alt-right"></i></span>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</section>-->

    <!-- -------------- hotels new --------------- -->
        <section class="hotels_new section-padding">
            <div class="container">
                <div class="hotels_new_slider">
                    <div class="section-head text-center wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;">
                        <h2 class="text-capitalize" style="direction: ltr"><?php echo e(__('main.our')); ?>, <span><?php echo e(__('main.hotels')); ?></span></h2>
                    </div>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <?php if(count($hotels)): ?>
                                <?php $__currentLoopData = $hotels; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $hotel): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div class="swiper-slide">
                                        <div class="hotel_card d-block">
                                            <div class="row no-gutters align-items-center">
                                                <div class="col-lg-6">
                                                    <div class="img">
                                                        <img src="<?php echo e($hotel->image ? asset($hotel->image) : asset('assets/web/images/product/1.png')); ?>" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="info">
                                                        <div class="top-cont">
                                                            <h2 class="mb-3"> <?php echo e($hotel->room_name); ?> </h2>
                                                            <div class="prod-star mb-3">
                                                                <i class="fas fa-star"></i>
                                                                <i class="fas fa-star"></i>
                                                                <i class="fas fa-star"></i>
                                                                <i class="fas fa-star-half-alt"></i>
                                                                <i class="far fa-star"></i>
                                                                <i class="far fa-star"></i>
                                                            </div>
                                                            <h6>Mecca, KSA</h6>
                                                        </div>
                                                        <div class="bottom-cont mt-3">
                                                            <div class="item d-flex align-items-center mb-2">
                                                                <p class="mr-4"><?php echo e(__('main.rooms_number')); ?></p>
                                                                <p><img src="<?php echo e(asset('assets/web/images/icons/1.svg')); ?>" alt="" class="icon"> 20 </p>
                                                            </div>
                                                            <div class="item d-flex align-items-center">
                                                                <p class="mr-4"> <?php echo e(__('main.distance_from_haram')); ?> </p>
                                                                <p><img src="<?php echo e(asset('assets/web/images/icons/2.svg')); ?>" alt="" class="icon"> 1200 Km away </p>
                                                            </div>
                                                        </div>
                                                        <a href="<?php echo e(route('hotels.show', $hotel)); ?>" class="butn color mt-4">
                                                            <span><?php echo e(__('main.read_more')); ?></span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            <?php endif; ?>
                        </div>
                        <div class="btns">
                            <span class="products_next"><i class="fas fa-long-arrow-alt-left"></i></span>
                            <span class="products_prev"><i class="fas fa-long-arrow-alt-right"></i></span>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    <!-- -------------- about --------------- -->
    <section class="about section-padding">
        <div class="container">
            <div class="section-head text-center wow fadeInDown">
                <?php
                    $aboutMawadah = __('main.about_mawaddah');
                    $aboutMawadah = explode(',', $aboutMawadah);
                ?>
                <h2><?php echo e($aboutMawadah[0]); ?>, <span><?php echo e($aboutMawadah[1]); ?></span></h2>
            </div>
            <div class="content">
                <div class="row no-gutters">
                    <div class="col-lg-8">
                        <div class="info wow fadeInLeft">
                            <p><?php echo $about ? stripText($about->description, 500) : ''; ?></p>
                            <a href="<?php echo e(route('aboutUs.index')); ?>" class="butn color"><span><?php echo e(__('main.read_more')); ?></span></a>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="img wow fadeInUp">
                            <img src="<?php echo e($about->image ?? null ? asset($about->image) : asset('assets/web/images/about.png')); ?>" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- -------------- gallery --------------- -->











































































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

<?php $__env->startSection('inner_js'); ?>
    <script>
        var swiper = new Swiper('.swiper-gallery', {
            slidesPerView: 4,
            spaceBetween: 5,
            centeredSlides: true,
            loop: true,
            navigation: {
                nextEl: '.swiper-next',
                prevEl: '.swiper-prev',
            },
            autoplay: {
                delay: 4000,
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            breakpoints: {
                0: {
                    slidesPerView: 1.5,
                    spaceBetween: 5,
                },
                480: {
                    slidesPerView: 2,
                    spaceBetween: 5,
                },
                767: {
                    slidesPerView: 3,
                    spaceBetween: 5,
                },
                1199: {
                    slidesPerView: 4,
                    spaceBetween: 5,
                }
            }
        });
    </script>
    <!-- hotels_new_slider -->
    <script>
        var swiper = new Swiper('.hotels_new_slider .swiper-container', {
            speed: 1500,
            slidesPerView: 1,
            spaceBetween: 5,
            centeredSlides: true,
            loop: true,
            navigation: {
                nextEl: '.products_next',
                prevEl: '.products_prev',
            },
            autoplay: {
                delay: 5000,
            },
            pagination: false,
        });
    </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/home.blade.php ENDPATH**/ ?>