@extends('layouts.master')

@section('title')
    @lang('Users')
@endsection



@section('content')
    <div class="card">
        <div class="card-body">
            <div class="page-header d-flex justify-content-between align-items-center mb-4">
                <h3 class="card-title">@lang('Users list')</h3>
                <div class="actions">
                    <a href="{{route('users.create')}}" class="btn btn-success btn-sm">@lang('Create')</a>
                </div>
            </div>


            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th scope="col">@lang('Username')</th>
                        <th scope="col">@lang('Email')</th>
                        <th scope="col">@lang('Role')</th>
                    </tr>
                    </thead>
                    <tbody>
                        @foreach($users as $user)
                            <tr>
                                <td>
                                    {{$user->name}}
                                    @component('components.actions', ['items' => [
                                        ['url' => route('users.edit', $user), 'label' => __('Edit')],
                                        ['url' => route('users.destroy', $user), 'label' => __('Delete'), 'method' => 'delete'],
]                                   ])@endcomponent
                                </td>
                                <td>{{$user->email}}</td>
                                <td>{{__($user->role)}}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection