<?php $__env->startSection('content'); ?>
    <!--  start header  -->
    <?php ($heroSubtitleDefault = __('web.hero_subtitle_default')); ?>
    <?php ($heroTitleDefault = __('web.hero_title_default')); ?>
    <?php ($heroCta = __('web.hero_cta')); ?>
    <?php ($heroDefaultMedia = asset('assets/web/images/hero.png')); ?>
    <?php ($brands = collect($brands ?? [])); ?>
    <?php ($suppliers = collect($suppliers ?? [])); ?>
    <?php ($projects = collect($projects ?? [])); ?>
    <?php ($brands = collect($brands ?? [])); ?>
    <?php ($heroSliders = collect($heroSliders ?? [])); ?>

    <header class="header section-padding">
        <div class="container position-relative">
            <?php if($heroSliders->count() > 0): ?>
                <!-- Hero Slider -->
                <div class="hero-slider">
                    <div class="swiper-wrapper">
                        <?php $__currentLoopData = $heroSliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $slider): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="swiper-slide">
                                <div class="row align-items-center justify-content-between">
                                    <div class="col-lg-7">
                                        <div class="info pe-lg-5 wow fadeInUp" data-wow-delay="<?php echo e($index * 0.1); ?>s">
                                            <h6 class="cr-main fsz-25"><?php echo e($slider->subtitle ?? $heroSubtitleDefault); ?></h6>
                                            <h1 class="fsz-50 mt-20"><?php echo e($slider->title ?? $heroTitleDefault); ?></h1>
                                            <a href="<?php echo e(route('web.contact')); ?>" class="butn rounded-pill hvr-txt-trans hvr-scale bg-main fsz-20 mt-50">
                                                <div class="txt" data-text="<?php echo e($heroCta); ?>"><span> <?php echo e($heroCta); ?> </span></div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-lg-5">
                                        <div class="img wow zoomIn" data-wow-delay="<?php echo e(($index * 0.1) + 0.2); ?>s">
                                            <?php if($slider->type === 'video'): ?>
                                                <video autoplay muted loop playsinline>
                                                    <source src="<?php echo e($slider->file_url); ?>" type="video/mp4">
                                                    Your browser does not support the video tag.
                                                </video>
                                            <?php else: ?>
                                                <img src="<?php echo e($slider->file_url ?? $heroDefaultMedia); ?>" alt="<?php echo e($slider->title ?? ''); ?>">
                                            <?php endif; ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>

                    <?php if($heroSliders->count() > 1): ?>
                        <!-- Slider Pagination -->
                        <div class="hero-slider-pagination">
                            <div class="swiper-pagination"></div>
                        </div>
                    <?php endif; ?>
                </div>
                <?php if($heroSliders->count() > 1): ?>
                    <!-- Slider Navigation -->
                    <div class="hero-slider-nav">
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                <?php endif; ?>
            <?php else: ?>
                <!-- Default Hero Content -->
                <div class="row align-items-center justify-content-between">
                    <div class="col-lg-7">
                        <div class="info pe-lg-5 wow fadeInUp">
                            <h6 class="cr-main fsz-25"><?php echo e($heroSubtitleDefault); ?></h6>
                            <h1 class="fsz-50 mt-20"><?php echo e($heroTitleDefault); ?></h1>
                            <a href="<?php echo e(route('web.contact')); ?>" class="butn rounded-pill hvr-txt-trans hvr-scale bg-main fsz-20 mt-50">
                                <div class="txt" data-text="<?php echo e($heroCta); ?>"><span> <?php echo e($heroCta); ?> </span></div>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="img wow zoomIn" data-wow-delay="0.2s">
                            <img src="<?php echo e($heroDefaultMedia); ?>" alt="">
                        </div>
                    </div>
                </div>
            <?php endif; ?>
        </div>
        <img src="<?php echo e(asset('assets/web/images/hero-top-shap.png')); ?>" alt="" class="shap">
    </header>
    <!--  end header  -->
            <main>


                <?php ($aboutTitle = $aboutus->currentDescription->title ?? __('web.aboutus')); ?>
                <?php ($aboutDefaultText = __('web.about_description_default')); ?>
                <?php ($aboutRaw = $aboutus->currentDescription->description ?? ''); ?>
                <?php ($aboutLimit = mb_strlen($aboutDefaultText)); ?>
                <?php ($aboutDescription = $aboutRaw
                    ? \Illuminate\Support\Str::limit(strip_tags($aboutRaw), $aboutLimit)
                    : $aboutDefaultText); ?>
                <?php ($aboutImage = $aboutus->image_url ?? asset('assets/web/images/ab-logo.svg')); ?>

                <?php ($numbersDefault = [
                    ['value' => 1500, 'label' => __('web.numbers.client_default'), 'image' => asset('assets/web/images/icons/num-1.svg')],
                    ['value' => 12, 'label' => __('web.numbers.project_default'), 'image' => asset('assets/web/images/icons/num-2.svg')],
                    ['value' => 50, 'label' => __('web.numbers.technician_default'), 'image' => asset('assets/web/images/icons/num-3.svg')],
                    ['value' => 21, 'label' => __('web.numbers.order_default'), 'image' => asset('assets/web/images/icons/num-4.svg')],
                ]); ?>
                <?php ($numbers = collect($numbersDefault)); ?>
                <?php if($numbersPage): ?>
                    <?php ($numbers = $numbers->map(function ($item, $index) use ($numbersPage) {
                        $slot = $index + 1;
                        $valueKey = 'value_' . $slot;
                        $titleKey = $slot === 1 ? 'title' : 'title_' . $slot;
                        $imageKey = $slot === 1 ? 'image_url' : 'image_' . $slot . '_url';
                        $description = optional($numbersPage->currentDescription);
                        $title = $description ? ($description->{$titleKey} ?? null) : null;
                        $image = $numbersPage->{$imageKey} ?? null;
                        return [
                            'value' => $numbersPage->{$valueKey} ?? $item['value'],
                            'label' => $title ? strip_tags($title) : $item['label'],
                            'image' => $image ?: $item['image'],
                        ];
                    })); ?>
                <?php endif; ?>

                <?php ($suppliersPage = $suppliersPage ?? null); ?>
                <?php ($suppliersDescriptionRaw = $suppliersPage && $suppliersPage->currentDescription ? $suppliersPage->currentDescription->description : null); ?>
                <?php ($suppliersTitleRaw = $suppliersPage && $suppliersPage->currentDescription ? $suppliersPage->currentDescription->title : null); ?>
                <?php ($suppliersTitle = $suppliersTitleRaw ? strip_tags($suppliersTitleRaw) : __('web.suppliers_title_default')); ?>
                <?php ($suppliersDescription = $suppliersDescriptionRaw ? strip_tags($suppliersDescriptionRaw) : __('web.suppliers_description_default')); ?>

                <?php ($partnersPage = $partnersPage ?? null); ?>
                <?php ($partnersDescriptionRaw = $partnersPage && $partnersPage->currentDescription ? $partnersPage->currentDescription->description : null); ?>
                <?php ($partnersTitleRaw = $partnersPage && $partnersPage->currentDescription ? $partnersPage->currentDescription->title : null); ?>
                <?php ($partnersTitle = $partnersTitleRaw ? strip_tags($partnersTitleRaw) : __('web.partners_title_default')); ?>
                <?php ($partnersDescription = $partnersDescriptionRaw ? strip_tags($partnersDescriptionRaw) : __('web.partners_description_default')); ?>

                <?php ($projectsPage = $projectsPage ?? null); ?>
                <?php ($projectsDescriptionRaw = $projectsPage && $projectsPage->currentDescription ? $projectsPage->currentDescription->description : null); ?>
                <?php ($projectsTitleRaw = $projectsPage && $projectsPage->currentDescription ? $projectsPage->currentDescription->title : null); ?>
                <?php ($projectsTitle = $projectsTitleRaw ? strip_tags($projectsTitleRaw) : __('web.projects_title_default')); ?>
                <?php ($projectsDescription = $projectsDescriptionRaw ? strip_tags($projectsDescriptionRaw) : __('web.projects_description_default')); ?>

                <?php ($testimonialsPage = $testimonialsPage ?? null); ?>
                <?php ($testimonialsDescriptionRaw = $testimonialsPage && $testimonialsPage->currentDescription ? $testimonialsPage->currentDescription->description : null); ?>
                <?php ($testimonialsTitle = $testimonialsDescriptionRaw ? strip_tags($testimonialsDescriptionRaw) : __('web.testimonials_title_default')); ?>

                <?php ($visionPage = $visionPage ?? null); ?>
                <?php ($visionTitleRaw = $visionPage && $visionPage->currentDescription ? $visionPage->currentDescription->title : null); ?>
                <?php ($visionDescriptionRaw = $visionPage && $visionPage->currentDescription ? $visionPage->currentDescription->description : null); ?>
                <?php ($visionTitle = $visionTitleRaw ? strip_tags($visionTitleRaw) : 'رؤيتنا'); ?>
                <?php ($visionDescription = $visionDescriptionRaw ? strip_tags($visionDescriptionRaw) : 'ان نكون المصدر الرئيس في المملكة لحلول انظمة الأنابيب ومجاري الهواء بشكل تقنى ، اقتصادي ، متطور وعالي الجودة.'); ?>

                <?php ($missionPage = $missionPage ?? null); ?>
                <?php ($missionTitleRaw = $missionPage && $missionPage->currentDescription ? $missionPage->currentDescription->title : null); ?>
                <?php ($missionDescriptionRaw = $missionPage && $missionPage->currentDescription ? $missionPage->currentDescription->description : null); ?>
                <?php ($missionTitle = $missionTitleRaw ? strip_tags($missionTitleRaw) : 'رسالتنا'); ?>
                <?php ($missionDescription = $missionDescriptionRaw ? strip_tags($missionDescriptionRaw) : 'ان نقدم حلولا متعددة الوجبات لخدمات تجهيز وتصنيع وصيانة انظمة التكييف والتبريد.'); ?>

                <?php ($goalsPage = $goalsPage ?? null); ?>
                <?php ($goalsTitleRaw = $goalsPage && $goalsPage->currentDescription ? $goalsPage->currentDescription->title : null); ?>
                <?php ($goalsDescriptionRaw = $goalsPage && $goalsPage->currentDescription ? $goalsPage->currentDescription->description : null); ?>
                <?php ($goalsTitle = $goalsTitleRaw ? strip_tags($goalsTitleRaw) : 'اهدافنا'); ?>
                <?php ($goalsDescription = $goalsDescriptionRaw ? strip_tags($goalsDescriptionRaw) : 'صناعة التميز وابتكار حلول من خلال ما نمتلكه من قدرات فنية وتصنيعية ، من شأنها أن تشعر العميل بالفرق في الاداء وبتكاليف مدروسة بعناية لنجعل من علامتنا التجارية وجهة رائدة بين اصحاب الاختصاص.'); ?>

                <!-- ---------- about ----------- -->
                <section id="about" class="about section-padding">
                    <div class="container wow fadeInUp">
                        <div class="row align-items-center justify-content-between">
                            <div class="col-lg-7">
                                <div class="info">
                                    <h2 class="fsz-40"> <?php echo e($aboutTitle); ?> </h2>
                                    <div class="text fsz-21 lh-4 mt-20"> <?php echo e($aboutDescription); ?> </div>
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="img mt-5 mt-lg-0">
                                    <img src="<?php echo e($aboutImage); ?>" alt="<?php echo e($aboutTitle); ?>" class="img-contain">
                                </div>
                            </div>
                        </div>
                    </div>
                </section>


                <!-- ---------- vision ----------- -->
                <section class="vision section-padding">
                    <div class="container">
                        <?php if($numbers->isNotEmpty()): ?>
                            <div class="numbers">
                                <div class="row">
                                    <?php $__currentLoopData = $numbers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="col-lg-3">
                                            <div class="num-item wow fadeInUp" data-wow-delay="<?php echo e($index * 0.1); ?>s">
                                                <div class="top-cont">
                                                    <h2 class="counter num"> <?php echo e($item['value']); ?> </h2>
                                                    <div class="icon-60">
                                                        <img src="<?php echo e($item['image']); ?>" alt="<?php echo e($item['label']); ?>">
                                                    </div>
                                                </div>
                                                <div class="text fsz-18 text-center fw-bold"> <?php echo e($item['label']); ?> </div>
                                            </div>
                                        </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </div>
                            </div>
                        <?php endif; ?>
                        <div class="vision-cards">
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="vision-card wow fadeInUp">
                                        <h3 class="font-light"> <?php echo e($visionTitle); ?> </h3>
                                        <div class="text"> <?php echo e($visionDescription); ?> </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="vision-card wow fadeInUp" data-wow-delay="0.2s">
                                        <h3 class="font-light"> <?php echo e($missionTitle); ?> </h3>
                                        <div class="text"> <?php echo e($missionDescription); ?> </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="vision-card wow fadeInUp" data-wow-delay="0.4s">
                                        <h3 class="font-light"> <?php echo e($goalsTitle); ?> </h3>
                                        <div class="text"> <?php echo e($goalsDescription); ?> </div>
                                    </div>
                                </div>
                            </div>
                            <img src="<?php echo e(asset('assets/web/images/vision-shap.png')); ?>" alt="" class="shap d-none d-lg-block">
                            <img src="<?php echo e(asset('assets/web/images/vision-shap2.png')); ?>" alt="" class="shap-mob d-block d-lg-none">
                        </div>
                    </div>
                </section>


                <!-- ---------- services   ----------- -->

                <section id="services" class="services section-padding">
                    <div class="container">
                        <div class="title-wrapper text-center col-lg-4 mx-auto mb-30">
                            <div class="fsz-21 text-balance"><?php echo e($servicePage->currentDescription->description ?? 'نقدم خدمات متكاملة في تجهيز وتركيب وصيانة التكييفات بكل انواعها'); ?></div>
                            <h2 class="fsz-50 fw-bold cr-main"> <?php echo e(__('web.services')); ?> </h2>
                        </div>
                        <div class="row align-items-center">
                            <div class="col-lg-4">
                                <div class="text-side wow fadeInUp" data-wow-delay="0.2s">
                                    <div class="service-card">
                                        <h3 class="service-title"> <img src="<?php echo e(asset('assets/web/images/grad-dot.svg')); ?>" alt="" class="grad-dot"> <?php echo e($servicePage->currentDescription->title_2 ?? 'توريد وتركيب أنظمة التكييف بمختلف أنواعها:'); ?> </h3>
                                        <?php if($servicePage->currentDescription->description_2): ?>
                                            <div class="service-description">
                                                <?php echo nl2br(e($servicePage->currentDescription->description_2)); ?>

                                            </div>
                                        <?php else: ?>
                                            <ul class="list-arrow">
                                                <li> <span class="arrow"> <img src="<?php echo e(asset('assets/web/images/arrow.svg')); ?>" alt=""> </span> <span class="text"> أنظمة التكييف المنفصلة (كونسيلد ، اسبلت ،كاست) </span> </li>
                                                <li> <span class="arrow"> <img src="<?php echo e(asset('assets/web/images/arrow.svg')); ?>" alt=""> </span> <span class="text"> أنظمة التكييف المركزية المدمجة </span> </li>
                                                <li> <span class="arrow"> <img src="<?php echo e(asset('assets/web/images/arrow.svg')); ?>" alt=""> </span> <span class="text"> أنظمة التكييف VRF وVRV </span> </li>
                                                <li> <span class="arrow"> <img src="<?php echo e(asset('assets/web/images/arrow.svg')); ?>" alt=""> </span> <span class="text"> أنظمة التبريد تشيلر </span> </li>
                                            </ul>
                                        <?php endif; ?>
                                    </div>
                                    <div class="service-card">
                                        <h3 class="service-title"> <img src="<?php echo e(asset('assets/web/images/grad-dot.svg')); ?>" alt="" class="grad-dot"> <?php echo e($servicePage->currentDescription->title_4 ?? 'تصنيع أنظمة مجاري الهواء ومخارجها وإكسسواراتها.'); ?> </h3>

                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 order-first order-lg-0">
                                <div class="imgs wow zoomIn">
                                    <div class="sub-img">
                                        <img src="<?php echo e($servicePage->image_url ?? asset('assets/web/images/ser2.jpg')); ?>" alt="" class="img-cover">
                                    </div>
                                    <div class="main-img">
                                        <img src="<?php echo e($servicePage->image_2_url ?? asset('assets/web/images/ser1.jpg')); ?>" alt="" class="img-cover">
                                        <a href="<?php echo e(route('web.contact')); ?>" class="butn rounded-pill hvr-txt-trans hvr-scale bg-sub fsz-16"> <div class="txt" data-text="<?php echo e($heroCta); ?>"><span> <?php echo e($heroCta); ?> </span></div> </a>
                                    </div>
                                    <div class="sub-img">
                                        <img src="<?php echo e($servicePage->image_3_url ?? asset('assets/web/images/ser3.jpg')); ?>" alt="" class="img-cover">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="text-side wow fadeInUp" data-wow-delay="0.2s">
                                   <div class="service-card">
                                        <h3 class="service-title"> <img src="<?php echo e(asset('assets/web/images/grad-dot.svg')); ?>" alt="" class="grad-dot"> <?php echo e($servicePage->currentDescription->title_3 ?? 'تصنيع أنظمة مجاري الهواء ومخارجها وإكسسواراتها.'); ?> </h3>
                                        <?php if($servicePage->currentDescription->description_3): ?>
                                            <div class="service-description">
                                                <?php echo nl2br(e($servicePage->currentDescription->description_3)); ?>

                                            </div>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <img src="<?php echo e(asset('assets/web/images/ser-bg-shaps.png')); ?>" alt="" class="shapes">
                </section>


               <!-- ---------- partners ----------- -->
                <section id="team" class="partners partners-lg section-padding">
                    <div class="container">
                        <div class="title-wrapper text-center col-lg-4 mx-auto mb-30">
                            <div class="fsz-21 text-balance"> <?php echo e($partnersDescription); ?> </div>
                            <h2 class="fsz-50 fw-bold cr-main"> <?php echo e($partnersTitle); ?> </h2>
                        </div>
                        <div class="partners-slider">
                            <div class="swiper-wrapper">
                                <?php $__empty_1 = true; $__currentLoopData = $brands; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $brand): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                    <?php ($brandImage = $brand->image_url ?? asset('assets/web/images/partners/9.png')); ?>
                                    <div class="swiper-slide">
                                        <div class="partner">
                                            <img src="<?php echo e($brandImage); ?>" alt="<?php echo e($partnersTitle); ?>">
                                        </div>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                    <div class="swiper-slide">
                                        <div class="partner">
                                            <img src="<?php echo e(asset('assets/web/images/partners/9.png')); ?>" alt="<?php echo e($partnersTitle); ?>">
                                        </div>
                                    </div>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- ---------- portfolio  ----------- -->
                <section id="projects" class="portfolio section-padding bg-light1">
                    <div class="container">
                        <div class="title-wrapper text-center col-lg-5 mx-auto mb-30">
                            <h2 class="fsz-50 fw-bold cr-main"> <?php echo e($projectsTitle); ?> </h2>
                            <div class="fsz-21 text-balance fw-bold"> <?php echo e($projectsDescription); ?> </div>
                        </div>
                        <div class="portfolio-slider">
                            <div class="swiper-wrapper">
                                <?php $__empty_1 = true; $__currentLoopData = $projects; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $project): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                    <?php ($projectImage = $project->photos && $project->photos->count() > 0 ? $project->photos->first()->image_url : asset('assets/web/images/port1.jpg')); ?>
                                    <?php ($projectTitle = strip_tags($project->currentDescription->title ?? $project->title ?? $projectsTitle)); ?>
                                    <?php ($projectBody = $project->currentDescription->description ?? $project->description ?? null); ?>
                                    <?php ($projectCategory = $project->category_title ?? null); ?>
                                    <?php ($projectCity = $project->city_title ?? null); ?>
                                    <?php ($projectArea = $project->area_title ?? null); ?>
                                    <?php ($projectDate = $project->project_date instanceof \Carbon\Carbon ? $project->project_date->format('Y-m-d') : (is_string($project->project_date) ? $project->project_date : null)); ?>
                                    <?php ($projectPhotos = $project->photos ? $project->photos->map(function($photo) { return $photo->image_url; })->toArray() : []); ?>
                                    <?php ($projectPayload = [
                                        'title' => $projectTitle,
                                        'image' => $projectImage,
                                        'body' => $projectBody,
                                        'category' => $projectCategory,
                                        'city' => $projectCity,
                                        'area' => $projectArea,
                                        'date' => $projectDate,
                                        'photos' => $projectPhotos,
                                    ]); ?>
                                    <div class="swiper-slide">
                                        <div class="portfolio-card">
                                            <div class="img imgrotate-scale-hover">
                                                <img src="<?php echo e($projectImage); ?>" alt="<?php echo e($projectTitle); ?>" class="img-cover">
                                            </div>
                                            <div class="info">
                                                <div class="card-content">
                                                    <h6 class="card-title col-lg-7"> <?php echo e($projectTitle); ?> </h6>
                                                    <?php if($projectBody): ?>
                                                        <p class="text-white-50 mt-3 mb-0"><?php echo e(\Illuminate\Support\Str::limit(strip_tags($projectBody), 120)); ?></p>
                                                    <?php endif; ?>
                                                </div>
                                                <a href="javascript:void(0);" class="arrow icon-60 dnf-center border border-white rounded-circle d-inline-flex fsz-16" data-bs-toggle="modal" data-bs-target="#modal-project" data-project="<?php echo e(json_encode($projectPayload, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES)); ?>" style="pointer-events: auto;">
                                                    <i class="fal fa-arrow-up-left"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                    <?php ($projectPayload = [
                                        'title' => $projectsTitle,
                                        'image' => asset('assets/web/images/port1.jpg'),
                                        'body' => $projectsDescription,
                                        'location' => null,
                                        'date' => null,
                                    ]); ?>
                                    <div class="swiper-slide">
                                        <div class="portfolio-card">
                                            <div class="img imgrotate-scale-hover">
                                                <img src="<?php echo e(asset('assets/web/images/port1.jpg')); ?>" alt="<?php echo e($projectsTitle); ?>" class="img-cover">
                                            </div>
                                            <div class="info">
                                                <div class="card-content">
                                                    <h6 class="card-title col-lg-6"> <?php echo e($projectsTitle); ?> </h6>
                                                    <p class="text-white-50 mt-3 mb-0"><?php echo e($projectsDescription); ?></p>
                                                </div>
                                                <a href="javascript:void(0);" class="arrow icon-60 dnf-center border border-white rounded-circle d-none d-lg-inline-flex fsz-16" data-bs-toggle="modal" data-bs-target="#modal-project" data-project="<?php echo e(json_encode($projectPayload, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES)); ?>" style="pointer-events: auto;">
                                                    <i class="fal fa-arrow-up-left"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                <?php endif; ?>
                            </div>
                            <div class="slider-arrows">
                                <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div>
                            </div>
                        </div>
                    </div>
                    <img src="<?php echo e(asset('assets/web/images/sec-line2.png')); ?>" alt="" class="shap">
                </section>





                 <!-- ---------- suppliers ----------- -->
                <section class="partners section-padding">
                    <div class="container">
                        <div class="title-wrapper text-center col-lg-4 mx-auto mb-30">
                            <div class="fsz-21 text-balance"> <?php echo e($suppliersDescription); ?> </div>
                            <h2 class="fsz-50 fw-bold cr-main"> <?php echo e($suppliersTitle); ?> </h2>
                        </div>
                        <div class="partners-slider">
                            <div class="swiper-wrapper">
                                <?php $__empty_1 = true; $__currentLoopData = $suppliers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $supplier): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                    <?php ($supplierImage = $supplier->image_url ?? asset('assets/web/images/partners/1.png')); ?>
                                    <div class="swiper-slide">
                                        <a href="javascript:void(0);" class="partner">
                                            <img src="<?php echo e($supplierImage); ?>" alt="<?php echo e($suppliersTitle); ?>">
                                        </a>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                    <div class="swiper-slide">
                                        <a href="javascript:void(0);" class="partner">
                                            <img src="<?php echo e(asset('assets/web/images/partners/1.png')); ?>" alt="<?php echo e($suppliersTitle); ?>">
                                        </a>
                                    </div>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </section>


                <!-- ---------- solutions  ----------- -->
                <section id="news" class="solutions">
                    <div class="solutions-slider">
                        <div class="swiper-wrapper">
                            <?php $__empty_1 = true; $__currentLoopData = $banners; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $banner): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                <?php ($bannerImage = $banner->image_url ?? asset('assets/web/images/sol1.jpg')); ?>
                                <?php ($bannerTitle = $banner->title ?? 'حلول تكييف متكاملة من التصميم حتى الصيانة'); ?>
                                <?php ($bannerDescription = $banner->description ?? 'نعمل باحترافية عالية على دراسة وتصميم وتنفيذ مشاريع التكييف بأنواعها المختلفة، باستخدام أحدث التقنيات، وبمعايير جودة عالمية.'); ?>
                                <div class="swiper-slide">
                                    <div class="solution-card">
                                        <div class="container">
                                            <div class="info col-lg-5 wow fadeInUp" <?php if($index > 0): ?> data-wow-delay="<?php echo e($index * 0.2); ?>s" <?php endif; ?>>
                                                <div class="logo th-60 mb-30">
                                                    <img src="<?php echo e(asset('assets/web/images/logo-dr.svg')); ?>" alt="">
                                                </div>
                                                <h2 class="fsz-40 fw-bold cr-sub lh-3"> <?php echo e($bannerTitle); ?> </h2>
                                                <div class="text-card"> <?php echo e($bannerDescription); ?> </div>
                                            </div>
                                        </div>
                                        <img src="<?php echo e($bannerImage); ?>" alt="<?php echo e($bannerTitle); ?>" class="bg">
                                    </div>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                <div class="swiper-slide">
                                    <div class="solution-card">
                                        <div class="container">
                                            <div class="info col-lg-5 wow fadeInUp">
                                                <div class="logo th-60 mb-30">
                                                    <img src="<?php echo e(asset('assets/web/images/logo-dr.svg')); ?>" alt="">
                                                </div>
                                                <h2 class="fsz-40 fw-bold cr-sub lh-3"> حلول تكييف متكاملة من التصميم حتى الصيانة </h2>
                                                <div class="text-card"> نعمل باحترافية عالية على دراسة وتصميم وتنفيذ مشاريع التكييف بأنواعها المختلفة، باستخدام أحدث التقنيات، وبمعايير جودة عالمية. حلول تكييف متكاملة من التصميم حتى الصيانة </div>
                                            </div>
                                        </div>
                                        <img src="<?php echo e(asset('assets/web/images/sol1.jpg')); ?>" alt="" class="bg">
                                    </div>
                                </div>
                            <?php endif; ?>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </section>


                <!-- ---------- testimonials  ----------- -->
                <section class="testimonials section-padding">
                    <div class="container">
                        <div class="title-wrapper text-center col-lg-6 mx-auto mb-30">
                            <div class="icon-60 mx-auto mb-10">
                                <img src="<?php echo e(asset('assets/web/images/like.svg')); ?>" alt="">
                            </div>
                            <div class="fsz-21 text-balance"> <?php echo e($testimonialsTitle); ?> </div>
                            <h2 class="fsz-50 fw-bold cr-main"> <?php echo e(__('web.testimonials_title_default')); ?> </h2>
                        </div>
                        <div class="testi-slider">
                            <div class="swiper-wrapper">
                                <?php $__empty_1 = true; $__currentLoopData = $reviews; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $review): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                    <?php ($reviewText = $review->currentDescription->body ?? ''); ?>
                                    <?php ($reviewName = $review->currentDescription->customer_name ?? 'عميل'); ?>
                                    <?php ($reviewJob = $review->currentDescription->company_name ?? ''); ?>
                                    <div class="swiper-slide">
                                        <div class="testi-card">
                                            <div class="text fsz-18 lh-lg"> <?php echo e($reviewText); ?> </div>
                                            <div class="user-inf mt-60">
                                                <h6 class="fsz-25"> <?php echo e($reviewName); ?> </h6>
                                                <small class="fsz-14 mt-2 op-6"> <?php echo e($reviewJob); ?> </small>
                                            </div>
                                            <img src="<?php echo e(asset('assets/web/images/star.png')); ?>" alt="" class="star">
                                        </div>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                <p>جاري العمل على هذه الصفحة</p>
                                <?php endif; ?>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                </section>


                <!-- ---------- contact  ----------- -->
                <section id="contact" class="contact pb-80">
                    <div class="container">
                        <div class="row justify-content-between">
                            <div class="col-lg-3">
                                <div class="info pt-50 wow zoomIn">
                                    <div class="icon-120">
                                        <img src="<?php echo e(asset('assets/web/images/paper-plan.png')); ?>" alt="">
                                    </div>
                                    <h2 class="mt-20 fsz-50 cr-sub"> <?php echo e(__('web.contact.title')); ?> </h2>
                                    <div class="text fsz-18 cr-sub mt-1 fw-bold"> <?php echo e(__('web.contact.subtitle')); ?> </div>
                                </div>
                            </div>
                            <div class="col-lg-8">
                                <div class="contact-form mt-5 mt-lg-0 wow fadeInUp" data-wow-delay="0.2s">
                                    <form action="<?php echo e(route('web.contact.message')); ?>" method="post" class="form d-block" onsubmit="formAction(this)">
                                        <?php echo csrf_field(); ?>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label for="name" class="fsz-14 fw-bold mb-10"> <?php echo e(__('visitorMessages.name')); ?> </label>
                                                    <input type="text" name="name" id="name" class="form-control" placeholder="<?php echo e(__('web.contact_name_placeholder')); ?>" minlength="2" maxlength="35" required>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label for="subject" class="fsz-14 fw-bold mb-10"> <?php echo e(__('visitorMessages.subject')); ?> </label>
                                                    <input type="text" name="subject" id="subject" class="form-control" placeholder="<?php echo e(__('web.contact_subject_placeholder')); ?>" minlength="4" maxlength="45" required>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label for="email" class="fsz-14 fw-bold mb-10"> <?php echo e(__('visitorMessages.email')); ?> </label>
                                                    <input type="email" name="email" id="email" class="form-control" placeholder="<?php echo e(__('web.contact_email_placeholder')); ?>" required>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label for="phone" class="fsz-14 fw-bold mb-10"> <?php echo e(__('visitorMessages.phone')); ?> </label>
                                                    <input type="tel" name="phone" id="phone" class="form-control" placeholder="<?php echo e(__('web.contact_phone_placeholder')); ?>" minlength="9" maxlength="12" pattern="[0-9]*" required>
                                                    <div class="float-cont"> <span class="txt"> +966 </span> <img src="<?php echo e(asset('assets/web/images/ar.png')); ?>" alt="" class="flag"> </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-12">
                                                <div class="form-group">
                                                    <label for="message" class="fsz-14 fw-bold mb-10"> <?php echo e(__('visitorMessages.message')); ?> </label>
                                                    <textarea name="message" id="message" rows="6" class="form-control radius-20" placeholder="<?php echo e(__('web.contact_message_placeholder')); ?>" minlength="12" maxlength="90" required></textarea>
                                                </div>
                                            </div>
                                            <div class="col-lg-12">
                                                <button type="submit" class="butn rounded-pill hvr-txt-trans hvr-scale bg-main fsz-20 mt-30">
                                                    <div class="txt" data-text="<?php echo e(__('web.contact_send_button')); ?>">
                                                        <span> <?php echo e(__('web.contact_send_button')); ?> </span>
                                                    </div>
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>



            </main>




            <!-- ------------ modals ----------- -->
            <!-- modal project -->
    <div class="modal fade modal-project" id="modal-project" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content border-0 p-20 radius-30">
                <div class="modal-header pb-0 border-0 mb-10">
                    <h6 class="text-center cr-sub "> <i class="fal fa-arrow-left me-2"></i>   تفاصيل المشروع  </h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="project-body">
                        <div class="row">
                            <div class="col-lg-5">
                                <div class="imgs-slider">
                                    <div class="swiper-wrapper modal-project-photos">
                                        <!-- Photos will be dynamically inserted here -->
                                    </div>
                                    <div class="swiper-pagination"></div>
                                </div>
                            </div>
                            <div class="col-lg-7">
                                <div class="info p-4">
                                    <h3 class="fsz-25 cr-sub mb-20  modal-project-title ">           </h3>
                                    <div class="text fw-600 modal-project-body"></div>
                                    <h6 class="fsz-18 fw-bold cr-sub mt-30 d-flex align-items-center"> <i class="fal fa-dash me-3"></i> <?php echo e(__('web.project_details')); ?> </h6>
                                    <ul class="info-list">
                                        <li class="modal-project-category-row" style="display:none;"> <strong class="me-2 cr-sub"> <?php echo e(__('web.project_category')); ?> : </strong> <span class="modal-project-category"></span> </li>
                                        <li class="modal-project-city-row" style="display:none;"> <strong class="me-2 cr-sub"> <?php echo e(__('web.project_city')); ?> : </strong> <span class="modal-project-city"></span> </li>
                                        <li class="modal-project-area-row" style="display:none;"> <strong class="me-2 cr-sub"> <?php echo e(__('web.project_area')); ?> : </strong> <span class="modal-project-area"></span> </li>
                                        <li class="modal-project-date-row" style="display:none;"> <strong class="me-2 cr-sub"> <?php echo e(__('web.project_date')); ?> : </strong> <span class="modal-project-date"></span> </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <?php if($heroSliders->count() > 1): ?>

        <script>
            document.addEventListener('DOMContentLoaded', function() {
                // Initialize Hero Slider
                const heroSwiper = new Swiper('.hero-slider', {
                    loop: true,
                    autoplay: {
                        delay: 5000,
                        disableOnInteraction: false,
                        pauseOnMouseEnter: true,
                    },
                    effect: 'fade',
                    fadeEffect: {
                        crossFade: true
                    },
                    speed: 800,
                    allowTouchMove: true,
                    navigation: {
                        nextEl: '.hero-slider-nav .swiper-button-next',
                        prevEl: '.hero-slider-nav .swiper-button-prev',
                    },
                    pagination: {
                        el: '.hero-slider-pagination .swiper-pagination',
                        clickable: true,
                    },
                    on: {
                        init: function() {
                            console.log('Hero slider initialized');
                            // Initialize animations for the first slide
                            const firstSlide = this.slides[0];
                            if (firstSlide) {
                                const animatedElements = firstSlide.querySelectorAll('.wow');
                                animatedElements.forEach(element => {
                                    element.classList.add('animated');
                                });
                            }
                        },
                        slideChange: function() {
                            // Only animate elements in the current slide
                            const currentSlide = this.slides[this.activeIndex];
                            if (currentSlide) {
                                const animatedElements = currentSlide.querySelectorAll('.wow');
                                animatedElements.forEach(element => {
                                    element.classList.add('animated');
                                });
                            }
                        }
                    }
                });

                // Pause video when slide changes
                heroSwiper.on('slideChange', function() {
                    const videos = document.querySelectorAll('.hero-slider video');
                    videos.forEach(video => {
                        video.pause();
                    });

                    // Play video in current slide
                    const currentSlide = heroSwiper.slides[heroSwiper.activeIndex];
                    const currentVideo = currentSlide.querySelector('video');
                    if (currentVideo) {
                        currentVideo.play();
                    }
                });

                // Handle project modal
                const projectModal = document.getElementById('modal-project');
                if (projectModal) {
                    projectModal.addEventListener('show.bs.modal', function (event) {
                        const button = event.relatedTarget;
                        const projectData = JSON.parse(button.getAttribute('data-project'));

                        // Update modal content
                        const titleElement = projectModal.querySelector('.modal-project-title');
                        const bodyElement = projectModal.querySelector('.modal-project-body');
                        const photosContainer = projectModal.querySelector('.modal-project-photos');
                        const categoryElement = projectModal.querySelector('.modal-project-category');
                        const cityElement = projectModal.querySelector('.modal-project-city');
                        const areaElement = projectModal.querySelector('.modal-project-area');
                        const dateElement = projectModal.querySelector('.modal-project-date');
                        const categoryRow = projectModal.querySelector('.modal-project-category-row');
                        const cityRow = projectModal.querySelector('.modal-project-city-row');
                        const areaRow = projectModal.querySelector('.modal-project-area-row');
                        const dateRow = projectModal.querySelector('.modal-project-date-row');

                        // Update title and body
                        if (titleElement) titleElement.textContent = projectData.title;
                        if (bodyElement) bodyElement.textContent = projectData.body || '';

                        // Update photos slider
                        if (photosContainer) {
                            photosContainer.innerHTML = '';
                            if (projectData.photos && projectData.photos.length > 0) {
                                projectData.photos.forEach(photo => {
                                    const slide = document.createElement('div');
                                    slide.className = 'swiper-slide';
                                    slide.innerHTML = `
                                        <div class="img">
                                            <img src="${photo}" alt="${projectData.title}" class="img-cover">
                                        </div>
                                    `;
                                    photosContainer.appendChild(slide);
                                });
                            } else {
                                // Fallback to single image
                                const slide = document.createElement('div');
                                slide.className = 'swiper-slide';
                                slide.innerHTML = `
                                    <div class="img">
                                        <img src="${projectData.image}" alt="${projectData.title}" class="img-cover">
                                    </div>
                                `;
                                photosContainer.appendChild(slide);
                            }
                        }

                        // Update project details
                        if (categoryElement) categoryElement.textContent = projectData.category || '';
                        if (cityElement) cityElement.textContent = projectData.city || '';
                        if (areaElement) areaElement.textContent = projectData.area || '';
                        if (dateElement) dateElement.textContent = projectData.date || '';

                        // Show/hide detail rows
                        if (categoryRow) categoryRow.style.display = projectData.category ? 'block' : 'none';
                        if (cityRow) cityRow.style.display = projectData.city ? 'block' : 'none';
                        if (areaRow) areaRow.style.display = projectData.area ? 'block' : 'none';
                        if (dateRow) dateRow.style.display = projectData.date ? 'block' : 'none';

                        // Initialize Swiper for photos if there are multiple photos
                        if (projectData.photos && projectData.photos.length > 1) {
                            setTimeout(() => {
                                const swiper = new Swiper('.imgs-slider', {
                                    slidesPerView: 1,
                                    spaceBetween: 30,
                                    pagination: {
                                        el: '.swiper-pagination',
                                        clickable: true,
                                    },
                                });
                            }, 100);
                        }
                    });
                }
            });
        </script>
    <?php endif; ?>
    <?php $__env->stopSection(); ?>

<?php echo $__env->make('web.layouts.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/omaralyomhost/public_html/madar/resources/views/web/pages/home/index.blade.php ENDPATH**/ ?>