<?php $__env->startSection('content'); ?>
<style>
    @media (max-width: 768px) {
        .permissions-table {
            width: 100%;
            display: block;
        }

        .permissions-table tbody {
            display: block;
        }

        .permissions-table tr {
            display: block;
            border-bottom: 1px solid #ddd;
            padding: 10px 0;
        }

        .permissions-table td {
            display: block;
            width: 100%;
            text-align: left;
        }

        .module-title {
            font-weight: bold;
            font-size: 16px;
            padding-bottom: 5px;
        }

        .select-all-cell {
            text-align: left !important;
            margin-bottom: 10px;
        }

        .select-all-cell .form-check-label {
            margin-left: 5px;
            font-weight: bold;
        }

        .permissions-column {
            display: flex;
            flex-direction: column;
        }

        .permission-item {
            margin-bottom: 5px;
        }

        .d-md-table-header {
            display: none;
        }
    }

    @media (min-width: 769px) {
        .d-md-table-header {
            display: table-header-group;
        }
    }
</style>
<div class="card">
    <div class="card-header">
        <?php echo e(trans('global.edit')); ?>

    </div>

    <div class="card-body">
        <form method="POST" action="<?php echo e(route("admin.roles.update", [$role->id])); ?>" enctype="multipart/form-data">
            <?php echo method_field('PUT'); ?>
            <?php echo csrf_field(); ?>
            <div class="form-group">
                <label class="required" for="title"><?php echo e(trans('cruds.role.fields.title')); ?></label>
                <input class="form-control <?php echo e($errors->has('title') ? 'is-invalid' : ''); ?>" type="text" name="title" id="title" value="<?php echo e(old('title', $role->title)); ?>" required>
                <?php if($errors->has('title')): ?>
                    <span class="text-danger"><?php echo e($errors->first('title')); ?></span>
                <?php endif; ?>
                <span class="help-block"><?php echo e(trans('cruds.role.fields.title_helper')); ?></span>
            </div>
            
            <div class="form-group">
                <label class="required"><?php echo e(trans('cruds.role.fields.permissions')); ?></label>

                <?php
                    $groupedPermissions = [];
                    foreach ($permissions as $id => $permission) {
                        $parts = explode('_', $permission);
                        $action = array_pop($parts);
                        $groupName = implode('_', $parts);
                        $groupedPermissions[$groupName][$action][$id] = $permission;
                    }

                    uksort($groupedPermissions, function ($a, $b) {
                        return strcmp(trans('cruds.' . $a . '.title'), trans('cruds.' . $b . '.title'));
                    });

                    $actionsOrder = ['access', 'create', 'edit', 'show', 'delete', 'email'];
                ?>


                <div class="table-responsive">
                    <table class="table table-bordered permissions-table">
                        <thead class="d-none d-md-table-header">
                            <tr>
                                <th style="width: 30%"><?php echo e(trans('global.module')); ?></th>
                                <th style="width: 20%; text-align: center;"><?php echo e(trans('global.select_all')); ?></th>
                                <th style="width: 50%"><?php echo e(trans('global.permissions')); ?></th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php $__currentLoopData = $groupedPermissions; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $groupName => $actions): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <tr class="border-top border-bottom">
                                    <td class="align-middle module-title">
                                        <strong><?php echo e(trans('cruds.' . $groupName . '.title')); ?></strong>
                                    </td>

                                    <td class="text-center align-middle select-all-cell">
                                        <div class="form-check">
                                            <input type="checkbox" class="form-check-input select-all-group" data-group="<?php echo e($groupName); ?>" id="<?php echo e($groupName); ?>_all">
                                            <label class="form-check-label" for="<?php echo e($groupName); ?>_all"><?php echo e(trans('global.select_all')); ?></label>
                                        </div>
                                    </td>

                                    <td class="permissions-column">
                                        <?php $__currentLoopData = $actionsOrder; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $action): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <?php if(isset($actions[$action])): ?>
                                                <?php $__currentLoopData = $actions[$action]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $id => $permission): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <div class="form-check permission-item">
                                                        <input class="form-check-input permission-checkbox" type="checkbox" name="permissions[]" value="<?php echo e($id); ?>" id="perm_<?php echo e($id); ?>" data-group="<?php echo e($groupName); ?>"
                                                        <?php echo e(in_array($id, old('permissions', $role->permissions->pluck('id')->toArray())) ? 'checked' : ''); ?>>
                                                        <label class="form-check-label" for="perm_<?php echo e($id); ?>">
                                                            <?php echo e(trans('cruds.permissions.' . $action)); ?>

                                                        </label>
                                                    </div>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            <?php endif; ?>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </td>
                                </tr>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </tbody>
                    </table>
                </div>

                <?php if($errors->has('permissions')): ?>
                    <span class="text-danger"><?php echo e($errors->first('permissions')); ?></span>
                <?php endif; ?>
            </div>
            <div class="form-group">
                <button class="btn btn-success" type="submit">
                    <?php echo e(trans('global.save')); ?>

                </button>
            </div>
        </form>
    </div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('scripts'); ?>
<?php echo \Illuminate\View\Factory::parentPlaceholder('scripts'); ?>
<script>
    $(document).ready(function() {
        $('.select-all-group').on('change', function() {
            let group = $(this).data('group');
            $('.permission-checkbox[data-group="' + group + '"]').prop('checked', $(this).prop('checked'));
        });

        $('.permission-checkbox').on('change', function() {
            let group = $(this).data('group');
            let allChecked = $('.permission-checkbox[data-group="' + group + '"]').length === $('.permission-checkbox[data-group="' + group + '"]:checked').length;
            $('#'+group+'_all').prop('checked', allChecked);
        });

        $('.select-all-group').each(function() {
            let group = $(this).data('group');
            let allChecked = $('.permission-checkbox[data-group="' + group + '"]').length === $('.permission-checkbox[data-group="' + group + '"]:checked').length;
            $(this).prop('checked', allChecked);
        });
    });
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.admin', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/ivs.kaunokolegija.lt/laravel/resources/views/admin/roles/edit.blade.php ENDPATH**/ ?>