@extends('layout/principal')
@section('titulo', 'Home')
@section('content')
@php
//dd($permissions_tipos);
//dd($permissions);
@endphp
<style>
    .color-fondo{
        background-color: #ededed;
    }
</style>

<div class="az-content-label mg-b-20">editar Rol de Usuario</div>

<div class="pd-30 bg-gray-200">
    <form action="{{ route('role.update',  $role->id) }}" method="post" data-parsley-validate autocomplete="off">
        @csrf
        <div class="form-group">
            <div class="row row-xs align-items-center mg-b-20">
                {{-- <input type="hidden" name="id_role" value="{{ $role->id}}"> --}}
                <div class="col-md-6 mg-t-5 mg-md-t-0">
                    <label class="az-content-label tx-gray-600">Nombre del Rol</label>
                    <input type="text" class="form-control" name="name" value="{{ $role->name}}">
                </div>
            </div>
            <br>
            <!-- ================================== CHECKBOXs ================================= -->
            <div class="row row-xs align-items-center mg-b-20">
                <div class="col-md-6 mg-t-5 mg-md-t-0">
                    <label class="az-content-label tx-gray-600">Permisos del Rol</label>
                </div>
            </div>
            

            <!-- PRUEBA DIV DINAMICOS POR TIPOS DE PERMISOS -->
            @foreach ($permissions_tipos as $key => $tipo)
            <div class="card bg-light">
                <div class="card-body">
                    <h6 class="card-title">
                        @if ($tipo == 'permission')
                            {{'PERMISO'}}
                        @elseif ($tipo == 'role')
                            {{'ROL'}}
                        @else {{mb_strtoupper($tipo)}}
                        @endif
                    </h6>
                    <div class="row row-sm">
                        @foreach ($permissions as $permission)
                        @if (strstr($permission->name, '.', true) == $tipo)
                            <div class="col-lg-3 mb-2">
                            <div class="input-group">
                                <label class="ckbox wd-16 mg-b-2 mr-1">
                                    <input type="checkbox" class="mg-0" name="permissions[]" 
                                        value="{{$permission->id}}"
                                        {{$role_permissions->contains($permission->id) ? 'checked' : ''}} ><span></span>
                                </label>
                                <span>{{$permission->description}}</span>
                            </div>
                        </div>
                        @endif
                        @endforeach
                    </div>
                </div>
            </div>
            @endforeach

        </div>
        <button type="submit" class="btn btn-az-primary pd-x-30 mg-r-5">Guardar</button>
        <a href="{{ route('role.index') }}" class="btn btn-dark pd-x-30">Cancelar</a>
    </form>
</div>
@endsection