
<?php $__env->startSection('title', $space->title); ?>
<?php $__env->startSection('content'); ?>
    <!-- common page header start -->
    <div class="td-page-header">
        <div class="container">
            <div class="td-page-header-indicator">
                <ul>
                    <li>
                        <a href="<?php echo e(url('/')); ?>"><?php echo e(__('Home')); ?></a>
                    </li>
                    <li>
                        <a href="<?php echo e(request()->fullUrl()); ?>"><?php echo e(__('Service Details')); ?></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="td-page-header-element">
            <img src="<?php echo e(asset('frontend/default/img/elements/header-shape.png')); ?>" alt="">
        </div>
        <div class="td-page-header-elementLeft">
            <img src="<?php echo e(asset('frontend/default/img/elements/header-shape-left.png')); ?>" alt="">
        </div>
    </div>
    <!-- common page header end -->

    <!-- services details section start -->
    <section class="td-services-details-2 section-gap">
        <div class="container">
            <div class="td-services-details-2-box">
                <div class="row gy-4 gy-lg-0 gx-0 gx-lg-4">
                    <div class="col-lg-6">
                        <div class="td-services-details-2-box-left">
                            <img src="<?php echo e(asset($space->banner_image)); ?>" alt="<?php echo e($space->title); ?>">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="td-services-details-2-box-right">
                            <div class="shape-header">
                                <h3><?php echo e($space->title); ?></h3>
                                <p><?php echo e($space->sub_title); ?></p>
                            </div>
                            <?php
                                $services = json_decode($space->services, true);
                            ?>

                            <div class="full-shape">
                                <div class="row td-services-banner-left-cards">
                                    <div class="col-6 col-sm-6 td-banner-left-singleCard td-banner-left-singleCard-2">
                                        <div class="td-services-banner-left-card td-services-banner-left-card-2">
                                            <i class="text-white <?php echo e($services['first_icon']); ?>"></i>
                                            <h5><?php echo e($services['first_title']); ?></h5>
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-6 td-banner-left-singleCard td-banner-left-singleCard-2">
                                        <div class="td-services-banner-left-card td-services-banner-left-card-2">
                                            <i class="text-white <?php echo e($services['second_icon']); ?>"></i>
                                            <h5><?php echo e($services['second_title']); ?></h5>
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-6 td-banner-left-singleCard td-banner-left-singleCard-2">
                                        <div class="td-services-banner-left-card td-services-banner-left-card-2">
                                            <i class="text-white <?php echo e($services['third_icon']); ?>"></i>
                                            <h5><?php echo e($services['third_title']); ?></h5>
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-6 td-banner-left-singleCard td-banner-left-singleCard-2">
                                        <div class="td-services-banner-left-card td-services-banner-left-card-2">
                                            <i class="text-white <?php echo e($services['fourth_icon']); ?>"></i>
                                            <h5><?php echo e($services['fourth_title']); ?></h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="bottom-shape">
                                    <div class="bookNowButton">
                                        <a
                                            href="<?php echo e(route('user.booking.checkout', encrypt($space->id))); ?>"><?php echo e(__('Book Now')); ?></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="td-services-details-2-box-about section-gap">
                    <h5><?php echo e(__('Description')); ?></h5>
                    <p>
                        <?php echo e($space->description); ?>

                    </p>
                </div>
            </div>
        </div>
    </section>
    <!-- services details section end -->
    <?php
        $galleries = collect($space->galleries)->chunk(6);
    ?>
    <!-- gallery section start -->
    <section class="td-gallery section-gap">
        <div class="container">
            <div class="section-title-2 section-title-2-middle">
                <div class="section-title-2-bottom section-title-2-bottom-center wow img-custom-anim-left"
                    data-wow-duration="1.5s" data-wow-delay="0.1s">
                    <h2><?php echo e(__('Space')); ?> <span><?php echo e(__('Galleries')); ?></span></h2>
                </div>
            </div>
            <div class="td-gallery-box">
                <div class="row g-3 g-xl-4">
                    <?php $__currentLoopData = $galleries; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $overviewChunk): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php
                            $first = $overviewChunk->shift();
                            $last = $overviewChunk->slice(4, 1)->first();

                            $more_overviews = $overviewChunk->take(4);
                        ?>

                        <?php if($first !== null): ?>
                            <div class="col-sm-6 col-md-3 order-1 order-md-1 wow img-custom-anim-top"
                                data-wow-duration="1.5s" data-wow-delay="0.1s">
                                <a href="<?php echo e(asset($first)); ?>" class="td-gallery-box-card popup-image">
                                    <div class="td-gallery-box-card-img responsive-img-box-1">
                                        <img class="w-100 h-auto" src="<?php echo e(asset($first)); ?>" alt="Galleries">
                                    </div>
                                </a>
                            </div>
                        <?php endif; ?>
                        <?php if(count($more_overviews) > 0): ?>
                            <div class="col-sm-12 col-md-6 order-3 order-md-2 wow img-custom-anim-left"
                                data-wow-duration="1.5s" data-wow-delay="0.3s">
                                <div class="row g-3 g-xl-4">
                                    <?php $__currentLoopData = $more_overviews; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $chunk): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="col-sm-6">
                                            <a href="<?php echo e(asset($chunk)); ?>" class="td-gallery-box-card popup-image">
                                                <div class="td-gallery-box-card-img responsive-img-box">
                                                    <img class="w-100 h-auto" src="<?php echo e(asset($chunk)); ?>" alt="Galleries">
                                                </div>
                                            </a>
                                        </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </div>
                            </div>
                        <?php endif; ?>
                        <?php if($last !== null): ?>
                            <div class="col-sm-6 col-md-3 order-3 order-md-3 wow img-custom-anim-top"
                                data-wow-duration="1.5s" data-wow-delay="0.1s">
                                <a href="<?php echo e(asset($last)); ?>" class="td-gallery-box-card popup-image">
                                    <div class="td-gallery-box-card-img responsive-img-box-1">
                                        <img class="w-100 h-auto" src="<?php echo e(asset($last)); ?>" alt="Gallery">
                                    </div>
                                </a>
                            </div>
                        <?php endif; ?>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
        </div>
    </section>
    <!-- gallery section end -->

    <!-- amenities section start -->
    <section class="td-amenities section-gap">
        <div class="container">
            <div class="section-title-2 section-title-2-exceptional">
                <div class="section-title-2-top">
                    <img src="<?php echo e(asset('frontend/default/img/icon/icon-2/title-icon.svg')); ?>" alt="">
                    <p><?php echo e(__('Facility')); ?></p>
                </div>
                <div class="section-title-2-bottom wow img-custom-anim-left" data-wow-duration="1.5s" data-wow-delay="0.1s">
                    <h2><?php echo e(__('Our Facilities')); ?></h2>
                </div>
            </div>
            <div class="td-amenities-box wow tdfadeInLeft" data-wow-duration="1.5s" data-wow-delay="0.2s">
                <div class="row g-3 g-md-4">
                    <?php $__currentLoopData = $space->facilities; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $content): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="col-6 col-sm-4 col-lg-3 col-xl-2">
                            <div class="td-amenities-box-card">
                                <div class="td-amenities-box-card-icon">
                                    <img src="<?php echo e(asset($content['icon'])); ?>" alt="<?php echo e($content['title']); ?>">
                                </div>
                                <div class="td-amenities-box-card-text">
                                    <p><?php echo e($content['title']); ?></p>
                                    <h6><?php echo e(setting('currency_symbol')); ?><?php echo e($content['price']); ?></h6>
                                </div>
                            </div>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
        </div>
    </section>
    <!-- amenities section end -->

    <!-- services section start -->
    <?php
        $types = \App\Models\SpaceType::where('status', 1)->get();
    ?>

    <section class="td-services-2 section-gap">
        <div class="container">
            <div class="td-services-2-tabs">
                <div class="title">
                    <div class="section-title-2">
                        <div class="section-title-2-top">
                            <img src="<?php echo e(asset('frontend/default/img/icon/icon-2/title-icon.svg')); ?>">
                            <p><?php echo e(__('Related Spaces')); ?></p>
                        </div>
                        <div class="section-title-2-bottom wow img-custom-anim-left" data-wow-duration="1.5s"
                            data-wow-delay="0.1s">
                            <h2><?php echo e(__('More Spaces')); ?></h2>
                        </div>
                    </div>
                </div>
                <div class="full-tab">
                    <div class="full-tab-content">
                        <div class="full-tab-content-buttons" id="v-pills-tab" role="tablist"
                            aria-orientation="vertical">
                            <?php $__currentLoopData = $types; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $type): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <button class="<?php echo \Illuminate\Support\Arr::toCssClasses(['tab-button', 'active' => $loop->first]); ?>" id="<?php echo e($type->id); ?>-tab" data-bs-toggle="tab"
                                    data-bs-target="#space-<?php echo e($type->id); ?>" type="button" role="tab"
                                    aria-controls="office" aria-selected="true">
                                    <?php echo e($type->name); ?>

                                </button>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                        <div class="full-tab-content-cards tab-content" id="v-pills-tabContent">
                            <?php $__currentLoopData = $types; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $type): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="<?php echo \Illuminate\Support\Arr::toCssClasses(['tab-pane fade', 'show active' => $loop->first]); ?>" id="space-<?php echo e($type->id); ?>" role="tabpanel"
                                    aria-labelledby="<?php echo e($type->id); ?>-tab">
                                    <?php
                                        $spaces = App\Models\Space::where('type_id', $type->id)
                                            ->where('status', true)
                                            ->latest()
                                            ->get();
                                    ?>
                                    <div class="office-space-content">
                                        <div class="row gy-4 gy-md-0 gx-4">
                                            <?php $__currentLoopData = $spaces; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $space): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <div class="col-sm-6 col-md-4">
                                                    <div class="tab-service-card">
                                                        <a href="<?php echo e(route('service.details', encrypt($space->id))); ?>"
                                                            class="image-container">
                                                            <div class="img">
                                                                <img src="<?php echo e(asset($space->banner_image)); ?>"
                                                                    alt="<?php echo e($space->title); ?>">
                                                            </div>
                                                            <?php if(multiLocationEnabled()): ?>
                                                                <div class="location">
                                                                    <img src="<?php echo e(asset('frontend/default/img/service-images/location-icon-black.svg')); ?>"
                                                                        alt="<?php echo e($space->location?->name); ?>">
                                                                    <?php echo e($space->location?->name); ?>

                                                                </div>
                                                            <?php endif; ?>
                                                        </a>
                                                        <a href="<?php echo e(route('service.details', encrypt($space->id))); ?>"
                                                            class="title">
                                                            <?php echo e($space->title); ?>

                                                        </a>
                                                    </div>
                                                </div>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </div>
                                    </div>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="td-services-2-element">
            <img src="<?php echo e(asset('frontend/default/img/service-images/service-images-2/service-element.svg')); ?>"
                alt="">
        </div>
    </section>
    <!-- services section end -->
<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend::layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /www/wwwroot/mxawfis.atharvatek.com/app/Providers/../../resources/views/frontend/spaceify/pages/service-details.blade.php ENDPATH**/ ?>