@extends ('layouts.app')

@section('title')
    {{ __('Trash') }} {{ __('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> {{ __('Trash') }} {{ __('Users') }} <small
                    class="text-muted">{{ __('List') }}</small>

                <x-slot name="toolbar">
                    <x-buttons.return-back :small=true />
                    <a class="btn btn-secondary btn-sm" data-toggle="tooltip" href='{{ route("users.index") }}'
                        title="{{ __('Users') }} {{ __('List') }}"><i class="fas fa-list"></i> {{ __('List') }}</a>
                </x-slot>
            </x-section-header>

            <div class="row mt-4">
                <div class="col-12">

                    @if (count($users) > 0)
                        <div class="table-responsive">
                            <table class="table-bordered table-hover table" id="datatable">
                                <thead>
                                    <tr>
                                        <th>
                                            #
                                        </th>
                                        <th>
                                            {{ __('labels.users.fields.name') }}
                                        </th>
                                        <th>
                                            {{ __('Updated at') }}
                                        </th>
                                        <th>
                                            {{ __('Created by') }}
                                        </th>
                                        <th class="text-end">
                                            {{ __('Actions') }}
                                        </th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach ($users as $row)
                                        <tr>
                                            <td>
                                                {{ $row->id }}
                                            </td>
                                            <td>
                                                <strong>
                                                    {{ $row->name }}
                                                </strong>
                                            </td>
                                            <td>
                                                {{ $row->updated_at->isoFormat('llll') }}
                                            </td>
                                            <td>
                                                {{ $row->created_by }}
                                            </td>
                                            <td class="text-end">
                                                <a class="btn btn-warning btn-sm" data-method="PATCH"
                                                    data-token="{{ csrf_token() }}" data-toggle="tooltip"
                                                    href="{{ route("users.restore", $row) }}"
                                                    title="{{ __('labels.restore') }}">
                                                    <i
                                                        class="fa-solid fa-rotate-left"></i>&nbsp;{{ __('labels.restore') }}
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="text-center">
                            <p>
                                @lang('No record found in trash!')
                            </p>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="card-footer">
            @if (!empty($users))
                <div class="row">
                    <div class="col-12 col-sm-7">
                        <div class="float-start">
                            <small>@lang('Total') {{ $users->total() }} {{ __('Users') }}</small>
                        </div>
                    </div>
                    <div class="col-12 col-sm-5">
                        <div class="float-end">
                            {!! $users->render() !!}
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
@endsection