@extends('layouts.admin')

@section('title', 'Manajemen User')

@section('content')
<div class="flex justify-between items-center mb-6">
    <h1 class="text-2xl font-bold text-gray-700 dark:text-white">Manajemen User</h1>
</div>

<table class="w-full table-auto bg-white dark:bg-gray-700 rounded shadow">
    <thead>
        <tr class="bg-gray-100 dark:bg-gray-800">
            <th class="px-4 py-2">#</th>
            <th class="px-4 py-2">Nama</th>
            <th class="px-4 py-2">Email</th>
            <th class="px-4 py-2">Role</th>
            <th class="px-4 py-2">Aksi</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($users as $user)
            <tr>
                <td class="px-4 py-2">{{ $loop->iteration }}</td>
                <td class="px-4 py-2">{{ $user->name }}</td>
                <td class="px-4 py-2">{{ $user->email }}</td>
                <td class="px-4 py-2">
                    {{ $user->roles->pluck('name')->first() ?? '-' }}
                </td>
                <td class="px-4 py-2 flex space-x-2">
                    <a href="{{ route('admin.user.edit', $user) }}" class="text-blue-500 hover:underline">Edit Role</a>
                    <form action="{{ route('admin.user.destroy', $user) }}" method="POST" onsubmit="return confirm('Yakin hapus user ini?')">
                        @csrf
                        @method('DELETE')
                        <button class="text-red-500 hover:underline" type="submit">Hapus</button>
                    </form>
                </td>
            </tr>
        @endforeach
    </tbody>
</table>

<div class="mt-4">
    {{ $users->links() }}
</div>
@endsection