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

    </title>
<?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(@$projectDetail->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(@$projectDetail->title); ?>

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

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

    <section class="py-[120px] 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="pr-10">
                    <h2 class="text-5xl font-semibold text-brand-dark-1 max-xl:text-4xl max-sm:text-3xl">
                        <?php echo e(@$projectDetail->title); ?>

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

                </p>
            </div>

            <div class="max-h-[500px] overflow-hidden mt-16 rounded-2xl group rounded-2xl">
                <img class="transition-transform duration-500 ease-in-out group-hover:scale-110"
                     src="<?php echo e(asset(@$projectDetail->image)); ?>" alt="">
            </div>
            <?php if(isset($projectDetail->highlights)): ?>
                <div class="mx-auto bg-brand-green-5 px-[120px] rounded-2xl mt-4 max-xl:px-10 max-sm:py-8">
                    <ul class="flex justify-between max-sm:flex-col">
                        <?php $__empty_1 = true; $__currentLoopData = json_decode($projectDetail->highlights); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $highlight): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                            <li class="text-center py-10 max-sm:py-4">
                                <h4 class="text-4xl mb-3 font-bold text-brand-green-3 max-lg:text-2xl"><?php echo e($highlight->title); ?></h4>
                                <span class="text-white text-lg"> <?php echo e($highlight->value); ?></span>
                            </li>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                        <?php endif; ?>
                    </ul>
                </div>
            <?php endif; ?>

            <div class="grid grid-cols-2 max-lg:grid-cols-1 max-lg:gap-y-10 gap-x-20 mt-24">
                <div>
                    <h3 class="text-3xl font-semibold border-b border-b-brand-gray-1 mb-8 pb-4 max-md:text-2xl">Project Overview</h3>
                    <div>
                        <?php echo e(strip_tags(@$projectDetail->project_overview)); ?>

                    </div>
                </div>
                <div>
                    <img class="" src="<?php echo e(asset(@$projectDetail->side_image)); ?>" alt="">
                </div>
            </div>
        </div>
    </section>
    <?php if(count($projectDetail->projectGallery) > 0): ?>
        <section>
            <div class="container">
                <h3 class="text-3xl font-semibold border-b border-b-brand-gray-1 mb-8 pb-4 text-center">Project Gallery</h3>
                <div class="grid gap-6 grid-cols-6 max-md:gap-4 max-lg:grid-cols-4 max-md:grid-cols-3">
                    <?php $__empty_1 = true; $__currentLoopData = $projectDetail->projectGallery; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $gallery): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <a href="<?php echo e(asset('assets/uploads/gallery_image/'.$gallery->gallery_image)); ?>"
                           data-fancybox="gallery"
                           data-caption="Caption #<?php echo e($key+1); ?>"
                           class="group"
                        >
                            <img class="h-full object-cover overflow-hidden rounded-xl transition-transform duration-500 ease-in-out group-hover:scale-105" src="<?php echo e(asset('assets/uploads/gallery_image/'.$gallery->gallery_image)); ?>"/>
                        </a>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                    <?php endif; ?>
                </div>
            </div>
        </section>
    <?php endif; ?>
    <?php echo $__env->make('frontend.include._contact-bottom-part', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('script'); ?>
    <?php echo app('Illuminate\Foundation\Vite')(['resources/js/frontend/pages/project.js']); ?>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layout.frontend.master-layout', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/sanjay/docroot/golcha.sq18.com.np/resources/views/frontend/projects-detail.blade.php ENDPATH**/ ?>