@props(['case_id', 'case_status', 'is_keychain'])
<div class="border-3 border-gray-600 mt-4 p-4 rounded-xl">
    <form action="{{ route('office.cases.update.case_status_change') }}" method="post">@csrf
        <input type="hidden" name="case_id" value="{{ $case_id }}">
        <div class="flex items-center">
            <div class="text-left w-full">
                <label for="case_new_status" class="text-sm font-bold text-xl">Status zlecenia: </label>
                <select name="case_new_status" id="case_new_status" class="border rounded px-2 py-1 w-1/2">
                    @if(is_null($is_keychain)) {{-- STSATU TYLKO DLA ZLECEŃ Z BRELOCZKIEM --}}
                        <option value="{{ \App\Models\Cases::STATUS_DONE }}" @if($case_status==\App\Models\Cases::STATUS_DONE) selected @endif>
                            {{ __('office.case_status.'.\App\Models\Cases::STATUS_DONE) }}
                        </option>
                    @endif
                    <option value="{{ \App\Models\Cases::STATUS_VERIFIED }}" @if($case_status==\App\Models\Cases::STATUS_VERIFIED) selected @endif>
                        {{ __('office.case_status.'.\App\Models\Cases::STATUS_VERIFIED) }}
                    </option>
                    <option value="{{ \App\Models\Cases::STATUS_PARTIALLY_PAID }}" @if($case_status==\App\Models\Cases::STATUS_PARTIALLY_PAID) selected @endif>
                        {{ __('office.case_status.'.\App\Models\Cases::STATUS_PARTIALLY_PAID) }}
                    </option>
                    <option value="{{ \App\Models\Cases::STATUS_CLOSED }}" @if($case_status==\App\Models\Cases::STATUS_CLOSED) selected @endif>
                        {{ __('office.case_status.'.\App\Models\Cases::STATUS_CLOSED) }}
                    </option>
                </select>
                <button type="submit" class="bg-orange-600 text-white px-3 py-1 rounded hover:bg-orange-500">
                    Zmień
                </button>
            </div>
            @if($case_status > \App\Models\Cases::STATUS_DONE)
                <div class="text-right">
                @if(is_null($is_keychain))
                    <a class="bg-rose-600 text-white cursor-pointer px-3 py-1 rounded hover:bg-red-500 whitespace-nowrap keychain_return_button" data-case_id="{{ $case_id }}">
                        Zwróć breloczek
                    </a>
                @else
                    <span class="whitespace-nowrap bg-yellow-500 px-2 pt-1 pb-2 rounded-lg">Breloczek zwrócony</span>
                @endif
                </div>
            @endif
        </div>
    </form>
</div>
@if($case_status > \App\Models\Cases::STATUS_DONE && is_null($is_keychain))
    <x-modal.modal-keychain-return-component modalRoute="{{ route('office.cases.update.keychain_manual_return') }}" />
@endif