{{-- resources/views/users/index.blade.php --}}
@extends('layouts.app')

@section('title', 'Users')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="h4 mb-0">User Management</h1>

    <a href="{{ route('users.create') }}" class="btn btn-primary btn-sm">
        + Add New User
    </a>
</div>

@if(session('ok'))
    <div class="alert alert-success">{{ session('ok') }}</div>
@endif

@if(session('err'))
    <div class="alert alert-danger">{{ session('err') }}</div>
@endif

<div class="table-responsive">
    <table class="table table-bordered table-striped table-sm align-middle">
        <thead>
        <tr>
            <th>#</th>
            <th>Name</th>
            <th>Email</th>
            <th>Roles</th>
            <th>Created</th>
            <th width="140">Actions</th>
        </tr>
        </thead>
        <tbody>
        @forelse($users as $user)
            <tr>
                <td>{{ $users->firstItem() + $loop->index }}</td>
                <td>{{ $user->name }}</td>
                <td>{{ $user->email }}</td>
                <td>
                    @if($user->roles->isEmpty())
                        <span class="badge bg-secondary">No role</span>
                    @else
                        @foreach($user->roles as $role)
                            <span class="badge bg-info text-dark">{{ $role->name }}</span>
                        @endforeach
                    @endif
                </td>
                <td>{{ $user->created_at?->format('d-m-Y') }}</td>
                <td>
                    <a href="{{ route('users.edit', $user) }}"
                       class="btn btn-sm btn-outline-primary">
                        Edit
                    </a>

                    @if(auth()->id() !== $user->id)
                        <form action="{{ route('users.destroy', $user) }}"
                              method="POST"
                              class="d-inline"
                              onsubmit="return confirm('Delete this user?');">
                            @csrf
                            @method('DELETE')
                            <button type="submit"
                                    class="btn btn-sm btn-outline-danger">
                                Delete
                            </button>
                        </form>
                    @endif
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="6" class="text-center text-muted">
                    No users found.
                </td>
            </tr>
        @endforelse
        </tbody>
    </table>
</div>

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