    <?php if(isset($menus) && count($menus) > 0): ?>

        <div class="input-level mb-4">
            <div id="accordion" class="dd">
                <ol class="dd-list">
                    <?php $__currentLoopData = $menus; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $element): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <li class="dd-item" data-id="<?php echo e($element->id); ?>">
                            <div class="card accordion_card" id="accordion_<?php echo e($element->id); ?>">
                                <div class=" item_header" id="heading_<?php echo e($element->id); ?>">
                                    <div class="dd-handle">
                                        <div class="pull-left">
                                            <?php echo e($element->name_en); ?>

                                        </div>
                                    </div>
                                    <div class="pull-right btn_div">
                                        <?php if(userPermission('element-update')): ?>
                                            <a href="javascript:void(0);"
                                                onclick="updateLevel(<?php echo e($element->id); ?>, '<?php echo e($element->name_en); ?>', '<?php echo e($element->name_ar); ?>', '<?php echo e($element->description_en); ?>', '<?php echo e($element->description_ar); ?>', '<?php echo e($element->file); ?>')"
                                                class="primary-btn btn_zindex panel-title">
                                                <?php echo app('translator')->get('common.edit'); ?>
                                                <i class="ti-pencil-alt"></i>
                                            </a>
                                        <?php endif; ?>
                                        <?php if(userPermission('element-update')): ?>
                                            <a href="javascript:void(0);" onclick="" data-toggle="collapse"
                                                data-target="#collapse_<?php echo e($element->id); ?>" aria-expanded="false"
                                                aria-controls="collapse_<?php echo e($element->id); ?>"
                                                class="primary-btn btn_zindex panel-title">
                                                <?php echo app('translator')->get('common.show'); ?>
                                                <i class="ti-angle-down"></i>
                                            </a>
                                        <?php endif; ?>
                                        <?php if(userPermission('element-update')): ?>
                                            <a href="<?php echo e(route('track_levels_sessions', ['track_id' => $element->track_id, 'level_id' => $element->id])); ?>"
                                                class="primary-btn btn_zindex panel-title">
                                                <?php echo app('translator')->get('common.sessions'); ?>
                                                <i class="ti ti-eye"></i>
                                            </a>
                                        <?php endif; ?>
                                        <?php if(env('APP_SYNC') == true): ?>
                                            <a href="javascript:void(0);" class="primary-btn btn_zindex mb-3"
                                                title="Disable For Demo" data-toggle="tooltip">
                                                <i class="ti-close"></i>
                                            </a>
                                        <?php else: ?>
                                            <?php if(userPermission('delete-element')): ?>
                                                <a href="javascript:void(0);"
                                                    onclick="elementDelete(<?php echo e($element->id); ?>)"
                                                    class="primary-btn btn_zindex mb-3">
                                                    <i class="ti-close"></i>
                                                </a>
                                            <?php endif; ?>
                                        <?php endif; ?>
                                    </div>
                                </div>
                                <div id="collapse_<?php echo e($element->id); ?>" class="collapse"
                                    aria-labelledby="heading_<?php echo e($element->id); ?>"
                                    data-parent="#accordion_<?php echo e($element->id); ?>">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col">
                                                <h4><?php echo app('translator')->get('academics.track'); ?>:</h4>
                                                <p class="text-dark"><?php echo e($element->track->track_name_en); ?></p>
                                            </div>

                                            <div class="col">
                                                <h4><?php echo app('translator')->get('academics.name_en'); ?>:</h4>
                                                <p class="text-dark"><?php echo e($element->name_en); ?></p>
                                            </div>
                                            <div class="col">
                                                <h4><?php echo app('translator')->get('academics.name_ar'); ?>:</h4>
                                                <p class="text-dark"><?php echo e($element->name_ar); ?></p>
                                            </div>

                                            <div class="col">
                                                <h4><?php echo app('translator')->get('common.materials'); ?>:</h4>
                                                <a href="/<?php echo e($element->file); ?>" target="_blank" class="mx-1">
                                                    <i class="fa fa-eye"></i> <?php echo app('translator')->get('common.view_material'); ?>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ol>
            </div>
        </div>
    <?php else: ?>
    <div class="text-center">

            <h4>
                <?php echo app('translator')->get('common.no_levels'); ?>
            </h4>

        </div>
    <?php endif; ?>

    <style>
        .item_header {
            background: #415094;

        }

        .item_header .pull-left {
            color: #fff;
        }

        .item_header .primary-btn {
            color: #fff;

        }

        .item_header .collapge_arrow_normal {
            color: #fff;

        }
    </style>
    <?php $__env->startPush('script'); ?>
        <script>
            function updateLevel(id, name_en, name_ar, description_en, description_ar, file) {
                $('#update_level_name_en').val(name_en);
                $('#update_level_name_ar').val(name_ar);
                $('#update_level_description_en').val(description_en);
                $('#update_level_description_ar').val(description_ar);
                $('#update_level_track_id').val(id);
                $('#current_file_name').html(`
                <a target="_blank" href="/${file}"><i class="fa fa-eye"></i> View <?php echo app('translator')->get('common.view_material'); ?></a>
                `);
                $('#ModalUpdateLevel').modal('show');
            }
        </script>
    <?php $__env->stopPush(); ?>
<?php /**PATH D:\tailors-dev\upedia\resources\views/backEnd/academics/track_levels/collapse.blade.php ENDPATH**/ ?>