{% import '@SyliusShop/Common/Macro/money.html.twig' as money %}

<label for="{{ form.vars.id }}" class="custom-control custom-radio selection-block checkout-shipment {% if form.vars.checked %}active{% endif %}" {{ sylius_test_html_attribute('shipping-item') }}>
    <input type="radio"
           class="custom-control-input"
           name="{{ form.vars.full_name }}"
           id="{{ form.vars.id }}"
           value="{{ form.vars.value }}"
           {% if form.vars.checked %}
               checked="checked"
           {% endif %}
    >
    <span class="custom-control-field"></span>
    <span class="custom-control-text">
        <span class="selection-block-price price">{{ money.convertAndFormat(fee) }}</span>
        <span class="selection-block-title h6">
            {{ form.vars.label }}

            {% if method.image is defined and method.image is not empty %}
                {% set path = method.image.path|imagine_filter(filter|default('app_shop_payment_method_thumbnail')) %}
                <span class="img-wrapper">
                    <img src="{{ path }}" class="img-fluid" {{ sylius_test_html_attribute('method-image') }} alt="{{ method.name }}"/>
                </span>
            {% endif %}
        </span>
        {% if method.description is not null %}
            <span class="selection-block-description">{{ method.description }}</span>
        {% endif %}
    </span>
</label>
