@extends('content')

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

@section('page-content')

    <x-wrapper-component>

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

        <x-case-edit.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">{{ __('office.editor.action.'.$action) }}</div>
                            <div class="text-right mt-1 mr-1">
                                <a href="{{ route('office.cases.update.details', ['case'=>$case->id]) }}" class="btn_md btn_gray">{{ __('main.close') }}</a>
                            </div>
                        </div>
                        <div class="px-4 py-2">
                            @switch($action)
                                @case('new_position')
                                    <div class="px-4 py-2">
                                        <x-case-edit.editor.new-position-component :case="$case" />
                                    </div>
                                    @break
                                @case('add_employee')
                                    <div class="px-4 py-2">
                                        <x-case-edit.editor.add_employee-component :case="$case" :positions="$case_positions" />
                                    </div>
                                    @break
                                @case('status')
                                    <div class="px-4 py-2">
                                        <x-case-edit.editor.status-component :position="$current_position" />
                                    </div>
                                    @break
                                @case('office_message')
                                    <div class="px-4 py-2">
                                        <x-case-edit.editor.message-component :case="$case" :positions="$case_positions" />
                                    </div>
                                    @break
                                @case('add_time')
                                    <div class="px-4 py-2">
                                        <x-case-edit.editor.time-component :case="$case" :positions="$case_positions" :rateType="$rate_type" :default_rate="$default_rate_value" />
                                    </div>
                                    @break
                                @case('other_source')
                                    <div class="px-4 py-2">
                                        <x-case-edit.editor.other-order-component :case="$case" :positions="$case_positions" />
                                    </div>
                                    @break
                                @case('return')
                                    <div class="px-4 py-2">
                                        <x-case-edit.editor.return-component :case="$case" itemId="{{ $current_position }}" page="office" />
                                    </div>
                                    @break
                                @case('intercars_return')
                                    <div class="px-4 py-2">
                                        <x-case-edit.editor.return-intercars-component :case="$case" itemId="{{ $current_position }}" page="office" />
                                    </div>
                                    @break
                                @case('warehouse')
                                    <x-case-edit.editor.warehouse-parts-component :case="$case" />
                                    @break
                                @case('intercars')
                                    <x-case-edit.editor.intercars-component :case="$case" />
                                    @break
                            @endswitch
                        </div>
                    </div>
                @endif

                <x-workshop.messages-component caseId="{{ $case->id }}" page="office"/>
                <x-workshop.warehouse-parts-component caseId="{{ $case->id }}" page="office"/>
                <x-workshop.working-time-info-component caseId="{{ $case->id }}" page="office" />

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

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

            </div>

        </div>



    </x-wrapper-component>

    <div class="text-center">

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

    </div>

@endsection

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