{% extends 'App/_include/_layout.main.html.twig' %}
{% block page_content %}
    {% set current_order = app.session.get('current_order') %}
    <div class="cell small-12">
        <div class="grid-x header_title_and_action">
            <div class="cell small-12  medium-auto header_title">
                <h1><i class="fa fa-shopping-cart"></i>{{ 'subscription.step3.title'|trans }}</h1>
            </div>
        </div>
    </div>
    <div class="cell small-12 medium-6">
        <h3 class="subheader mb-1">{{ 'subscription.step3.subtitle.my_order'|trans }}</h3>
        {% if current_order.orderLines|length > 0 %}
            <table class="style-light">
                <thead>
                    <tr>
                        <th>{{ 'my_account.order.detail.column.offer'|trans }}</th>
                        <th>{{ 'my_account.order.detail.column.quantity'|trans }}</th>
                        <th class="text-right">{{ 'my_account.order.detail.column.price'|trans }}</th>
                    </tr>
                </thead>
                <tbody>
                {% for line in current_order.orderLines %}
                    <tr>
                        <td>{{ line.offer.name|trans|capitalize }}{% if line.amountUnit != line.amountTotal %}&nbsp;({{ line.amountUnit }} € HT){% endif %}</td>
                        <td>{{ line.quantity }}{% if not line.isOption %} ({{ 'license'|transchoice(line.quantity) }}){% endif %}</td>
                        <td class="text-right">{{ line.amountTotal|number_format(2, ',','') }} € HT</td>
                    </tr>
                {% endfor %}
                    <tr class="sum border_top">
                        <td rowspan="3">{{ 'my_account.order.detail.text2'|trans }}</td>
                        <td class="text-right">{{ 'my_account.order.amount_pre_tax'|trans }}</td>
                        <td class="text-right">{% if current_order.amountPreTax %}{{ current_order.amountPreTax|number_format(2, ',','') }} €{% endif %}</td>
                    </tr>
                    <tr class="sum">
                        <td class="text-right">{{ 'my_account.order.amount_tax'|trans }}</td>
                        <td class="text-right">{% if current_order.amountTax %}{{ current_order.amountTax|number_format(2, ',','') }} €{% endif %}</td>
                    </tr>
                    <tr class="sum">
                        <td class="text-right">{{ 'my_account.order.amount_with_tax'|trans }}</td>
                        <td class="text-right">{% if current_order.amountWithTax %}{{ current_order.amountWithTax|number_format(2, ',','') }} €{% endif %}</td>
                    </tr>
                </tbody>
            </table>
        {% endif %}
    </div>
    <div class="cell small-12 medium-6">
        <h3 class="subheader mb-1">{{ 'subscription.step3.subtitle.informations'|trans }}</h3>
        <div class="listing xl"><span>{{ 'subscription.step3.company_name'|trans }}</span><b>{{ current_order.customerName }}</b></div>
        <div class="listing xl"><span>{{ 'subscription.step3.address'|trans }}</span><b>
                {% if current_order.address1|length > 0 %}{{ current_order.address1 }}{% endif %}
                {% if current_order.address1|length > 0 and current_order.address2|length > 0 %}<br>{% endif %}
                {% if current_order.address2|length > 0 %}{{ current_order.address2 }}{% endif %}
        </b></div>
        <div class="listing xl"><span>{{ 'subscription.step3.zc_city'|trans }}</span><b>{{ current_order.zipCode ~ ' ' ~ current_order.city }}</b></div>
        <div class="listing xl"><span>{{ 'subscription.step3.country'|trans }}</span><b>{{ current_order.country }}</b></div>
        <div class="listing xl"><span>{{ 'subscription.step3.physical_person'|trans }}</span><b>{{ current_order.firstName ~ ' ' ~ current_order.lastName }}</b></div>
        <div class="listing xl"><span>{{ 'subscription.step3.email'|trans }}</span><b>{{ current_order.email }}</b></div>
        <div class="listing xl"><span>{{ 'subscription.step3.phone'|trans }}</span><b>{{ current_order.phone }}</b></div>
    </div>
    {# hidden form for e-transactions #}
    <div class="cell small-12 text-right mt-1">
        <form method="POST" action="{{ e_transactions_server }}">
            {% for row_k, row_v in e_transactions_data %}
                <input type="hidden" name="{{ row_k }}" value="{{ row_v }}">
            {% endfor %}
            <input type="hidden" name="PBX_HMAC" value="{{ e_transactions_hmac }}">
            <button type="submit" class="button save small">{{ 'subscription.step3.btn_pay'|trans }}</button>
        </form>
    </div>

{% endblock %}
{% block javascript_footer %}
    {{ parent() }}
{% endblock %}