{%
    set viewOptions = {
        authorized: { icon: "check", color: "success" } ,
        cancelled: { icon: "ban", color: "danger" } ,
        completed: { icon: "adjust", color: "success" } ,
        failed: { icon: "ban", color: "danger" } ,
        new: { icon: "clock", color: "primary" } ,
        processing: { icon: "check", color: "warning" } ,
        refunded: { icon: "reply all", color: "success" } ,
    }
%}

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

<i class="{{ viewOptions[state]['icon'] }} icon text-{{ viewOptions[state]['color'] }}" data-toggle="tooltip" title="{{ value|trans }}"></i>
