<?php $__env->startSection('page_title', 'Ingenious'); ?>

<?php $__env->startSection('content'); ?>
<?php
use App\Models\Translation;
$locale = app()->getLocale();
$icons = $services->icons ?? []; // artıq array-dir
?>

<section class="main-slider">
    <div class="rev_slider_wrapper fullwidthbanner-container" id="rev_slider_one_wrapper" data-source="gallery">
        <div class="rev_slider fullwidthabanner" id="rev_slider_one" data-version="5.4.1">
            <ul>

                <?php $__currentLoopData = $sliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $slider): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php
                $title = $slider->getTitle($locale);
                $description = $slider->getDescription($locale);
                $button_text = $slider->getButtonText($locale);
                $button_url = $slider->button_url;
                $bg_image = asset('storage/' . $slider->image);
                ?>

                <li
                    data-index="rs-<?php echo e($loop->iteration); ?>"
                    data-transition="zoomout"
                    data-masterspeed="850"
                    data-delay="6000"
                    data-title="Slide"
                    class="rev-slide">

                    <!-- BACKGROUND -->
                    <img
                        src="<?php echo e($bg_image); ?>"
                        alt="<?php echo e($title); ?>"
                        class="rev-slidebg"
                        data-bgfit="cover"
                        data-bgposition="center center"
                        data-bgrepeat="no-repeat">

                    <!-- DARK OVERLAY -->
                    <div class="tp-caption tp-resizeme"
                        data-x="center"
                        data-y="center"
                        data-width="['full-proportional','full-proportional','full-proportional','full-proportional']"
                        data-height="['full-proportional','full-proportional','full-proportional','full-proportional']"
                        data-type="image"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        data-frames='[
         {"delay":10,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power2.easeOut"},
         {"delay":"wait","speed":1000,"frame":"999","to":"opacity:0;","ease":"Power2.easeIn"}
     ]'
                        style="
         z-index:5;
         background: linear-gradient(
              135deg,
              rgba(10, 61, 98, 0.85) 0%,      /* Dark Brand Blue */
              rgba(27, 94, 138, 0.75) 40%,   /* Mid Blue */
              rgba(58, 137, 201, 0.55) 100%  /* Soft Blue Highlight */
         );
     ">
                        <img src="<?php echo e(asset('assets/images/main-slider/pattern/1.png')); ?>" alt=""
                            data-ww="full-proportional"
                            data-hh="full-proportional"
                            width="1920"
                            height="1080"
                            data-no-retina>
                    </div>


                    <!-- TITLE -->
                    <?php if($title): ?>
                    <?php
                    $words = explode(' ', $title);
                    $half = ceil(count($words) / 2);
                    $line1 = implode(' ', array_slice($words, 0, $half));
                    $line2 = implode(' ', array_slice($words, $half));
                    ?>
                    <div class="tp-caption tp-resizeme slide-title"
                        data-x="center"
                        data-y="center"
                        data-voffset="-80"
                        data-frames='[
                                {"delay":400,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power2.easeOut"},
                                {"delay":"wait","speed":300,"frame":"999","to":"opacity:0;"}
                            ]'
                        style="
                                z-index:6;
                                max-width: 900px;
                                text-align:center !important;
                                font-size:65px;
                                font-weight:800;
                                color:#fff;
                                line-height:72px;
                                text-transform:uppercase;
                            ">
                        <h1 class="slider-title-text">
                            <?php echo e($line1); ?><br><?php echo e($line2); ?>

                        </h1>
                    </div>
                    <?php endif; ?>

                    <!-- DESCRIPTION -->
                    <?php if($description): ?>
                    <?php
                    $words = explode(' ', $description);
                    $half = ceil(count($words) / 2);
                    $line1 = implode(' ', array_slice($words, 0, $half));
                    $line2 = implode(' ', array_slice($words, $half));
                    ?>
                    <div class="tp-caption tp-resizeme slide-desc"
                        data-x="center"
                        data-y="center"
                        data-voffset="60"
                        data-frames='[
        {"delay":500,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;"},
        {"delay":"wait","speed":300,"frame":"999","to":"opacity:0;"}
    ]'
                        style="
        z-index:7;
        max-width:750px;
        text-align:center;
        line-height:36px;
    ">

                        <p class="slider-desc-text" style="">
                            <?php echo e($line1); ?><br><?php echo e($line2); ?>

                        </p>

                    </div>
                    <?php endif; ?>


                    <!-- BUTTON -->
                    <?php if($button_url && $button_text): ?>
                    <a href="<?php echo e($button_url); ?>">
                        <div class="tp-caption rev-btn tp-resizeme slide-btn"
                            data-x="center"
                            data-y="center"
                            data-voffset="120"
                            data-frames='[
                                    {"delay":600,"speed":500,"frame":"0","from":"opacity:0;","to":"o:1;"},
                                    {"delay":"wait","speed":300,"frame":"999","to":"opacity:0;"},
                                    {"frame":"hover","speed":300,"to":"bg:rgba(255,255,255,1);c:#ff6c3a;"}
                                ]'
                            style="
                                    z-index:8;
                                    padding:14px 35px;
                                    background:#ff6c3a;
                                    color:#fff;
                                    font-size:17px;
                                    font-weight:700;
                                    border-radius:30px;
                                    margin-top: 28px;
                                ">
                            <?php echo e($button_text); ?>

                        </div>
                    </a>
                    <?php endif; ?>

                </li>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

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

<!--End Main Slider-->


<?php if(isset($about['home_about'])): ?>
<!-- About Section -->
<section class="about-section">

    <!-- Background Layers -->
    <div class="background-layers">
        <div class="cws-triangle-overlay"></div>

        <div class="cws-image-bg"
            style="background-image: url('<?php echo e(asset('assets/images/background/1.jpg')); ?>')">
        </div>
    </div>

    <div class="auto-container">
        <div class="row">
            <div class="col-lg-6 col-md-12">

                <div class="sec-title">
                    <h2><?php echo e($about['home_about']->getTitle($locale)); ?></h2>

                    <?php if($about['home_about']->getShortDesc($locale)): ?>
                    <div class="text">
                        <?php echo $about['home_about']->getShortDesc($locale); ?>

                    </div>
                    <?php endif; ?>
                </div>

                <div class="row">

                    <?php $__currentLoopData = $about['home_about']->missionItems; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <!-- Feature Block -->
                    <div class="feature-block col-lg-4 col-md-4 col-sm-12">
                        <div class="inner-box">

                            <div class="icon-box">
                                <?php if(Str::contains($item->icon, '<svg')): ?>
                                    <?php echo $item->icon; ?>

                                    <?php else: ?>
                                    <i class="<?php echo e($item->icon); ?>"></i>
                                    <?php endif; ?>
                            </div>

                            <h5><?php echo $item->getTitle($locale); ?></h5>

                        </div>
                    </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                </div>

                <!-- Btn Box -->
                <?php if($about['home_about']->button_key): ?>
                <div class="btn-box">
                    <a href="#" class="theme-btn large btn-style-one">
                        <?php echo e($about['home_about']->getButtonText($locale)); ?>

                    </a>
                </div>
                <?php endif; ?>

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

</section>
<?php endif; ?>



<?php if(isset($about['our_mission'])): ?>
<section class="our-mission">
    <div class="auto-container">
        <div class="sec-title text-center">
            <h2><?php echo e($about['our_mission']->getTitle($locale)); ?></h2>
            <div class="text">
                <?php echo e($about['our_mission']->getShortDesc($locale)); ?>

            </div>
        </div>

        <div class="row">
            <?php $__currentLoopData = $about['our_mission']->missionItems; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="mission-block col-lg-3 col-md-6 col-sm-12">
                <div class="inner-box">
                    <span class="icon <?php echo e($item->icon); ?>"></span>
                    <h4><?php echo e($item->getTitle($locale)); ?></h4>
                    <p><?php echo e($item->getText($locale)); ?></p>
                </div>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>
<?php endif; ?>

<!-- End About Section -->

<!-- Products Section -->
<?php if(isset($products) && count($products) > 0): ?>
<section class="portfolio-section">
    <!-- Background Layers -->
    <div class="background-layers">
        <div class="cws-triangle-overlay top-left"></div>
        <div class="cws-triangle-overlay top-right"></div>

        <div class="cws-image-bg style-two"
            style="background-image: url('<?php echo e(asset('assets/images/background/2.jpg')); ?>')">
            <div class="cws-overlay-bg bg-blue"></div>
        </div>

        <div class="cws-triangle-overlay bottom-left"></div>
    </div>

    <div class="container-fluid">

        <!-- SECTION TITLE -->
        <div class="sec-title text-center light">
            <h2><?php echo e(Translation::getValue('home_products_title', $locale)); ?></h2>

            <div class="text">
                <?php echo Translation::getValue('home_products_desc', $locale); ?>

            </div>
        </div>

        <div class="carousel-outer">
            <div class="portfolio-carousel owl-carousel owl-theme default-dots">

                <?php $__currentLoopData = $products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <!-- Product Block -->
                <div class="portfolio-block">
                    <div class="inner-box">

                        <div class="image-box">
                            <figure class="image">
                                <img src="<?php echo e(asset('storage/' . $product->image)); ?>"
                                    alt="<?php echo e($product->getTranslation('name', $locale)); ?>">
                            </figure>

                            <div class="overlay">
                                <a href="<?php echo e(route('product.detail', ['locale' => $locale, 'product' => $product->id])); ?>"
                                    class="lightbox-image" target="_blank">
                                </a>
                            </div>
                        </div>

                        <div class="lower-content">
                            <h4>
                                <a href="<?php echo e(route('product.detail', ['locale' => $locale, 'product' => $product->id])); ?>"
                                    target="_blank">
                                    <?php echo e($product->getTranslation('name', $locale)); ?>

                                </a>
                            </h4>

                            <div class="cat">
                                <a href="<?php echo e(route('product.detail', ['locale' => $locale, 'product' => $product->id])); ?>"><?php echo e($product->getTranslation('category_name', $locale) ?? 'Product'); ?></a>
                            </div>

                            <div class="text">
                                <?php echo $product->getTranslation('short_desc', $locale); ?>

                            </div>
                        </div>

                    </div>
                </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

            </div>
        </div>

    </div>
</section>
<?php endif; ?>
<!-- End Products Section -->

<!-- Development Roadmap Section -->
<?php if(isset($roadmap) && count($roadmap) > 0): ?>
<section class="services-section"> 
    <div class="cws-background-image"
        style="background-image: url('<?php echo e(asset('assets/images/background/3.jpg')); ?>')"></div>

    <div class="auto-container">
        <div class="sec-title text-center">
            <h2><?php echo e(Translation::getValue('roadmap_title', $locale)); ?></h2>
            <div class="text">
                <?php echo Translation::getValue('roadmap_desc', $locale); ?>

            </div>
        </div>

        <div class="row">

            <?php $__currentLoopData = $roadmap; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="service-block col-lg-3 col-md-6 col-sm-12">
                <div class="inner-box">

                    <div class="image-box">
                        <div class="icon-box">
                            <?php if(Str::contains($item->icon, '<svg')): ?>
                                <?php echo $item->icon; ?>

                                <?php else: ?>
                                <span class="icon <?php echo e($item->icon); ?>"></span>
                                <?php endif; ?>
                        </div>

                        <figure class="image">
                            <img src="<?php echo e(asset('storage/' . $item->image)); ?>"
                                alt="<?php echo e($item->getTranslation('title', $locale)); ?>">
                        </figure>

                        <div class="overlay">
                            <div class="desc">
                                <?php echo $item->getTranslation('title', $locale); ?>

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

                    <div class="lower-content">
                        <h4><?php echo e($item->getTranslation('title', $locale)); ?></h4>
                        <div class="text"><?php echo e($item->getTranslation('subtitle', $locale)); ?></div>

                        <div class="btn-box">
                            <a href="<?php echo e(url($locale . '/' . $item->button_link)); ?>"
                                class="theme-btn btn-style-two">
                                <?php echo e($item->getButtonText($locale)); ?>

                            </a>
                        </div>
                    </div>

                </div>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

        </div>
    </div>
</section>
<?php endif; ?>

<!-- End Development Roadmap Section -->

<!-- How to Use -->
<section class="how-to-use">
    <!-- Background Layers -->
    <div class="background-layers">
        <div class="cws-triangle-overlay top-right"></div>
        <div class="cws-image-bg style-three" style="background-image: url(images/background/4.jpg)">
            <div class="cws-overlay-bg bg-blue half-left"></div>
        </div>
        <div class="cws-triangle-overlay bottom-right"></div>
    </div>

    <div class="auto-container">
        <div class="row">
            <!-- Content COlumn -->
            <div class="content-column col-lg-6 col-md-6 col-sm-12">
                <div class="inner-column">
                    <div class="sec-title light text-right">
                        <h2><?php echo $homeAbout->getTranslation('title', $locale); ?></h2>
                        <div class="text"><?php echo $homeAbout->getTranslation('desc', $locale); ?></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Control Image -->
        <figure class="control-image"><img src="<?php echo e(asset('storage/' . $homeAbout->image)); ?>" alt="" /></figure>
    </div>
</section>
<!-- End How to Use -->


<!-- Services Section -->
<section class="services-section-three">
    <!-- Background Layers -->
    <div class="background-layers">
        <div class="cws-image-bg" style="background-image: url(images/background/29.jpg)">
            <div class="cws-overlay-bg"></div>
        </div>
        <div class="cws-triangle-overlay bottom-right"></div>
    </div>

    <div class="auto-container">

        <?php if($services): ?>
        <!-- Başlıq və açıqlama -->
        <div class="sec-title text-center">
            <h2><?php echo e($services->{"title_$locale"}); ?></h2>

            <div class="text">
                <?php echo e($services->{"description_$locale"}); ?>

            </div>
        </div>
        <?php endif; ?>

        <div class="row">

            <?php $__currentLoopData = $icons; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $icon): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="service-block-four col-lg-3 col-md-6 col-sm-12">
                <div class="inner-box">

                    <div class="icon-box">
                        <span class="icon <?php echo e($icon['icon']); ?>"></span>
                    </div>

                    <?php if(!empty($icon["icon_title_$locale"])): ?>
                    <h4><?php echo e($icon["icon_title_$locale"]); ?></h4>
                    <?php endif; ?>

                </div>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

        </div>

    </div>
</section>
<!--End Services Section -->



<!-- Callback Section -->
<section class="callback-section">
    <div class="cws-background-image"
        style="background-image: url('<?php echo e(asset('assets/images/background/5.png')); ?>')"></div>

    <div class="auto-container">
        <div class="row">
            <div class="col-lg-6 col-md-12">

                <!-- Section Title -->
                <div class="sec-title">
                    <h3><?php echo e(Translation::getValue('callback_title', $locale)); ?></h3>
                    <div class="text">
                        <?php echo e(Translation::getValue('callback_description', $locale)); ?>

                    </div>
                </div>

                <!-- Callback / Contact Form -->
                <div class="default-form callback-form">

                    <form action="<?php echo e(route('contact.submit', ['locale' => $locale])); ?>" method="POST">

                        <?php echo csrf_field(); ?>

                        <div class="form-group mb-0">
                            <?php if(session('success')): ?>
                            <div class="alert alert-success"><?php echo e(session('success')); ?></div>
                            <?php endif; ?>
                            <?php if(session('error')): ?>
                            <div class="alert alert-danger"><?php echo e(session('error')); ?></div>
                            <?php endif; ?>
                        </div>

                        <div class="form-group">
                            <label><?php echo e(Translation::getValue('contact_name', $locale)); ?></label>
                            <input type="text" name="username" required>
                            <?php $__errorArgs = ['username'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                            <small class="text-danger"><?php echo e($message); ?></small>
                            <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                        </div>

                        <div class="form-group">
                            <label><?php echo e(Translation::getValue('contact_email', $locale)); ?></label>
                            <input type="email" name="email" required>
                            <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                            <small class="text-danger"><?php echo e($message); ?></small>
                            <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                        </div>

                        <div class="form-group">
                            <label><?php echo e(Translation::getValue('contact_message', $locale)); ?></label>
                            <textarea name="contact_message" required></textarea>
                            <?php $__errorArgs = ['contact_message'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                            <small class="text-danger"><?php echo e($message); ?></small>
                            <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                        </div>

                        <div class="form-group">
                            <button class="theme-btn btn-style-three" type="submit">
                                <?php echo e(Translation::getValue('contact_button_text', $locale)); ?>

                            </button>
                        </div>

                    </form>

                </div>

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

<!--End Reservation Section -->

<!--Clients Section-->
<?php echo $__env->make('components.client', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
<!--End Clients Section-->

<?php $__env->stopSection(); ?>
<?php echo $__env->make('client.layout.master', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\ingenious\resources\views/client/home.blade.php ENDPATH**/ ?>