@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">
            <div class="card-header">
                <h3 class="card-title">
                    <i class="fas fa-users mr-1"></i>
                   Elenco Ruoli
                    </h3>
                    <div class="card-tools">


                        <a class="btn btn-sm btn-success" href="{{route('role.create')}}" >Crea nuovo</a>


                        </div>
            </div>

            <div class="card-body p-0">
            <table class="table table-sm text-center">
            <thead>
            <tr>
            <th style="width: 10%">#</th>
            <th style="width: 80%">Ruolo</th>
            <th style="width: 10%"></th>
            </tr>
            </thead>
            <tbody>

                @foreach ($data['Ruoli'] as $Ruolo)
                <tr>
            <td>{{$Ruolo->id}}</td>

            <td>{{$Ruolo->name}}</td>
            <td><a href="{{route('role.edit',$Ruolo->id)}}" class="btn btn-xs btn-success">edit</a>
                <a href="#" class="btn btn-xs btn-danger">delete</a></td>
            </tr>
            @endforeach
            </tbody>
            </table>
            </div>

            </div>

    </div>

 </div>
@stop

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

@section('js')
    <script> console.log('Hi!'); </script>
@stop