@extends('layouts.app')

@section('content')
<div class="card" >
    <div class="card-header flex flex-row justify-between">Elenco Utenti
        <div><a href="{{route('user.create')}}" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-md text-sm px-1 py-0.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">Nuovo</a></div>
    </div>
    <div class="card-body">
        <table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
            <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
                <tr>
                    <th scope="col" class="px-6 py-3">
                        Nome
                    </th>
                    <th scope="col" class="px-6 py-3">
                        Mail
                    </th>
                    <th scope="col" class="px-6 py-3">
                        Ruolo
                    </th>
                    <th scope="col" class="px-6 py-3">
                        Act
                    </th>
                </tr>
            </thead>
            <tbody>
                @foreach ($data['user'] as $item)


                <tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
                    <th scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
                        {{$item->name}}
                    </th>
                    <td class="px-6 py-4">
                        {{$item->email}}
                    </td>
                    <td class="px-6 py-4">
                        {{$item->roles[0]->name}}
                    </td>
                    <td class="px-6 py-4 flex flex-row items-center">
                        <form method="POST" action="{{route('user.destroy',$item)}}">@method('DELETE') @csrf
                            <button type="submit" class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-md text-sm px-1 py-0.5 me-2 mb-2 dark:bg-red-600 dark:hover:bg-red-700 focus:outline-none dark:focus:ring-red-800"> <i class="fa-solid fa-trash"></i></button></form>

                     <a href="{{route('user.edit',$item->id)}}" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-md text-sm px-1 py-0.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"> <i class="fa-solid fa-pen-to-square"></i></a>
                    </td>
                </tr>
                @endforeach

            </tbody>
        </table>
    </div>

</div>

@endsection