@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>MODIFICA UTENTE</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">Utente:{{$data['User']->name}}</h3>
            </div>


            <form method="POST" action="{{route('user.update',$data['User'])}}">
                @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['User']->name}}">
                </div>

            <div class="form-group">
            <label for="exampleInputEmail1">Email address</label>
            <input type="email" class="form-control" id="exampleInputEmail1"  name="email" placeholder="Enter email" value="{{$data['User']->email}}">
            </div>

            <div class="form-group">
                <label for="exampleInputEmail1">FingerPrint</label>
                <input type="text" class="form-control" id="exampleInputEmail1"  name="FingerPrint" placeholder="Enter email" value="{{$data['User']->FingerPrint}}">
                </div>
                        <div class="form-group">
                <label for="exampleInputEmail1">Password</label>
                <input type="text" name="Password" class="form-control"  placeholder="Password" >
            </div>
            <div class="form-group">
                <label for="exampleInputEmail1">Ruoli:</label>
                <select class="form-control" name="Ruolo">
                    @foreach ($data['Ruoli'] as $Ruolo)
                    <option {{ $data['Ruolo'] == $Ruolo->name ? "selected" : "" }}  value="{{$Ruolo->id}}">{{$Ruolo->name}}</option>
                    @endforeach

                    </select>




              </div>
              <div class="form-group">
                <label for="SessioniContemporanee">Sessioni Contemporanee Consentite</label>
                <select class="form-control" name="SessioniContemporanee" id="SessioniContemporanee">
                    @for($i = 1; $i <= 5; $i++)
                        <option value="{{ $i }}" {{ $data['User']->SessioniContemporanee == $i ? 'selected' : '' }}>{{ $i }}</option>
                    @endfor
                </select>
                <small class="form-text text-muted">Numero massimo di sessioni contemporanee consentite per questo utente</small>
              </div>
              <div class="form-group">

                <div class="row">

                    @foreach ($data['elencoPermessi']->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>

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

            {{-- Sezione Privacy fuori dal form: evita form nidificati (il componente Livewire contiene un form) --}}
            <div class="card-body border-top">
                <label class="d-block mb-2"><strong>Privacy</strong></label>
                <livewire:user.privacy-upload :user-id="$data['User']->id" />
            </div>
            </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) {
            $.post( "{{route('UserApi.RoleUserCheck')}}", { user: "{{$data['User']->id}}", status: "1",Ruolo : $(this).attr('data-permesso') })
        .done(function( data ) {
    console.log( "Data Loaded: " + data );
  });
    }else{
        $.post( "{{route('UserApi.RoleUserCheck')}}", { user: "{{$data['User']->id}}", status: "0",Ruolo :$(this).attr('data-permesso') })
        .done(function( data ) {
    console.log( "Data Loaded: " + data );
  });
    }
});
    </script>
@stop