<?php $__env->startSection('page-title'); ?>
    <title>
        <?php echo e(isset($seoPageName->meta_title) ? @$seoPageName->meta_title . ' - ' . @$viewComposerSiteSetting->company_name : 'Our Project - Golcha Green Energy'); ?>

    </title>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('meta-tags'); ?>
    <meta name="title" content="<?php echo e(@$seoPageName->meta_title); ?>">
    <meta name="description" content="<?php echo e(@$seoPageName->meta_description); ?>">
<?php $__env->stopSection(); ?>
<?php $__env->startSection('style'); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('main-content'); ?>
    <section class="relative min-h-[450px] rounded-2xl overflow-hidden m-2">
        <div class="absolute inset-0">
            <img class="w-full h-full object-cover" src="<?php echo e(asset(@$siteBanner->banner_image)); ?>" alt="">
        </div>

        <div class="absolute top-0 left-0 w-full h-full bg-brand-dark-1/30 pt-[10em]">
            <h1 class="text-center h1 text-brand-green-3 font-bold max-sm:text-4xl">
                <?php echo e(@$siteBanner->display_name); ?>

            </h1>
            <div class="text-center text-light-1 mt-4">
                <a href="<?php echo e(route('frontend.home')); ?>">Home</a> <span> > </span> <?php echo e(@$siteBanner->display_name); ?>

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

    <section class="py-[160px] max-xl:py-[100px]">
        <div class="container">
            <div class="grid grid-cols-2 items-end max-lg:grid-cols-1 max-lg:gap-y-4">
                <div class="">
                    <div class="flex gap-x-2 mb-4 items-center">
                        <img class="w-3" src="<?php echo e(asset('assets/images/flash-dark.webp')); ?>" alt="Golcha">
                        <span class="text-brand-dark-1 uppercase"><?php echo e(@$ourProjectsOverview->our_project_name); ?></span>
                    </div>
                    <h2 class="text-5xl font-semibold text-brand-dark-1 max-xl:text-4xl max-sm:text-3xl">
                        <?php
                            $words = explode(' ', $ourProjectsOverview->title);
                            if (count($words) > 3) {
                                $title = implode(' ', array_slice($words, 0, 3)) . '<br>' . implode(' ', array_slice($words, 3));
                            } else {
                                $title = implode(' ', $words);
                            }
                        ?>
                        <?php echo $title; ?>

                    </h2>
                </div>
                <p class="text-brand-dark-1">
                    <?php echo e(strip_tags(@$ourProjectsOverview->short_description)); ?>

                </p>
            </div>


            <div class="max-h-[500px] overflow-hidden mt-16 rounded-2xl group">
                <img class="transition-transform duration-500 ease-in-out group-hover:scale-110"
                     src="<?php echo e(asset(@$ourProjectsOverview->image)); ?>" alt="">
            </div>
            <?php if(count($ourProjects) > 0): ?>
                <ul class="mt-20 space-y-10 max-lg:mt-10 max-lg:space-y-5">
                    <?php $__empty_1 = true; $__currentLoopData = $ourProjects; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $ourProject): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <?php if($key % 2 == 0): ?>
                            <li>
                                <div class="grid grid-cols-[1fr_200px_1fr] items-center max-lg:grid-cols-1">
                                    <div class="col-span-2 row-start-1 col-start-1 group overflow-hidden rounded-2xl">
                                        <img class="transition-transform duration-500 ease-in-out group-hover:scale-110"
                                             src="<?php echo e(asset($ourProject->banner_image)); ?>" alt="">
                                    </div>
                                    <div
                                        class="col-span-2 row-start-1 col-start-2 max-lg:col-start-1 max-lg:row-start-auto">
                                        <div class="bg-white p-20 pb-10 rounded-2xl relative z-1 max-2xl:p-10">
                                            <address class="text-brand-dark-2"><?php echo e($ourProject->location); ?></address>
                                            <h3 class="text-brand-dark-1 mt-8  text-[2.5rem] font-semibold max-2xl:text-2xl max-2xl:mt-2">
                                                <?php echo e($ourProject->title); ?></h3>
                                            <p class="text-brand-dark-2 mt-8 max-2xl:mt-2">
                                                <?php echo e(strip_tags($ourProject->short_description)); ?>

                                            </p>
                                            <div
                                                class="mt-12 [&_th]:text-brand-dark-2 [&_td]:text-brand-dark-1/75 [&_td]:text-2xl [&_tbody]:divide-y [&_tbody]:divide-brand-gray-1 [&_table]:w-full [&_th]:w-32 [&_th]:text-center [&_td]:py-3 [&_th]:align-middle [&_table]:border-y [&_table]:border-brand-gray-1 max-2xl:mt-2">
                                                <?php if(isset($ourProject->highlights)): ?>
                                                    <table>
                                                        <?php $__empty_2 = true; $__currentLoopData = json_decode($ourProject->highlights); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $highlight): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_2 = false; ?>
                                                            <tr>
                                                                <th class="text-brand-dark-2 font-thin text-sm !text-left">
                                                                    <?php echo e($highlight->title); ?>

                                                                </th>
                                                                <td class="text-brand-dark-1/75 text-2xl max-2xl:text-lg">
                                                                    <?php echo e($highlight->value); ?>

                                                                </td>
                                                            </tr>
                                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_2): ?>
                                                        <?php endif; ?>
                                                    </table>
                                                <?php endif; ?>
                                            </div>
                                            <div class="mt-12 max-lg:mt-4">
                                                <a class="text-brand-dark-1 flex gap-x-2 uppercase"
                                                   href="<?php echo e(route('frontend.projectDetails',$ourProject->slug)); ?>">
                                                    <span>Read More</span>
                                                    <iconify-icon icon="material-symbols:add" width="24"
                                                                  height="24"></iconify-icon
                                                    >
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        <?php else: ?>
                            <li>
                                <div class="grid grid-cols-[1fr_200px_1fr] items-center max-lg:grid-cols-1">
                                    <div class="col-span-2 row-start-1 col-start-1">
                                        <div class="bg-white p-20 pb-10 rounded-2xl relative z-1 max-2xl:p-10">
                                            <address class="text-brand-dark-2"><?php echo e($ourProject->location); ?></address>
                                            <h3 class="text-brand-dark-1 mt-8  text-[2.5rem] font-semibold max-2xl:text-2xl max-2xl:mt-2">
                                                <?php echo e($ourProject->title); ?></h3>
                                            <p class="text-brand-dark-2 mt-8 max-2xl:mt-2">
                                                <?php echo e(strip_tags($ourProject->short_description)); ?>

                                            </p>
                                            <div
                                                class="mt-12 [&_th]:text-brand-dark-2 [&_td]:text-brand-dark-1/75 [&_td]:text-2xl [&_tbody]:divide-y [&_tbody]:divide-brand-gray-1 [&_table]:w-full [&_th]:w-32 [&_th]:text-center [&_td]:py-3 [&_th]:align-middle [&_table]:border-y [&_table]:border-brand-gray-1 max-2xl:mt-2">
                                                <?php if(isset($ourProject->highlights)): ?>
                                                    <table>
                                                        <?php $__empty_2 = true; $__currentLoopData = json_decode($ourProject->highlights); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $highlight): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_2 = false; ?>
                                                            <tr>
                                                                <th class="text-brand-dark-2 font-thin text-sm !text-left">
                                                                    <?php echo e($highlight->title); ?>

                                                                </th>
                                                                <td class="text-brand-dark-1/75 text-2xl max-2xl:text-lg">
                                                                    <?php echo e($highlight->value); ?>

                                                                </td>
                                                            </tr>
                                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_2): ?>
                                                        <?php endif; ?>
                                                    </table>
                                                <?php endif; ?>
                                            </div>
                                            <div class="mt-12 max-lg:mt-4">
                                                <a class="text-brand-dark-1 flex gap-x-2 uppercase"
                                                   href="<?php echo e(route('frontend.projectDetails',$ourProject->slug)); ?>">
                                                    <span>Read More</span>
                                                    <iconify-icon icon="material-symbols:add" width="24"
                                                                  height="24"></iconify-icon>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div
                                        class="col-span-2 row-start-1 col-start-2 max-lg:col-start-1 max-lg:[grid-row-start:-2] group overflow-hidden rounded-2xl">
                                        <img class="transition-transform duration-500 ease-in-out group-hover:scale-110"
                                             src="<?php echo e(asset($ourProject->banner_image)); ?>" alt="">
                                    </div>
                                </div>
                            </li>
                        <?php endif; ?>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                    <?php endif; ?>
                </ul>
            <?php endif; ?>
        </div>
    </section>

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

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

<?php echo $__env->make('layout.frontend.master-layout', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /var/www/html/gge/resources/views/frontend/projects.blade.php ENDPATH**/ ?>