<style type="text/css">
    @media (max-width: 768px) {
        .dl-horizontal dd {
            text-align: center;
        }
    }
</style>
<div class="row form-group">
    <h4>■{{ title|raw }}</h4>

    <div class="dl-horizontal">
        <dl>
            <dt>{{ 'remise_payment4.common.label.cvs_name'|trans }}</dt>
            <dd class="text-left">{{ cvs_name|raw }}</dd>
        </dl>
        <dl>
            <dt>{{ 'remise_payment4.common.label.cvs_paydate'|trans }}</dt>
            <dd class="text-left">{{ cvs_paydate|raw }}</dd>
        </dl>
        {% for key, item in cvs_others %}
        <dl>
            <dt>{{ item[0]|raw }}</dt>
            {% if 'http://' in item[1] or 'https://' in item[1] %}
            <dd class="text-left"><a href="{{ item[1]|raw }}" target="_blank" class="btn btn-info">{{ 'remise_payment4.front.button.payment_url'|trans }}</a></dd>
            {% else %}
            <dd class="text-left">{{ item[1]|raw }}</dd>
            {% endif %}
        </dl>
        {% endfor %}
        <div class="col-sm-12 center-block text-left">{{ cvs_msg|raw|nl2br }}</div>
    </div>
</div>
