@extends('adminlte::page')

@section('title', 'Editar Rol')

@section('content_header')
    <h1>Editar Rol</h1>
@stop

@section('content')
    <x-adminlte-card title="Modificar Rol" theme="warning" icon="fas fa-user-edit">

        <form action="{{ route('roles.update', $role->id) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="mb-4">
                <x-adminlte-input name="name" label="Nombre del Rol" placeholder="Ej: supervisor"
                    value="{{ old('name', $role->name) }}" fgroup-class="mb-3" required/>
            </div>

            <h5>Permisos asignados:</h5>
            <div class="row">
                @foreach($permissions as $permission)
                    <div class="col-md-4 mb-2">
                        <div class="form-check">
                            <input type="checkbox" name="permissions[]" value="{{ $permission->id }}"
                                class="form-check-input" id="perm_{{ $permission->id }}"
                                {{ in_array($permission->id, $rolePermissions) ? 'checked' : '' }}>
                            <label class="form-check-label" for="perm_{{ $permission->id }}">
                                {{ $permission->name }}
                            </label>
                        </div>
                    </div>
                @endforeach
            </div>

            <x-adminlte-button label="Actualizar Rol" theme="warning" icon="fas fa-save" type="submit" class="mt-3"/>
            <a href="{{ route('roles.index') }}" class="btn btn-secondary mt-3 ml-2">Cancelar</a>
        </form>

    </x-adminlte-card>
@stop