@extends('content')

@section('page-title')
    {{ __('workshop.case_position.case') }}
    <a href="{{ route('workshop.cases') }}" class="btn_sm btn_gray">&laquo; {{ __('main.return') }}</a>
@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="grid grid-cols-12 gap-x-4">

            <div class="col-span-7">

                {{-- Edycja danych - zmiany statusu, wiadomości dla biura, czas pracy --}}
                @if(!is_null($action))
                    <div class="border-4 {{ $action }}-border mb-4">
                        <div class="flex justify-between w-full {{ $action }}-bg">
                            <div class="px-4 pt-1 pb-2 text-white text-left">{{ __('workshop.editor.action.'.$action) }}</div>
                            <div class="text-right mt-1 mr-1">
                                <a href="{{ route('workshop.cases.update.details', ['case'=>$case->id]) }}" class="btn_md btn_gray">{{ __('main.close') }}</a>
                            </div>
                        </div>
                        @switch($action)
                            @case('status')
                                <div class="px-4 py-2">
                                    <x-workshop.editor.status-component :position="$current_position" />
                                </div>
                                @break
                            @case('office_message')
                                <div class="px-4 py-2">
                                    <x-workshop.editor.message-component :case="$case" :positions="$case_positions" />
                                </div>
                                @break
                            @case('add_time')
                                <div class="px-4 py-2">
                                    @if(isset($current_position) && intval($current_position->id) > 0)
                                        <x-workshop.editor.time-component :case="$case" :positions="$case_positions" :current_position="$current_position->id" :rateType="$rate_type" :default_rate="$default_rate_value" />
                                    @else
                                        <x-workshop.editor.time-component :case="$case" :positions="$case_positions" :current_position="null" :rateType="$rate_type" :default_rate="$default_rate_value" />
                                    @endif
                                </div>
                                @break
                            @case('other_source')
                                <div class="px-4 py-2">
                                    <x-workshop.editor.other-order-component :case="$case" :positions="$case_positions" />
                                </div>
                                @break
                            @case('warehouse')
                                <x-workshop.editor.warehouse-parts-component :case="$case" />
                                @break
                            @case('intercars')
                                <x-workshop.editor.intercars-component :case="$case" />
                                @break
                            @case('return')
                                <div class="px-4 py-2">
                                    <x-case-edit.editor.return-component :case="$case" itemId="{{ $current_position }}" page="workshop" />
                                </div>
                                @break
                            @case('intercars_return')
                                <div class="px-4 py-2">
                                    <x-case-edit.editor.return-intercars-component :case="$case" itemId="{{ $current_position }}" page="workshop" />
                                </div>
                                @break
                        @endswitch
                    </div>
                @endif
                <x-workshop.messages-component caseId="{{ $case->id }}" page="workshop"/>
                <x-workshop.warehouse-parts-component caseId="{{ $case->id }}"/>
                <x-workshop.working-time-info-component caseId="{{ $case->id }}" page="workshop"/>

            </div>
            <div class="col-span-5">

                <x-workshop.case-positions-component :casePositions="$case_positions" :caseId="$case->id" page="workshop" />
                <x-workshop.change-status-component caseId="{{ $case->id }}"/>

            </div>

        </div>

    </x-wrapper-component>

    <div class="text-center">

        <a href="{{ route('workshop.cases') }}" class="btn_lg btn_gray">&laquo; {{ __('main.return') }}</a>

    </div>

@endsection


@push('modal')
    <x-modal.modal-vehicle-info-component :vehicle="$vehicle" />
@endpush