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

@if($reservation?->customer_contact_status == 'contacted')
@php $btn_class = "btn-success"; @endphp
@elseif($reservation?->customer_contact_status == 'not_contacted')
@php $btn_class = "btn-warning"; @endphp
@endif

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

<div class="actions-btn contact_status_container">
    <div class="btn-group mb-4 mr-2" role="group">
        <button type="button" class="btn {{ $btn_class }} dropdown-toggle" data-toggle="dropdown" style="width: {{ $btn_width }};" aria-haspopup="true" aria-expanded="false">
            <span href="javascript:void(0);">{{ ! isset($reservation?->customer_contact_status) ? __('reservation.customer_contact_status') : __("reservation.$reservation?->customer_contact_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 contact_status" data-value="contacted" data-reservation_id="{{ $reservation?->id }}">@lang("validation.attributes.contacted")</a>
            <a href="javascript:void(0);" class="dropdown-item contact_status" data-value="not_contacted" data-reservation_id="{{ $reservation?->id }}">@lang('validation.attributes.not_contacted')</a>
        </div>
    </div>
</div>