@extends('content')

@section('filters')
<x-index.filters-component filtersRoute="{{ route('admin.users') }}">

    <div class="grid grid-cols-12 gap-4">

        <div class="col-span-12 md:col-span-6 2xl:col-span-2">
            <x-forms.input-component
                inputType="text"
                inputName="t1-name|like|%%"
                inputValue="{{ request('t1-name|like|%%') }}"
                inputLabel="{{ __('filters.name') }}"
                inputClass="input_sm input_filters"
            />
        </div>

        <div class="col-span-12 md:col-span-6 2xl:col-span-2">
            <x-forms.input-component
                inputType="text"
                inputName="t1-last_name|like|%%"
                inputValue="{{ request('t1-last_name|like|%%') }}"
                inputLabel="{{ __('filters.last_name') }}"
                inputClass="input_sm input_filters"
            />
        </div>

        <div class="col-span-12 md:col-span-6 2xl:col-span-2">
            <x-forms.input-component
                inputType="text"
                inputName="t1-phone|like|%%"
                inputValue="{{ request('t1-phone|like|%%') }}"
                inputLabel="{{ __('filters.phone') }}"
                inputClass="input_sm input_filters"
            />
        </div>

        <div class="col-span-12 md:col-span-6 2xl:col-span-2">
            <x-forms.input-component
                inputType="text"
                inputName="t1-email|like|%%"
                inputValue="{{ request('t1-email|like|%%') }}"
                inputLabel="{{ __('filters.email') }}"
                inputClass="input_sm input_filters"
            />
        </div>

        <div class="col-span-12 md:col-span-6 2xl:col-span-2">
            <x-forms.select-alpine-component
                whichData="role"
                defaultValue="{{ request('t1-role_id|=') }}"
                inputName="t1-role_id|="
                searchInput="true"
                selectAlpineClass="select_alpine_filters"
                label="role"
            />
        </div>

    </div>

</x-index.filters-component>
@endsection


@section('page-title')
    <div>{{ __('admin.users.users') }}</div>
    <div>
        @cansee('admin.users.insert')
        <a href="{{ route('admin.users.insert.form') }}" class="btn_md btn_gray">{{ __('main.add') }}</a>
        @endcansee
    </div>
@endsection


@section('page-content')

    <x-wrapper-component>

    <x-filters.filter-badges/>

    <table class="min-w-full warsztat-table">
        <thead>
        <tr>
            <th class="so_center">#</th>
            <th>@sortable('admin.users.name', 't1.name')</th>
            <th>@sortable('admin.users.last_name', 't1.last_name')</th>
            <th>@sortable('admin.users.email', 't1.email')</th>
            <th>@sortable('admin.users.phone', 't1.phone')</th>
            <th>Uprawnienia</th>
            <th>Data rejestracji</th>
            <th></th>
        </tr>
        </thead>
        <tbody>
        @foreach($users as $index => $user)
            <tr>
                <td class="so_center">{{ ($users->currentPage() - 1) * $users->perPage() + $loop->iteration }}.</td>
                <td class="">{{ $user->name }}</td>
                <td class="">{{ $user->last_name }}</td>
                <td class="">{{ $user->email }}</td>
                <td class="">{{ $user->phone }}</td>
                <td class="">{{ $user->role_name }}</td>
                <td class="">{{ $user->created_at }}</td>
                <td>
                    @cansee('admin.users.update')

                    <a href="{{ route('admin.users.update.form', ['user' => $user->id]) }}" class="btn_md btn_green">Edytuj</a>

                    @endcansee
                    @cansee('admin.users.delete')

                    <a class="btn_md btn_red delete_confirm_button" data-id_key="{{ $user->id }}"
                       data-display_text="{{ $user->name }}">Usuń</a>

                    @endcansee
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>


    {{ $users->links() }}

    </x-wrapper-component>
@endsection

@push('modal')

    @cansee('admin.users.delete')

    <x-modal.modal-delete-confirm-component modalRoute="{{ route('admin.users.delete') }}"/>

    @endcansee

@endpush