@extends('backend.adminlayouts.master')

@section('body')
<span class="header-wrapper">
    <h3 class="text-gray-700 text-3xl font-medium">Utilizatori admini</h3>
    <a href="{{ route('admins.create') }}" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded inline-block">
        Adauga admin
    </a>
</span>
<div class="flex flex-col mt-8">
    <div class="-my-2 sm:-mx-6 lg:-mx-8">
        <div class="py-2 overflow-x-auto sm:px-6 lg:px-8">
            <div class="align-middle inline-block min-w-full shadow overflow-hidden sm:rounded-lg border-b border-gray-200">
                <table class="min-w-full divide-y divide-gray-200">
                    <thead class="bg-gray-50">
                        <tr>
                            <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Nume</th>
                            <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Email</th>
                            <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">Roluri</th>
                            <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">Actiuni</th>
                        </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200">
                        @foreach ($admins as $admin)
                        <tr>
                            <td class="px-6 py-4 whitespace-nowrap">{{ $admin->name }}</td>
                            <td class="px-6 py-4 whitespace-nowrap">{{ $admin->email }}</td>
                            <td class="px-6 py-4 whitespace-nowrap text-center">{{ implode(', ', $admin->getRoleNames()->toArray()) }}</td>
                            <td class="px-6 py-4 whitespace-nowrap text-right">
                                <a href="{{ route('admins.edit', $admin->id) }}" class="px-4 py-2.5 bg-yellow-600 text-white font-medium text-xs uppercase rounded shadow-md hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-yellow-800 focus:ring-opacity-50 transition duration-150 ease-in-out">Modifica</a>
                                <form action="{{ route('admins.destroy', $admin->id) }}" method="POST" class="inline-block">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="px-4 py-2.5 bg-red-600 text-white font-medium text-xs uppercase rounded shadow-md hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-800 focus:ring-opacity-50 transition duration-150 ease-in-out">Sterge</button>
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection