@extends('content')

@section('filters')

<x-index.filters-component filtersRoute="{{ route('office.clients') }}">

    <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-company_name|like|%%"
                inputValue="{{ request('t1-company_name|like|%%') }}"
                inputLabel="{{ __('filters.company_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-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.input-component
                inputType="text"
                inputName="t1-nip|like|%%"
                inputValue="{{ request('t1-nip|like|%%') }}"
                inputLabel="{{ __('filters.nip') }}"
                inputClass="input_sm input_filters"
            />
        </div>

    </div>

</x-index.filters-component>

@endsection

@section('page-title')
    <div>{{ __('clients.clients.clients') }}</div>
    <div>
        @cansee('office.clients.insert')
        <a href="{{ route('office.clients.insert.create') }}" 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>#</th>
                <th>@sortable('clients.clients.table.company_name', 't1.company_name')</th>
                <th>@sortable('clients.clients.table.name', 't1.name')</th>
                <th>@sortable('clients.clients.table.last_name', 't1.last_name')</th>
                <th>@sortable('clients.clients.table.phone', 't1.phone')</th>
                <th>@sortable('clients.clients.table.email', 't1.email')</th>
                <th>@sortable('clients.clients.table.nip', 't1.nip')</th>
                <th>@sortable('clients.clients.table.street', 't1.street')</th>
                <th>@sortable('clients.clients.table.zip_code', 't1.zip_code')</th>
                <th>@sortable('clients.clients.table.city', 't1.city')</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @foreach($clients as $index => $client)
                <tr>
                    <td class="text-center">{{ ($clients->currentPage() - 1) * $clients->perPage() + $loop->iteration }}.</td>
                    <td class="">{{ $client->company_name }}</td>
                    <td class="">{{ $client->name }}</td>
                    <td class="">{{ $client->last_name }}</td>
                    <td class="">{{ $client->phone }}</td>
                    <td class="">{{ $client->email }}</td>
                    <td class="">{{ $client->nip }}</td>
                    <td class="">{{ $client->street }}</td>
                    <td class="">{{ $client->zip_code }}</td>
                    <td class="">{{ $client->city }}</td>
                    <td>
                        @cansee('office.clients.update')
                            <a href="{{ route('office.clients.update.edit', ['client' => $client->id]) }}" class="btn_md btn_green">{{ __('main.edit') }}</a>
                        @endcansee
                        @cansee('office.clients.delete')
                            <a class="btn_md btn_red delete_confirm_button" data-id_key="{{ $client->id }}" data-display_text="{{ $client->name }}">{{ __('main.delete') }}</a>
                        @endcansee
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

    {{ $clients->links() }}
    </x-wrapper-component>
@endsection








@push('modal')

    @cansee('office.clients.delete')

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

    @endcansee

@endpush