@extends('metronic.base')
@section('title')
    Editar Rol
@endsection
@section('extracss')
    <link rel="stylesheet" src="{{ asset('dist/bootstrap-duallistbox.css') }}">
@endsection
@section('content')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('rol.index') }}">Listado de roles</a></li>
            <li class="breadcrumb-item active" aria-current="page">Editar Rol</li>
        </ol>
    </nav>

    <div class="col-md-12">
        @include('sessions')
    </div>



    <div class="col-md-12 mt-4">
        <div class="card">

            <div class="card-body">
                <div class="alert alert-danger" role="alert">
                    Los permisos que conllevan la palabra (MENU) son requeridos, ya que es un permiso para visualizar
                    la opción en el menu lateral, por ejemplo permiso: ventas (MENU) quiere decir que es un permiso
                    para desplegar las opciones de ventas en el menu lateral.
                </div>

                <form action="{{ route('rol.update') }}" method="POST">
                    @csrf

                    <div class="form-group row">


                        <div class="col-md-12">

                            <div class="form-floating mb-7">
                                <input id="name" required name="name" value="{{ $rol->name }}" type="text"
                                    class="form-control" />
                                <label>Nombre del rol</label>
                            </div>

                        </div>
                    </div>
                    <div class="form-group ">
                        <label>Seleccione los autores</label> <br>
                        <div class="">
                            <select class="form-select" multiple="multiple" size="20" id="dual_list" name="permisos[]"
                                required>
                                @foreach ($permisos as $permiso)
                                    <option selected=true value="{{ $permiso->id }}">{{ $permiso->name }} @if ($permiso->padre == null)
                                            <strong> ( MENU )</strong>
                                        @endif
                                    </option>
                                @endforeach
                                @foreach ($permisosNoAsignados as $noAsignado)
                                    <option value="{{ $noAsignado->id }}">{{ $noAsignado->name }} @if ($noAsignado->padre == null)
                                            <strong> ( MENU )</strong>
                                        @endif
                                    </option>
                                @endforeach

                                <input id="rol_id" type="hidden" class="form-control" name="rol_id"
                                    value="{{ $rol->id }}">
                                <input type="hidden" name="user" value="{{ auth()->user()->name }}">

                            </select>
                        </div>
                    </div>



                    <div class="form-group row mb-0 mt-4">
                        <div class="col-md-6 offset-md-4">
                            <button type="submit" class="btn btn-primary">
                                <i class='ki-outline ki-check-circle fs-2'></i>
                                 Editar Rol
                            </button>
                            <a href="{{ route('rol.index') }}" class="btn btn-secondary" data-dismiss="modal">
                                <i class='ki-outline ki-cross-circle fs-2'></i>
                                Regresar
                            </a>
                        </div>
                    </div>


                </form>
            </div>
        </div>


    </div>
@endsection