@if($canCloseCase)
    <div class="text-center pb-4">
        <a class="btn_lg btn_red confirm_change_case_status" data-id_key="{{ $caseId }}">Zmień status zlecenia na zakończony</a>
    </div>
@endif

@if(!empty($assignedCasePositions))
    <div class="border workshop-info-border mb-4">
        <div class="workshop-info-bg px-4 py-1 text-white">{{ __('office.case_position.case_items') }}</div>
        @foreach($assignedCasePositions as $itemToRepair)
            <a href="{{ route($page.'.cases.update.details.editor', ['case'=>$itemToRepair['case_id'], 'action'=>'status', 'current_position'=>$itemToRepair['id']]) }}"
               class="py-1 mx-4 block hover:bg-slate-200 border-b workshop-info-border last:border-none cursor-pointer">
                <div class="text-md">
                    <span class="px-2 text-md mr-2 status-color{{ $itemToRepair['status'] }}">{{ __('office.position_status.'.$itemToRepair['status']) }}</span>
                    {{--                    <span class="pr-1">{{ __('office.case_position.mechanic') }}:</span>--}}
                    @if(isset($itemToRepair['other_mechanics']))
                        @foreach($itemToRepair['other_mechanics'] as $mechanic)
                            <span class="bg-sky-700 text-white px-1 border border-slate-300 text-sm">{{ $mechanic }}</span>
                        @endforeach
                    @endif
                </div>
                <div class="text-red-900">{{ $itemToRepair['description'] }}</div>
            </a>
        @endforeach
    </div>
@endif


@if(!empty($otherCasePositions))
    <div class="border workshop-info-border mb-4">
        <div class="workshop-info-bg px-4 py-1 text-white">{{ __('office.case_position.case_custom_items') }}</div>
        @foreach($otherCasePositions as $itemToRepair)
            <a href="{{ route($page.'.cases.update.details.editor', ['case'=>$itemToRepair['case_id'], 'action'=>'status', 'current_position'=>$itemToRepair['id']]) }}"
               class="py-1 mx-4 block hover:bg-slate-200 border-b workshop-info-border last:border-none cursor-pointer">
                <div class="text-md">
                    <span class="px-2 text-md mr-2 status-color{{ $itemToRepair['status'] }}">{{ __('office.position_status.'.$itemToRepair['status']) }}</span>
                    {{--                    <span class="pr-1">{{ __('office.case_position.mechanic') }}:</span>--}}
                    @if(isset($itemToRepair['other_mechanics']))
                        @foreach($itemToRepair['other_mechanics'] as $mechanic)
                            <span class="bg-sky-700 text-white px-1 border border-slate-300 text-sm">{{ $mechanic }}</span>
                        @endforeach
                    @endif
                </div>
                <div class="text-red-900">{{ $itemToRepair['description'] }}</div>
            </a>
        @endforeach
    </div>
@endif

@if($canCloseCase)
    @push('modal')
        <x-modal.modal-change-case-status-component modalRoute="{{ route('office.cases.update.change_status_to_close') }}" />
    @endpush
@endif