<?php $__env->startSection('content'); ?>
    <div class="main-content">
        <div class="page-content">
            <div class="container-fluid">
                <div class="page-content-wrapper bg-light p-30 radius-10">
                    <?php echo $__env->make('user.layouts.header-plan-message', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                    <input type="hidden" id="templateFavoriteRoute" value="<?php echo e(route('user.sub_category.favorite')); ?>">
                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                                <div class="page-title-left">
                                    <h2 class="mb-sm-0"><?php echo e(__($pageTitle)); ?></h2>
                                    <p><?php echo e(__('Generate AI Content With Your Favorite Templates')); ?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row align-items-start">
                        <div class="col-md-12 col-lg-12 col-xl-4 col-xxl-3">
                            <div class="dashboard-topic-wrap bg-gradient radius-20 py-3 mb-25">
                                <h4 class="dashboard-topic-title text-white font-normal"><?php echo e(__('Select Here')); ?></h4>
                                <div class="dashboard-topic-wrap-inner">
                                    <div class="dashboard-topic-nav nav flex-column nav-pills" id="v-pills-tab"
                                        role="tablist" aria-orientation="vertical">
                                        <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <button
                                                class="nav-link font-medium position-relative <?php echo e($loop->first ? 'active' : ''); ?>"
                                                id="category-<?php echo e($key); ?>-tab" data-bs-toggle="pill"
                                                data-bs-target="#category-<?php echo e($key); ?>" type="button" role="tab"
                                                aria-controls="category-<?php echo e($key); ?>" aria-selected="false">
                                                <span
                                                    class="topic-nav-icon d-flex flex-shrink-0 align-items-center justify-content-center me-2">
                                                    <img class="" src="<?php echo e(asset('storage/' . $category->first()->category_icon)); ?>" alt=""/>

                                                </span>
                                                <span class="topic-nav-title flex-grow-1"><?php echo e($category->first()->category_name); ?></span>
                                            </button>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12 col-lg-12 col-xl-8 col-xxl-9">
                            <div class="dashboard-topic-content tab-content" id="v-pills-tabContent">
                                <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div class="tab-pane fade <?php echo e($loop->first ? 'show active' : ''); ?>"
                                        id="category-<?php echo e($key); ?>" role="tabpanel"
                                        aria-labelledby="category-<?php echo e($key); ?>-tab" tabindex="0">
                                        <div class="topic-content-item-wrap row">
                                            <?php $__currentLoopData = $category; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $subCategory): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6 col-xxl-4 mb-25 template-block">
                                                    <input type="hidden" name="id" value="<?php echo e($subCategory->id); ?>">
                                                    <a href="<?php echo e(route('user.search', $subCategory->id)); ?>"
                                                        class="topic-content-item d-block bg-white theme-border radius-12 h-100 p-20">
                                                        <div class="topic-content-item-btns d-flex align-content-center justify-content-between">
                                                            <div
                                                                class="topic-content-item-icon d-inline-flex align-items-center justify-content-center radius-50">
                                                                <img class="iconify" src="<?php echo e(asset('storage/' . $subCategory->sub_category_icon)); ?>" alt=""/>
                                                            </div>
                                                            <span
                                                                class="favoriteTemplate status-btn status-btn-orange status-btn-sm favorite-btn cursor"
                                                                title="Favorite"><span class="iconify font-17"
                                                                    data-icon="ph:star"></span></span>
                                                        </div>
                                                        <h4 class="mt-15"><?php echo e($subCategory->name); ?></h4>
                                                        <p class="font-12 mt-2"><?php echo $subCategory->summery; ?></p>
                                                    </a>
                                                </div>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </div>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('script'); ?>
<script src="<?php echo e(asset('user/assets/js/custom/template_favorite.js')); ?>"></script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('user.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Users/masumbd/project/ZaiwriteAI/resources/views/user/content/favorite.blade.php ENDPATH**/ ?>