@extends ('layouts.app')

@section('title')
    {{ __('List') }} {{ __('Users') }}
@endsection

@section('breadcrumbs')
    <x-breadcrumbs>
        <x-breadcrumb-item type="active"
            icon='fa-solid fa-user-group'>{{ __('Users') }}</x-breadcrumb-item>
    </x-breadcrumbs>
@endsection

@section('content')
    <div class="card">
        <div class="card-body">

            <x-section-header>
                <i class="fa-solid fa-user-group"></i> {{ __('Users') }} <small
                    class="text-muted">{{ __('List') }}</small>

                <x-slot name="toolbar">
                    @can('add_users')
                        <x-buttons.create title="{{ __('Create') }} users"
                            route='{{ route("users.create") }}' :small=true />
                    @endcan

                    @can('restore_users')
                        <div class="btn-group">
                            <button class="btn btn-secondary btn-sm dropdown-toggle" data-coreui-toggle="dropdown"
                                type="button" aria-expanded="false">
                                <i class="fas fa-cog"></i>
                            </button>
                            <ul class="dropdown-menu">
                                <li>
                                    <a class="dropdown-item" href='{{ route("users.trashed") }}'>
                                        <i class="fas fa-eye-slash"></i> @lang('View trash')
                                    </a>
                                </li>
                            </ul>
                        </div>
                    @endcan
                </x-slot>
            </x-section-header>

            <livewire:users-index />

        </div>
        <div class="card-footer">

        </div>
    </div>
@endsection