<?php $__env->startSection('css'); ?>
    <link rel="stylesheet" href="<?php echo e(asset('assets/admin/css/lib/jquery-ui.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/admin/css/lib/jquery-ui.theme.css')); ?>" />




    <style>

        .highlight{
            background: #FC0 !important; 

        }
        .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
            /*background-color: #0056b3 !important;*/
            /*color: #454545 !important;*/
        }
        /*.ui-widget-header a{*/
        /*    color: #333333 !important;*/
        /*}*/
    </style>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
    <section class="page-heading">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="<?php echo e(LaravelLocalization::getLocalizedURL(getCurrentLocale(), route('home'), [], true)); ?>"><?php echo e(__('main.home')); ?></a></li>
                    <li class="breadcrumb-item active" aria-current="page"> <?php echo e(__('halls.hall_details')); ?> </li>
                </ol>
                <h3>  <?php echo e(__('halls.hall_details')); ?></h3>
            </nav>
        </div>
        <img src="<?php echo e(asset('assets/web/images/page-heading-1.png')); ?>" alt="" class="pattern1">
        <img src="<?php echo e(asset('assets/web/images/page-heading-2.png')); ?>" alt="" class="pattern2">
        <img src="<?php echo e(asset('assets/web/images/page-heading-3.png')); ?>" alt="" class="pattern3">
    </section>
    <section class="hall-det reservation_det reservation_det2 bill-pg">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 m-auto">
                    <div class="swiper-container single-hall-swiper">
                        <div class="swiper-wrapper">
                            <?php if(count($hall['images'])): ?>
                                <?php $__currentLoopData = $hall['images']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div class="swiper-slide">
                                        <img src="<?php echo e(asset($image)); ?>" alt="" class="hall-img">
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            <?php endif; ?>
                        </div>
                        <!-- Add Arrows -->
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                    </div>
                    <div class="reservation_item">
                        <div class="row">
                            <!-- Hall details -->
                            <div class="col-md-6 col-lg-3">
                                <div class="prof-info">
                                    <img src="<?php echo e(asset($hall->provider_photo ?? 'assets/web/images/avatar.png')); ?>" alt="" class="prof_img">
                                    <div class="text">
                                        <span class="title"> <?php echo e(__('halls.user_id')); ?></span>
                                        <h6 class="name mb-0"><?php echo e($hall->provider_name); ?></h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-3">
                                <div class="prof-info">
                                    <img src="<?php echo e(asset($hall->provider_logo)); ?>" alt="" class="prof_img">
                                    <div class="text">
                                        <span class="title"><?php echo e(__('halls.logo')); ?></span>
                                        <h6 class="name mb-0"><?php echo e($hall->hall_name); ?></h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-3">
                                <div class="prof-info">
                                    <img src="<?php echo e(asset('assets/web/images/icons/team.svg')); ?>" alt="" class="prof_img user_icon">
                                    <div class="text">
                                        <span class="title"> <?php echo e(__('halls.capacity')); ?> </span>
                                        <h6 class="name mb-0"> <?php echo e($hall->capacity); ?> <?php echo e(__('halls.person')); ?>  </h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-3">
                                <div class="prof-info">
                                    <img src="<?php echo e(asset('assets/web/images/icons/price.png')); ?>" alt="" class="prof_img user_icon">
                                    <div class="text">
                                        <span class="title"> <?php echo e(__('halls.amount_day_person')); ?></span>
                                        <h5 class="price dir-l"><b><?php echo e($hall->booking_amount_per_person ?? $hall->booking_amount_per_day); ?> </b> <small><?php echo e(__('main.sar')); ?></small></h5>
                                    </div>
                                </div>
                            </div>

                            <!-- occasion_wrapper -->
                            <div class="col-md-12">
                                <div class="occasion_wrapper">
                                    <h5 class="headline mt-5 mb-4"><img src="<?php echo e(asset('assets/web/images/icons/selectbox-4.svg')); ?>" alt="" class="icon"> <?php echo e(__('halls.occasion_id')); ?> </h5>
                                    <div class="avail_occasion">
                                        <?php if(count($occasions)): ?>
                                            <?php $__currentLoopData = $occasions; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $occasion): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <p class="occasion_p"><?php echo e($occasion->name); ?></p>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                            <!-- reserv_date -->










                            <!-- Location details -->
                            <div class="col-lg-12">
                                <h5 class="headline mt-5 mb-4"><img src="<?php echo e(asset('assets/web/images/icons/loc-blue.svg')); ?>" alt="" class="icon"> <?php echo e(__('halls.hall_location')); ?></h5>
                            </div>
                            <div class="col-md-6">
                                <div class="map-box">
                                    <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=100%25&amp;height=600&amp;hl=en&amp;q=1%20Grafton%20Street,%20Dublin,%20Ireland+(My%20Business%20Name)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="hall_contacts center-vr">
                                    <p class="labeled"><img src="<?php echo e(asset('assets/web/images/icons/loc-mouve.svg')); ?>" alt="" class="icon"> <?php echo e(__('halls.city_id')); ?></p>
                                    <h6 class="data mb-4"><b><?php echo e($hall->city_name); ?></b></h6>
                                    <p class="labeled"><img src="<?php echo e(asset('assets/web/images/icons/loc-mouve.svg')); ?>" alt="" class="icon"> <?php echo e(__('halls.region_id')); ?></p>
                                    <h6 class="data mb-4"><b><?php echo e($hall->region_name); ?></b></h6>
                                    <p class="labeled"><img src="<?php echo e(asset('assets/web/images/icons/loc-mouve.svg')); ?>" alt="" class="icon"> <?php echo e(__('halls.street')); ?></p>
                                    <h6 class="data mb-4"><b><?php echo e($hall->street); ?></b></h6>
                                    <p class="labeled"><img src="<?php echo e(asset('assets/web/images/icons/loc-mouve.svg')); ?>" alt="" class="icon"> <?php echo e(__('halls.sector_id')); ?></p>
                                    <h6 class="data mb-4"><b><?php echo e($hall->sector_name); ?></b></h6>
                                </div>
                            </div>
                            <!-- Meet services details -->
                            <div class="col-lg-12 m-auto" >
                                <h5 class="headline mt-5 mb-4">  <?php echo e(__('halls.approved_services')); ?> <b class="dir-l"><?php echo e(__('halls.meet')); ?></b></h5>
                                <div class="row ">
                                    <?php if(count($services)): ?>
                                        <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="serv_card">
                                                    <div class="img-box">
                                                        <img src="<?php echo e(asset($service->image)); ?>" alt="" class="serv-img">
                                                    </div>
                                                    <div class="card-body">
                                                        <h6 class="title"><b><?php echo e($service->name); ?></b></h6>
                                                        <p class="p"><?php echo e(stripText($service->description, 30)); ?></p>
                                                        <h4 class="price dir-l mb-0"><b><?php echo e($service->price); ?></b> <small>SAR</small> <span class="fs_sm">(<?php echo e(__('halls.per_person')); ?>)</span></h4>
                                                    </div>
                                                </div>
                                            </div>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    <?php endif; ?>

                                </div>

                            </div>
                            <!-- Additional services details -->
                            <div class="col-md-12  mb-5">
                                <h5 class="headline mt-5 mb-4"><?php echo e(__('halls.added_services')); ?></h5>
                                <div class="row">
                                    <div class="col-lg-12 m-auto">
                                        <div class="row">
                                            <?php if(count($addedServices)): ?>
                                                <?php $__currentLoopData = $addedServices; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $addedService): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <div class="col-lg-4 col-md-6">
                                                        <div class="serv_card">
                                                            <div class="img-box">
                                                                <img src="<?php echo e(asset($addedService->image)); ?>" alt="" class="serv-img">
                                                            </div>
                                                            <div class="card-body">
                                                                <h6 class="title"><b><?php echo e($addedService->name); ?></b></h6>
                                                                <p class="p"><?php echo e(stripText($addedService->description, 30)); ?></p>
                                                                <h4 class="price dir-l mb-0"><b><?php echo e($addedService->price); ?></b> <small><?php echo e(__('main.sar')); ?></small> <span class="fs_sm">(<?php echo e(__('halls.per_person')); ?>)</span></h4>
                                                            </div>
                                                        </div>
                                                    </div>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            <?php endif; ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Reviews Swiper -->
                            <?php if(count($evaluates)): ?>
                                <div class="col-md-12 mb-5">
                                    <h5 class="headline mb-4">  <?php echo e(__('halls.customer_reviews')); ?> </h5>
                                    <div class="review-swiper swiper-container">
                                        <div class="swiper-wrapper pb-5">
                                            <?php $__currentLoopData = $evaluates; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $evaluate): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <div class="swiper-slide">
                                                    <div class="reciew-card">
                                                        <div class="row">
                                                            <div class="col-md-4">
                                                                <div class="profile-img">
                                                                    <img src="<?php echo e(asset($evaluate->user_photo ?? 'assets/web/images/icons/user.svg')); ?>" alt="">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-8">
                                                                <div class="review-content">
                                                                    <h6><?php echo e($evaluate->user_name); ?></h6>
                                                                    <div class="rate">
                                                                        <i class="fas fa-star <?php echo e($evaluate->evaluate_average >= 1 ? 'active' : ''); ?>"></i>
                                                                        <i class="fas fa-star <?php echo e($evaluate->evaluate_average >= 2 ? 'active' : ''); ?>"></i>
                                                                        <i class="fas fa-star <?php echo e($evaluate->evaluate_average >= 3 ? 'active' : ''); ?>"></i>
                                                                        <i class="fas fa-star <?php echo e($evaluate->evaluate_average >= 4 ? 'active' : ''); ?>"></i>
                                                                        <i class="fas fa-star <?php echo e($evaluate->evaluate_average >= 5 ? 'active' : ''); ?>"></i>
                                                                    </div>
                                                                    <p><?php echo e($evaluate->comment); ?></p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </div>
                                        <!-- Add Pagination -->
                                        <div class="swiper-pagination"></div>
                                    </div>
                                </div>
                            <?php endif; ?>

                            <!-- Reserv-Butn -->
                            <div class="btns-wrapper">
                                <a href="<?php echo e(route('reservation.hallReservation', $hall->id)); ?>" class="butn refuse-butn"><?php echo e(__('halls.book_now')); ?></a>
                            </div>
                            <!-- Note -->
                            <div class="col-lg-12">
                                <div class="note mt-5">
                                    <img src="<?php echo e(asset('assets/web/images/saudi_exhibition_logo.jpg')); ?>" alt="" class="saudi_logo">
                                    <span class="text"> <b><?php echo e(__('halls.hall_footer_title')); ?></b></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('inner_js'); ?>
    <script src="<?php echo e(asset('assets/web/js/lib/toastr.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/admin/js/lib/jquery-ui.js')); ?>"></script>



    <script>
        let availableDatesFrom = $('.availableDatesFrom').html(),
            availableDatesTo = $('.availableDatesTo').html(),
            availableDates = [],
            checkDates = JSON.parse($('.availableDates').html());
            // checkDates = ["08\/10\/2021","08\/11\/2021","08\/12\/2021","08\/13\/2021","08\/14\/2021","08\/15\/2021","08\/16\/2021","08\/20\/2021","08\/21\/2021","08\/22\/2021","08\/23\/2021","08\/24\/2021"];

    </script>

    <script>

        let DatesFrom = JSON.parse(availableDatesFrom),
            DatesTo = JSON.parse(availableDatesTo);

        for (let i = 0; i < DatesFrom.length; i++) {
            let start = DatesFrom[i],
                end = new Date(DatesTo[i]),
                currentDate = new Date(start);
            while (currentDate <= end) {
                availableDates.push(new Date(currentDate));
                currentDate.setDate(currentDate.getDate() + 1);
            }
        }

        let availableDatesInputs = $('.available_dates');

        availableDatesInputs.datepicker({
            beforeShowDay: reservedDays
        });

        availableDatesInputs.change(function () {
            if (checkDates.includes($(this).val()) === false){
                $(this).val('')
            }
        });

        function disableAllTheseDays(date) {
            for (let i = 0; i < availableDates.length; i++) {
                if (availableDates[i].toString() === date.toString()) {
                    return [true];
                }
            }
            return [false];
        }
        function highlightDays(date) {
            for (let i = 0; i < availableDates.length; i++) {
                if (availableDates[i].toString() === date.toString()) {
                    return [true, 'highlight'];
                }
            }
            return [true, ''];
            // for (let i = 0; i < disabledDays.length; i++) {
            //     if (new Date(disabledDays[i]).toString() === date.toString()) {
            //         return [true, 'highlight'];
            //     }
            // }
            // return [true, ''];

        }
        function reservedDays(date) {
            let clazz = '';
            let highLight = highlightDays(date);
            if (highLight[1] !== ''){
                clazz = highLight[1];
            }

            let disableDays = disableAllTheseDays(date);
            let noWeekEnd = $.datepicker.noWeekends(date);

            return [(!disableDays[0] || !noWeekEnd[0]) ? false : true, clazz];
        }

        $('input[name="re_date_from"], input[name="re_date_to"], input[name="re_no"]').change(async function (e) {
            e.preventDefault();
            let data = {
                    re_date_from: $('input[name="re_date_from"]').val(),
                    re_date_to: $('input[name="re_date_to"]').val(),
                    re_no: $('input[name="re_no"]').val(),
                },
                url = reservationSearchRoute,
                method = 'get';

            const response=await ajax({
                url,
                data,
                dataType: 'html',
                method
            });

            if(response){
                $('.search_result_container').removeClass('d-none');
                $('.search_result_container_body').html(response);
            }
        });

    </script>

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


<?php echo $__env->make('web.layouts.container', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\wamp64\www\meet\resources\views/web/halls/show.blade.php ENDPATH**/ ?>