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

    <!-- Breadcrumb -->

    <section class="pt-4 mb-4">

        <div class="container text-center">

            <div class="row">

                <div class="col-lg-6 text-center text-lg-left">

                    <h1 class="fw-700 fs-20 fs-md-24 text-dark"><?php echo e(translate('All Categories')); ?></h1>

                </div>

                <div class="col-lg-6">

                    <ul class="breadcrumb bg-transparent p-0 justify-content-center justify-content-lg-end">

                        <li class="breadcrumb-item has-transition opacity-60 hov-opacity-100">

                            <a class="text-reset" href="<?php echo e(route('home')); ?>"><?php echo e(translate('Home')); ?></a>

                        </li>

                        <li class="text-dark fw-600 breadcrumb-item">

                            "<?php echo e(translate('All Categories')); ?>"

                        </li>

                    </ul>

                </div>

            </div>

        </div>

    </section>

    <!-- All Categories -->

    <section class="mb-5 pb-3">

        <div class="container">

            <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

                <div class="mb-4 bg-white rounded-0 border">

                    <!-- Category Name -->

                    <div class="text-dark p-4 d-flex align-items-center">

                        <div class="size-60px overflow-hidden p-1 border mr-3">

                            <img src="<?php echo e(uploaded_asset($category->banner)); ?>" alt="" class="img-fit h-100">

                        </div>

                        <a href="<?php echo e(route('products.category', $category->slug)); ?>"

                            class="text-reset fs-16 fs-md-20 fw-700 hov-text-primary"><?php echo e($category->getTranslation('name')); ?></a>

                    </div>

                    <div class="px-4 py-2">

                        <div class="row row-cols-xl-5 row-cols-md-3 row-cols-sm-2 row-cols-1 gutters-16">

                            <?php $__currentLoopData = \App\Utility\CategoryUtility::get_immediate_children_ids($category->id); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $first_level_id): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

                                <div class="col text-left mb-3">

                                    <!-- Sub Category Name -->

                                    <h6 class="text-dark mb-3">

                                        <a class="text-reset fw-700 fs-14 hov-text-primary"

                                            href="<?php echo e(route('products.category', get_single_category($first_level_id)->slug)); ?>">

                                            <?php echo e(get_single_category($first_level_id)->getTranslation('name')); ?>

                                        </a>

                                    </h6>

                                    <!-- Sub-sub Categories -->

                                    <?php

                                        $first_level_categories = \App\Utility\CategoryUtility::get_immediate_children_ids($first_level_id);

                                    ?>

                                    <ul

                                        class="mb-2 list-unstyled has-transition mh-100 <?php if(count($first_level_categories) > 5): ?> less <?php endif; ?>">

                                        <?php $__currentLoopData = $first_level_categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $second_level_id): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

                                            <li class="text-dark mb-2">

                                                <a class="text-reset fw-400 fs-14 hov-text-primary animate-underline-primary"

                                                    href="<?php echo e(route('products.category', get_single_category($second_level_id)->slug)); ?>">

                                                    <?php echo e(get_single_category($second_level_id)->getTranslation('name')); ?>

                                                </a>

                                            </li>

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

                                    </ul>

                                    <?php if(count($first_level_categories) > 5): ?>

                                        <a href="javascript:void(1)"

                                            class="show-hide-cetegoty text-primary hov-text-primary fs-12 fw-700"><?php echo e(translate('More')); ?>

                                            <i class="las la-angle-down"></i></a>

                                    <?php endif; ?>



                                </div>

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

                        </div>

                    </div>

                </div>

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

        </div>

    </section>

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



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

    <script>

        $('.show-hide-cetegoty').on('click', function() {

            var el = $(this).siblings('ul');

            if (el.hasClass('less')) {

                el.removeClass('less');

                $(this).html('<?php echo e(translate('Less')); ?> <i class="las la-angle-up"></i>');

            } else {

                el.addClass('less');

                $(this).html('<?php echo e(translate('More')); ?> <i class="las la-angle-down"></i>');

            }

        });

    </script>

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


<?php echo $__env->make('frontend.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/devs.lapieza.net/resources/views/frontend/all_category.blade.php ENDPATH**/ ?>