{% extends '@Payment/base.html.twig' %}

{% block title %}{{ 'default.summary'|trans }}{% endblock %}

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

{% block dashbody %}
    <div class="container">
        <div class="row">
            <div class="col s12">
                <h4 class="center">{{ 'default.payment_details'|trans }}</h4>
            </div>
        </div>
        <div class="row">
            <div class="col s12 m7 offset-m3">
                <div class="row">
                    <div class="col s12 m3">{{ 'default.user_basket_first_name'|trans }} :</div>
                    <div class="col s12 m6">{{ transaction.user.firstName }}</div>
                </div>
                <div class="row">
                    <div class="col s12 m3">{{ 'default.user_basket_last_name'|trans }} :</div>
                    <div class="col s12 m6">{{ transaction.user.lastName }}</div>
                </div>
                <div class="row">
                    <div class="col s12 m3">{{ 'default.user_basket_email'|trans }} :</div>
                    <div class="col s12 m6">{{ transaction.user.email }}</div>
                </div>
                <div class="row">
                    <div class="col s12 m3">{{ 'default.transaction_number'|trans }} :</div>
                    <div class="col s12 m6">{{ transaction.publicKey }}</div>
                </div>
                <div class="row">
                    <div class="col s12 m3">{{ 'default.transaction_amount'|trans }} :</div>
                    <div class="col s12 m6">{{ transaction.total }}</div>
                </div>
            </div>
            <div class="row">
                <div class="col s12 m4 offset-m2">
                    <a href="{{ path('app_payment_means') }}" class="waves-effect waves-light btn btn-background left"><i class="material-icons left">chevron_left</i>{{ 'default.transaction_return'|trans }}</a>
                </div>
                <div class="col s12 m4">
                    <a href="{{ path(rout) }}" class="waves-effect waves-light btn btn-background right"><i class="material-icons left">payment</i>{{ 'default.transaction_payment'|trans }}</a>
                </div>
            </div>
        </div>

    </div>
{% endblock %}

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