<div class="jss-details-main__block one">
    <?php if($type == 'job'): ?>
        <!-- Job Image -->
        <div class="jss-details-slider">
            <div class="jss-details-thumb-slider">
                <div class="jss-details-thumb-slider__slide">
                    <a href="<?php echo e(getImage(getFilePath('job') . '/' . $productDetails->image)); ?>"
                        data-rel="lightcase:my-slideshow">
                        <img src="<?php echo e(getImage(getFilePath('job') . '/' . $productDetails->image, getFileSize('job'))); ?>"
                            alt="Job Image" />
                    </a>
                </div>
            </div>
        </div>

        <!-- Job Title -->
        <h4 class="jss-details__title">
            <?php echo e(__($productDetails->name)); ?>

        </h4>

        <!-- Skills -->
        <div class="tags">
            <h6 class="tags__title"><?php echo app('translator')->get('Skills'); ?></h6>
            <div class="tags-list">
                <?php $__currentLoopData = ($productDetails->skill ?? []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $skill): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <a class="tags-list__tag"
                        href="<?php echo e(route('job')); ?>?skill=<?php echo e($skill); ?>"><?php echo e(__($skill)); ?></a>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    <?php else: ?>
        <!-- Image Slider -->
        <div class="jss-details-slider">
            <div class="jss-details-thumb-slider">
                <div class="jss-details-thumb-slider__slide">
                    <a href="<?php echo e(getImage(getFilePath($type) . '/' . $productDetails->image)); ?>"
                        data-rel="lightcase:my-slideshow">
                        <img src="<?php echo e(getImage(getFilePath($type) . '/' . $productDetails->image, getFileSize($type))); ?>"
                            alt="<?php echo e(ucFirst($type)); ?> Main Image" />
                    </a>
                </div>

                <?php if($productDetails->extra_image): ?>
                    <?php $__currentLoopData = $productDetails->extra_image; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $extraImage): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="jss-details-thumb-slider__slide">
                            <a href="<?php echo e(getImage(getFilePath('extraImage') . '/' . $extraImage)); ?>"
                                data-rel="lightcase:my-slideshow">
                                <img src="<?php echo e(getImage(getFilePath('extraImage') . '/' . $extraImage, getFileSize('extraImage'))); ?>"
                                    alt="<?php echo e(ucFirst($type)); ?> Extra Image" />
                            </a>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php endif; ?>
            </div>

            <div class="jss-details-preview-slider">
                <div class="jss-details-preview-slider__slide">
                    <img src="<?php echo e(getImage(getFilePath($type) . '/' . $productDetails->image, getFileSize($type))); ?>"
                        alt="<?php echo e(ucFirst($type)); ?> Main Image" />
                </div>

                <?php if($productDetails->extra_image): ?>
                    <?php $__currentLoopData = $productDetails->extra_image; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $extraImage): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="jss-details-preview-slider__slide">
                            <img src="<?php echo e(getImage(getFilePath('extraImage') . '/' . $extraImage, getFileSize('extraImage'))); ?>"
                                alt="<?php echo e(ucFirst($type)); ?> Extra Image" />
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php endif; ?>
            </div>
        </div>

        <!-- Title and Ratings -->
        <h4 class="jss-details__title">
            <?php echo e(__($productDetails->name)); ?>

        </h4>

        <ul class="jss-details-meta">
            <li class="jss-details-meta__item">
                <div class="ratings">
                    <div class="ratings-stars">
                        <?php for($i = 1; $i <= 5; $i++): ?>
                            <?php if($i <= $productDetails->total_rating): ?>
                                <i class="fas fa-star"></i>
                            <?php else: ?>
                                <i class="far fa-star"></i>
                            <?php endif; ?>
                        <?php endfor; ?>
                    </div>
                    <?php if($productDetails->total_rating): ?>
                        <span
                            class="ratings__total">(<?php echo e(showAmount($productDetails->total_rating, currencyFormat: false)); ?>)</span>
                    <?php endif; ?>
                </div>
            </li>
            <li class="jss-details-meta__item">
                <div class="d-flex align-items-center gap-1">
                    <i class="las la-thumbs-up fs-18"></i>
                    <span><?php echo e($productDetails->likes); ?></span>
                </div>
            </li>
        </ul>

        <!-- React Buttons and Social Links -->
        <div class="mt-4 d-flex flex-wrap row-gap-3 align-items-center justify-content-between">
            <div class="jss-details__react-btns">
                <button
                    class="btn btn--sm btn-outline--base make-favorite <?php echo e(auth()->check() && $productDetails->favorites->where('user_id', auth()->id())->count() ? 'active' : ''); ?>"
                    type="button" data-id="<?php echo e($productDetails->id); ?>" data-type="<?php echo e($type); ?>"
                    data-action="<?php echo e(route('user.buyer.favorite.store')); ?>" <?php if(auth()->guard()->check()): ?> data-auth="true" <?php endif; ?>>
                    <i class="las la-heart fs-16"></i>
                    <span class="favorite-count"><?php echo e(__($productDetails->favorite)); ?></span>
                </button>
                <?php if($type == 'software'): ?>
                    <a href="<?php echo e($productDetails->demo_url); ?>" class="btn btn--sm btn--success" target="_blank">
                        <?php echo $__env->make('Template::partials.icons.screen', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                        <span><?php echo app('translator')->get('Preview'); ?></span>
                    </a>
                <?php endif; ?>
            </div>

            <ul class="social-list style-two">
                <li class="social-list__item">
                    <a href="http://www.facebook.com/sharer.php?u=<?php echo e(urlencode(url()->current())); ?>&p[title]=<?php echo e(slug($productDetails->name)); ?>"
                        class="social-list__link" target="_blank">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                </li>
                <li class="social-list__item">
                    <a href="http://twitter.com/share?text=<?php echo e(slug($productDetails->name)); ?>&url=<?php echo e(urlencode(url()->current())); ?>"
                        class="social-list__link" target="_blank">
                        <i class="fab fa-twitter"></i>
                    </a>
                </li>
                <li class="social-list__item">
                    <a href="https://www.linkedin.com/shareArticle?mini=true&url=<?php echo e(urlencode(url()->current())); ?>&title=<?php echo e(slug($productDetails->name)); ?>"
                        class="social-list__link" target="_blank">
                        <i class="fab fa-linkedin-in"></i>
                    </a>
                </li>
                <li class="social-list__item">
                    <a href="http://pinterest.com/pin/create/button/?url=<?php echo e(urlencode(url()->current())); ?>&description=<?php echo e(slug($productDetails->name)); ?>"
                        class="social-list__link" target="_blank">
                        <i class="fab fa-pinterest-p"></i>
                    </a>
                </li>
            </ul>
        </div>
    <?php endif; ?>
</div>

<?php $__env->startPush('style-lib'); ?>
    <link rel="stylesheet" href="<?php echo e(asset('assets/global/css/lightcase.min.css')); ?>">
<?php $__env->stopPush(); ?>

<?php $__env->startPush('script-lib'); ?>
    <script src="<?php echo e(asset('assets/global/js/lightcase.min.js')); ?>"></script>
<?php $__env->stopPush(); ?>

<?php if(!app()->offsetExists('slick_script')): ?>
    <?php $__env->startPush('style-lib'); ?>
        <link href="<?php echo e(asset(activeTemplate(true) . 'css/slick.css')); ?>" rel="stylesheet">
    <?php $__env->stopPush(); ?>

    <?php $__env->startPush('script-lib'); ?>
        <script src="<?php echo e(asset(activeTemplate(true) . 'js/slick.min.js')); ?>"></script>
    <?php $__env->stopPush(); ?>

    <?php app()->offsetSet('slick_script',true) ?>
<?php endif; ?>


<?php $__env->startPush('script'); ?>
    <script>
        (function($) {
            "use strict";


            $('a[data-rel^=lightcase]').lightcase();

            $(".jss-details-thumb-slider").slick({
                slidesToShow: 1,
                slidesToScroll: 1,
                infinite: false,
                arrows: false,
                asNavFor: ".jss-details-preview-slider",
            });

            $(".jss-details-preview-slider").slick({
                slidesToShow: 4,
                slidesToScroll: 1,
                infinite: false,
                arrows: true,
                focusOnSelect: true,
                asNavFor: ".jss-details-thumb-slider",
                prevArrow: '<button type="button" class="slick-prev"><i class="las la-angle-left"></i></button>',
                nextArrow: '<button type="button" class="slick-next"><i class="las la-angle-right"></i></button>',
                responsive: [{
                    breakpoint: 425,
                    settings: {
                        slidesToShow: 3,
                    },
                }, ],
            });

        })(jQuery);
    </script>
<?php $__env->stopPush(); ?>
<?php /**PATH /home/mojibor/work.mojibor.com/core/resources/views/templates/basic/items/details/banner.blade.php ENDPATH**/ ?>