@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>GESTIONE UTENTI</h1>
@stop

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card card-primary">
            <div class="card-header">
            <h3 class="card-title">Modifica Ruolo:{{$data['ruolo']->name}}</h3>
            </div>


            <form method="POST" action="{{route('role.update',$data['ruolo'])}}">
                @csrf
                @method('PUT')
            <div class="card-body">

                <div class="form-group">
                    <label for="exampleInputEmail1">Nome</label>
                    <input type="text" name="name" class="form-control"  placeholder="Nome" value="{{$data['ruolo']->name}}">
                </div>


                <div class="row">

                       @foreach ($data['permessi']->groupby('model') as $key => $value)
                       <div class="col-sm-3">
                        <strong>{{$key}}</strong>
                        @foreach ($value as $item)
                        <div class="form-check">
                            <input class="form-check-input ruoli"  type="checkbox" data-permesso = "{{$item['Action']}}-{{$key}}" {{ $item['check'] == true ? "checked" : "" }} name="{{$key}}[{{$item['Action']}}]" >
                            <label class="form-check-label">{{$item['Action']}}</label>
                        </div>
                        @endforeach
                       </div>
                       @endforeach




                    </div>










            </div>

            <div class="card-footer">
            <button type="submit" class="btn btn-primary">Submit</button>
            </div>
            </form>
            </div>

    </div>

 </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop

@section('js')
    <script>
  $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

$(".ruoli").change(function() {
    if(this.checked) {
            console.log(this.value);
            $.post( "{{route('RoleApi.check')}}", { permesso: $(this).attr('data-permesso'), status: "1",Ruolo :"{{$data['ruolo']->name}}" })
        .done(function( data ) {
    console.log( "Data Loaded: " + data );
  });
    }else{
        $.post( "{{route('RoleApi.check')}}", { permesso: $(this).attr('data-permesso'), status: "0",Ruolo :"{{$data['ruolo']->name}}" })
        .done(function( data ) {
    console.log( "Data Loaded: " + data );
  });
    }
});
    </script>
@stop