@extends('admin.layouts.admin')

@section('title','Users')
@section('page-title','Users')

@section('content')

<div class="card border-0 shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between">
        <strong>Users</strong>
        <a href="{{ route('admin.users.create') }}" class="btn btn-sm btn-primary">
            <i class="bi bi-plus-circle"></i> Add User
        </a>
    </div>

    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>User</th>
                    <th>Role</th>
                    <th>Email</th>
                    <th>Status</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>

            @foreach($users as $user)
                <tr>
                    <td>{{ $loop->iteration }}</td>

                    <td>
                        <strong>{{ $user->name }}</strong><br>
                        <small class="text-muted">ID: {{ $user->id }}</small>
                    </td>

                    <td>
                        <span class="badge bg-secondary">
                            {{ ucfirst($user->role) }}
                        </span>
                    </td>

                    <td>{{ $user->email }}</td>

                    <td>
                        <span class="badge bg-success">Active</span>
                    </td>

                    <td class="text-end">
                        <a href="{{ route('admin.users.show',$user->id) }}"
                           class="btn btn-sm btn-outline-secondary">
                            <i class="bi bi-eye"></i>
                        </a>

                        <a href="{{ route('admin.users.edit',$user->id) }}"
                           class="btn btn-sm btn-outline-primary">
                            <i class="bi bi-pencil"></i>
                        </a>

                        <form action="{{ route('admin.users.destroy',$user->id) }}"
                              method="POST" class="d-inline"
                              onsubmit="return confirm('Delete this user?')">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger">
                                <i class="bi bi-trash"></i>
                            </button>
                        </form>
                    </td>
                </tr>
            @endforeach

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

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

@endsection