@php
    $status = $urgency == 'Très élevé' ? 'danger' : 'warning';
@endphp
<div class="mt-2">
    <h5>{{ $title }}</h5>
    <div class="d-flex justify-content-between">
        <div>
            <p>{{ $date }}</p>
            <p>Garage</p>
            <p>Luis Pedro</p>
        </div>
        <div class="mt-2">
            <span>
                @if ($status === 'danger')
                    <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <circle cx="5" cy="5" r="5" fill="#F2415A" />
                    </svg>                
                @else
                    <svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <circle cx="5" cy="5.5" r="5" fill="#FFBF0F"/>
                    </svg>
                @endif
                Urgence <br><br>
                <button type="button" class="btn btn-outline-{{ $status }} rounded-pill btn-sm">{{ $urgency }}</button>
            </span>
        </div>
    </div>
</div>