@extends('adminlte::page')

@section('plugins.Sweetalert2', true)
@section('plugins.Select1', true)

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

@section('content_header')
    <div class="container-fluid">

    </div>
@stop

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-6">

                <div class="card card-aspen">
                    <div class="card-header">
                        <h3 class="card-title">Detalle Rol</h3>
                    </div>

                    <form id="formularioDeRol">
                        @csrf

                        <div class="card-body">

                            <div class="form-group">
                                <label>Rol</label>
                                <input type="text" id="campoNombreDelRol" class="form-control" name="name" value="{{ old('name', $rol->name) }}" readonly="true">
                                <div class="invalid-feedback" id="valicacionCampoRol">

                                </div>
                            </div>

                            <div>
                                <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                    <legend class="titulo-fieldset-color-azul" id="legendArticulo">Permisos Del Rol</legend>
                                    <div class="contenedorDosCamposPorFilaEnLosFormulario" style="padding: 20px;">
                                        @foreach ($permisos as $permiso)
                                            <div class="form-group form-check">
                                                <input type="checkbox" disabled class="form-check-input" @if ($rol->hasPermissionTo($permiso->id)) checked="true" @endif value="{{ $permiso->id }}" name="permisos[]" style="transform: scale(1.3);">
                                                <label class="form-check-label">{{ $permiso->description }}</label>
                                            </div>
                                        @endforeach
                                    </div>
                                </fieldset>
                            </div>

                        </div>

                        <div class=" card-footer">
                            <a href="{{ route('rol.index') }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                        </div>
                    </form>
                </div>
            </div>



        </div>

    </div>
@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2023 <a href="https://aspenspa.cl/">aspenspa.cl</a></strong>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <style>
        .form-check-input:disabled {
            background-color: blue !important;
        }

    </style>
@stop

@section('js')
<script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>
@stop