{%
    set viewOptions = {
    cart: { icon: "adjust", color: "light" } ,
    cancelled: { icon: "ban", color: "danger" } ,
    shipped: { icon: "plane", color: "success" } ,
    partially_shipped: { icon: "adjust", color: "warning" } ,
    ready: { icon: "clock", color: "primary" } ,
    }
%}

{% set value = 'sylius.ui.' ~ state %}

<div class="badge badge-{{ viewOptions[state]['color'] }}">
    <i class="{{ viewOptions[state]['icon'] }} icon"></i>
    <span id="order-shipment-status" {{ sylius_test_html_attribute('order-shipment-state') }}>{{ value|trans }}</span>
</div>
