{% if isFrontOffice is defined and isFrontOffice == true %}
    {% include '@DediSyliusTheme/Modal/_confirmation.html.twig' %}
{% else %}
    <div class="ui small basic modal" id="confirmation-modal">
        <div class="ui icon header">
            <i class="warning sign icon"></i>
            {{ 'sylius.ui.confirm_your_action'|trans }}
        </div>
        <div class="content">
            <p>{{ 'sylius.ui.are_your_sure_you_want_to_perform_this_action'|trans }}</p>
        </div>
        <div class="actions">
            <div class="ui red basic cancel inverted button">
                <i class="remove icon"></i>
                {{ 'sylius.ui.no_label'|trans }}
            </div>
            <div class="ui green ok inverted button" id="confirmation-button">
                <i class="checkmark icon"></i>
                {{ 'sylius.ui.yes_label'|trans }}
            </div>
        </div>
    </div>
{% endif %}
