@extends('content')

@section('filters')

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

    <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-id|="
                inputValue="{{ request('t1-id|=') }}"
                inputLabel="{{ __('filters.order') }}"
                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="t2-car_brand|like|%%"
                inputValue="{{ request('t2-car_brand|like|%%') }}"
                inputLabel="{{ __('filters.car_brand') }}"
                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="t2-car_model|like|%%"
                inputValue="{{ request('t2-car_model|like|%%') }}"
                inputLabel="{{ __('filters.car_model') }}"
                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="t2-plate_number|like|%%"
                inputValue="{{ request('t2-plate_number|like|%%') }}"
                inputLabel="{{ __('filters.plate_number') }}"
                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="t3-phone|like|%%"--}}
        {{--                inputValue="{{ request('t3-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="t3-company_name|like|%%"
                inputValue="{{ request('t3-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="t3-last_name|like|%%"
                inputValue="{{ request('t3-last_name|like|%%') }}"
                inputLabel="{{ __('filters.last_name') }}"
                inputClass="input_sm input_filters"
            />
        </div>

    </div>

</x-index.filters-component>

@endsection


@section('page-title')
    <div>Archiwum zleceń</div>
    <div>
        @cansee('office.vehicles.insert')
        <a href="{{ route('office.vehicles.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="warsztat-table">
            <thead>
            <tr>
                <th>#</th>
                <th>@sortable('office.archive.table.case_id', 't1.id')</th>
                <th>@sortable('office.archive.table.case_id', 't2.car_brand')</th>
                <th>@sortable('office.archive.table.car_model', 't2.car_model')</th>
                <th>@sortable('office.archive.table.plate_number', 't2.plate_number')</th>
                <th>{{ __('office.archive.table.company_name') }}</th>
                <th>{{ __('office.archive.table.phone') }}</th>
                <th>{{ __('office.archive.table.archived_by') }}</th>
                <th>@sortable('office.archive.table.data', 't1.archived_at')</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @foreach($archived_cases as $index => $case)
                <tr>
                    <td class="text-right">{{ ($archived_cases->currentPage() - 1) * $archived_cases->perPage() + $loop->iteration }}.</td>
                    <td class="text-right">{{ str_pad($case->case_id, 7, '0', STR_PAD_LEFT) }}</td>
                    <td class="text-left">{{ $case->car_brand }}</td>
                    <td class="text-left">{{ $case->car_model }}</td>
                    <td class="text-left">{{ $case->plate_number }}</td>
                    <td class="text-left">{{ $case->client }}</td>
                    <td class="text-right">{{ $case->phone }}</td>
                    <td class="text-center">{{ $case->archived_user_name }}</td>
                    <td class="text-center">{{ $case->archived_at }}</td>
                    <td class="text-center">
                        <a href="{{ route('office.archives.view.details', ['archive' => $case->case_id]) }}" class="btn_md btn_green">Szczegóły</a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        </div>

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








{{--@push('modal')--}}

{{--    @cansee('office.vehicles.delete')--}}

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

{{--    @endcansee--}}

{{--@endpush--}}