{% extends 'layout.html.twig' %}


{% block stylesheets %}
    {{encore_entry_link_tags('mobile_css')}}
{% endblock %}


{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('static/js/jquery.fancybox.pack.js') }}"></script>
{% endblock %}


{% block header %}
{% endblock %}


{% block content %}
    <div class="page" id="page_panier">
        <div class="header_page">
            <div class="title">Paiement</div>
        </div>
        <div class="content panier">
            <div class="header-panier step1"></div>
            <div class="result-panier">
                {% if not disponible %}
                    <p class="nondispo">
                        Il n'y a plus assez de bouteilles disponibles pour satisfaire votre commande sur le point de vente sélectionné.
                        <br>
                        Merci de réessayer ultérieurement.
                    </p>
                {% else %}
                    <div class="tarif-product">
                        <div class="message">
                            <p>
                                Chèr(e) client(e),
                                <br>
                                vous allez être redirigé vers l'interface de paiement sécurisé de Butagaz.
                            </p>
                            <br>
                            <p>
                                <strong>IMPORTANT !</strong>
                                <br>

                                Le montant indiqué sur l’écran de la banque ({{ entity.getMontantAutorisation() | craue_currency('EUR') }}) correspond à une pré-autorisation du prix de {{ entity.getNbCharge() }} charge{{ entity.getNbCharge() > 1 ? "s" : "" }} ({{ entity.getMontantCharge() | craue_currency('EUR') }}) et du montant de {{ entity.getNbAutorisationConsigne() }} consigne{{ entity.getNbAutorisationConsigne() > 1 ? "s" : "" }}  ({{ entity.getMontantAutorisationConsigne() | craue_currency('EUR') }})
                            </p>
                            <br>
                            <p class="p2">
                                <strong>Cependant le montant {% if entity.getNbAutorisationSeuleConsigne() > 1 %}des {{ entity.getNbAutorisationSeuleConsigne() }} consignes{% else %}de la consigne{% endif %} ({{ entity.getMontantAutorisationSeuleConsigne() | craue_currency('EUR') }}) ne sera débité que si {% if entity.getNbAutorisationSeuleConsigne() > 1 %}les {{ entity.getNbAutorisationSeuleConsigne() }} bouteilles ne sont pas restituées{% else %}la bouteille n’est pas restituée{% endif %}</strong>
                            </p>
                            <br>
                        </div>
                    </div>

                    {% include 'admin/paiement/bnp.html.twig' %}
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}


{% block footer %}
{% endblock %}