@extends('content')

@section('page-title')
    {{ __('workshop.case_position.case') }}
@endsection

@section('page-content')

    <x-wrapper-component>

        {{-- INFO - pojazd, status, mechanik, opis --}}
        <x-workshop.case-header-component :vehicle="$vehicle" :keychain="$keychain" :case="$case" :case_employee="$case_employee" />

        <x-workshop.buttons-component :case="$case" />

        <div class="border-4 border-gray-600 mb-4">
            <div class="bg-gray-600 px-4 pt-1 pb-2 text-white">{{ __('workshop.intercars.title') }}</div>

            <div class="w-min mx-auto my-4">
                <form
                    method="GET"
                    action="{{ route('workshop.cases.update.get_from_intercars', ['case'=>$case]) }}"
                    x-data
                    x-ref="form"
                    @keydown.enter.prevent="$refs.form.submit()"
                    x-init="$nextTick(() => $refs.barcodeInput.focus())"
                >
                    @csrf
                    <input
                        type="text"
                        name="ean_barcode"
                        x-ref="barcodeInput"
                        placeholder="Zeskanuj kod EAN"
                        autocomplete="off"
                        class="border p-4 text-center text-3xl"
                    >
                </form>
            </div>

            {{-- zeskanowane pozycje --}}
            <x-session.intercars-component :caseId="$case->id" />


            <div class="px-4 my-4">

                @if($scan_positions_quantity > 1)
                    <div class="text-2xl text-red-500">Znaleziono kilka pozycji z tym samym kodem EAN</div>
                @else
                    <div class="text-2xl">Lista części z intercars</div>
                @endif

            </div>

{{--            <div class="px-4 my-4">--}}

{{--                <x-forms.select-alpine-component--}}
{{--                    whichData="intercars_items"--}}
{{--                    defaultValue="{{ old('intercars_item_id') }}"--}}
{{--                    inputName="intercars_item_id"--}}
{{--                    searchInput="true"--}}
{{--                    label="intercars_items"--}}
{{--                />--}}

{{--            </div>--}}

            @if(!$intercars_positions->isEmpty())

                <div class="px-4">
                    <table class="min-w-full divide-y divide-gray-300">
                        <thead class="bg-gray-300">
                        <tr class="divide-x divide-gray-100">
                            <th class="px-4 py-1 text-left text-sm text-gray-700">#</th>
                            <th></th>
                            <th class="px-4 py-1 text-left text-sm text-gray-700">{{ __('workshop.intercars.name') }}</th>
                            <th class="px-4 py-1 text-left text-sm text-gray-700">{{ __('workshop.intercars.packagedQuantity') }}</th>
                            <th class="px-4 py-1 text-left text-sm text-gray-700">{{ __('workshop.intercars.unitPriceGross') }}</th>
                            <th class="px-4 py-1 text-left text-sm text-gray-700">{{ __('workshop.intercars.sku') }}</th>
                            <th class="px-4 py-1 text-left text-sm text-gray-700">{{ __('workshop.intercars.index') }}</th>
                            <th class="px-4 py-1 text-left text-sm text-gray-700">Eans</th>
                            <th class="px-4 py-1 text-left text-sm text-gray-700">{{ __('workshop.intercars.description') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($intercars_positions as $index=>$value)
                            <tr class="divide-x divide-gray-300 odd:bg-white even:bg-gray-200">
                                <td class="px-4 py-1 text-sm text-gray-800">{{ $index+1 }}</td>
                                <td class="px-4 py-1 text-sm text-gray-800 text-center">
                                    <form action="{{ route('workshop.cases.update.intercars.pickup') }}" method="post">@csrf
                                        <input type="hidden" name="case_id" value="{{ $case->id }}">
                                        <input type="hidden" name="item_id_to_session" value="{{ $value->id }}">
                                        <button type="submit" class="btn_md btn_red">dodaj</button>
                                    </form>
                                </td>
                                <td class="px-4 py-1 text-sm text-gray-800">{{ $value->name }}</td>
                                <td class="px-4 py-1 text-sm text-gray-800">{{ $value->quantity }}</td>
                                <td class="px-4 py-1 text-sm text-gray-800">{{ $value->listPriceGross }}</td>
                                <td class="px-4 py-1 text-sm text-gray-800">{{ $value->sku }}</td>
                                <td class="px-4 py-1 text-sm text-gray-800">{{ $value->index }}</td>
                                <td class="px-4 py-1 text-sm text-gray-800">{{ $value->eans }}</td>
                                <td class="px-4 py-1 text-sm text-gray-800">{{ $value->description }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            @endif

        </div>

    </x-wrapper-component>

    <div class="text-center">
        <a href="{{ route('workshop.cases.update.details', ['case'=>$case->id]) }}" class="btn_lg btn_gray">&laquo; {{ __('main.return') }}</a>
    </div>


@endsection
@push('custom-js')

@endpush