@switch($status)

    @case('pending')
        <span class="px-2 py-1 rounded-lg text-xs bg-yellow-100 text-yellow-700">
            Pending
        </span>
    @break

    @case('in_warehouse')
        <span class="px-2 py-1 rounded-lg text-xs bg-blue-100 text-blue-700">
            In Warehouse
        </span>
    @break

    @case('in_transit')
        <span class="px-2 py-1 rounded-lg text-xs bg-indigo-100 text-indigo-700">
            In Transit
        </span>
    @break

    @case('delivered')
        <span class="px-2 py-1 rounded-lg text-xs bg-green-100 text-green-700">
            Delivered
        </span>
    @break

@endswitch