@php
$btn_class = "btn-outline-dark";
@endphp

@if($reservation?->car_receiving_status == 'received')
@php $btn_class = "btn-success"; @endphp
@elseif($reservation?->car_receiving_status == 'not_received')
@php $btn_class = "btn-warning"; @endphp
@endif

@props([
'btn_width' => null
])

<div class="actions-btn car_receiving_status_container">
    <div class="btn-group mb-4 mr-2" role="group">
        <button type="button" class="btn {{ $btn_class }} dropdown-toggle" style="width: {{ $btn_width }};" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <span href="javascript:void(0);">{{ ! isset($reservation?->car_receiving_status) ? __('reservation.car_receiving_status') : __("reservation.$reservation?->car_receiving_status") }}</span>
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down">
                <polyline points="6 9 12 15 18 9"></polyline>
            </svg></button>
        <div class="dropdown-menu" aria-labelledby="btndefault">
            <a href="javascript:void(0);" class="dropdown-item car_receiving_status" data-value="received" data-reservation_id="{{ $reservation?->id }}">@lang("general.received")</a>
            <a href="javascript:void(0);" class="dropdown-item car_receiving_status" data-value="not_received" data-reservation_id="{{ $reservation?->id }}">@lang('general.not_received')</a>
        </div>
    </div>
</div>