@extends('layouts.app')
@section('titulo', (!$model->exists ? 'Creando' : 'Editando') . ' Rol')
@section('titulo_card', 'Formulario')

@section('content')
    <div class="row">
        <div class="col">
            {{ html()->modelForm($model, !$model->exists ? 'POST' : 'PATCH', !$model->exists ? route('rol.store') : route('rol.update', $model->id))->open() }}
            <div class="row">
                <div class="col-12">
                    <div class="form-group">
                        <label for="name">Nombre</label>
                        {{ html()->text('name')->class('form-control') }}
                    </div>
                </div>

            </div>
            <div class="row">
                @foreach (App\Models\GrupoPermiso::all() as $grupo)
                    <div class="col-3">
                        <div class="form-group custom-control custom-checkbox">
                            {{ html()->checkbox('idGrupoPermiso[]')->class('custom-control-input g-' . $grupo->id)->id('g-' . $grupo->id)->value($grupo->id)->attribute('onclick', 'seleccionarGrupo(' . $grupo->id . ')')->checked(count($grupo->permisos) == count($model->permissions->where('idGrupoPermiso', $grupo->id))) }}
                            {{ html()->label($grupo->Nombre, 'g-' . $grupo->id)->class('custom-control-label') }}
                            <ul style="list-style: none">
                                @foreach ($grupo->permisos as $permiso)
                                    <li>
                                        {{ html()->checkbox('permission[]')->class('custom-control-input gp-' . $grupo->id)->id('p-' . $permiso->id)->value($permiso->id)->attribute('onclick', 'seleccionarPermiso(' . $grupo->id . ')')->checked($model->hasPermissionTo($permiso->name)) }}
                                        {{ html()->label($permiso->descripcion, 'p-' . $permiso->id)->class('custom-control-label') }}
                                    </li>
                                @endforeach
                            </ul>
                            {{-- {{ html()->text('name2')->class('form-control') }} --}}
                        </div>
                    </div>
                @endforeach

            </div>
            <div class="row">
                <div class="col-12">
                    {{ html()->submit('<i class="far fa-save"></i> ' . (!$model->exists ? 'Guardar' : 'Editar'))->class('btn btn-primary') }}
                </div>
            </div>
            {{ html()->closeModelForm() }}
        </div>
    </div>
@endsection
@section('js')

    <script>
        function seleccionarPermiso(idGrupo) {
            var grupo = $("#g-" + idGrupo);
            grupo.prop('checked', $(".gp-" + idGrupo).length == $(".gp-" + idGrupo + ":checked").length);
        }

        function seleccionarGrupo(idGrupo) {
            var estado = $("#g-" + idGrupo).is(":checked");
            var permisos = $(".gp-" + idGrupo);
            $.each(permisos, function() {
                var p = $(this);
                p.prop('checked', estado);
            });
        }
    </script>


@endsection