@extends('content')

@section('filters')

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

        <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="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.select-alpine-component
                    whichData="mechanics"
                    defaultValue="{{ request('t5-employee_id|=') }}"
                    inputName="t5-employee_id|="
                    searchInput="true"
                    selectAlpineClass="select_alpine_filters"
                    label="mechanic"
                />
            </div>

        </div>

    </x-index.filters-component>

@endsection

@section('page-title')
    <div>{{ __('vehicle.list.header') }}</div>
@endsection

@section('page-content')
<x-wrapper-component>

<x-filters.filter-badges/>


<div class="workshop-cases">
    @if(count($items) > 0)
        @foreach($items as $index => $item)

            @php
                $mechanicy = json_decode($item->mechanicy_json, true) ?? [];
            @endphp

        @if($mechanicy) <a href="{{ route('workshop.cases.update.details', ['case'=>$item->id]) }}"> @endif

                <div class="case-row bg-gray-300">
                    <div class="case-keychain">
                        {{ $item->keychain }}
                    </div>
                    <div class="case-plate_number">
                        {{ $item->plate_number }}
                    </div>
                    <div class="case-car_brand">
                        {{ $item->car_brand }} {{ $item->car_model }}
                    </div>
                    <div class="case-mechanic">
                        @if($mechanicy)
                            {{ __('workshop.mechanic') }}:
                            @foreach($mechanicy as $index => $name)
                                <p>{{ $name }}</p>
                            @endforeach
                        @else
                            <div class="bg-red-500 text-white px-2 py-1 rounded-sm">BRAK MECHANIKA</div>
                        @endif
                    </div>
                    <div class="case-positions_number">
                        {{ __('workshop.items_to_repair') }}:
                        {{ trans_choice('workshop.items_count', $item->ile_pozycji_zlecenia, ['count' => $item->ile_pozycji_zlecenia]) }}<br>
                    </div>
                    <div class="case-status"
                        @switch($item->status)
                            @case(\App\Models\Cases::STATUS_IN_PROGRESS) style="background-color: var(--color-green2)" @break
                            @case(\App\Models\Cases::STATUS_STOPPED) style="background-color: var(--color-red1); color:white;" @break
                            @case(\App\Models\Cases::STATUS_DONE) style="background-color: var(--color-blue1); color:white;" @break
                        @endswitch
                    >
                        {{ __('workshop.case_status.'.$item->status) }}
                    </div>
                </div>
            @if($mechanicy) </a> @endif
        @endforeach
    @else
        <div class="text-center text-2xl p-8">BRAK ZALECEŃ DO NAPRAWY</div>
    @endif
</div>
{{ $items->links() }}

</x-wrapper-component>
@endsection