@extends('layouts.app')

@section('title', 'Usuarios')

@section('content')
    <div class="mb-6 flex flex-wrap items-center justify-between gap-4">
        <p class="text-sm text-gray-600 dark:text-gray-400">
            Gestiona los usuarios de la plataforma.
        </p>

        @can('users.create')
            <a href="{{ route('users.create') }}">
                <x-button type="button"><i class="fa-solid fa-plus"></i> Nuevo usuario</x-button>
            </a>
        @endcan
    </div>

    <x-card>
        <div id="users-table-root" data-initial-url="{{ route('api.users.index') }}"></div>
    </x-card>

    @vite('resources/js/users/index.tsx')
@endsection