{% extends 'base.html.twig' %}
{% block body %}
    <div class="container mt-4">
        {% for message in app.flashes('error') %}
            <div class="alert alert-danger">
                {{message}}
            </div>
        {% endfor %}  

        {% for message in app.flashes('warning') %}
            <div class="alert alert-warning">
                {{message}}
            </div>
        {% endfor %}      

        {% for message in app.flashes('success') %}
            <div class="alert alert-success">
                {{message}}
            </div>
        {% endfor %}
        <div class="row">
            <div class="col-12">
                <div class="title-red">
                    Paiement comptant
                </div>
            </div>
        </div>

        {{ form_start(form)}}


        {{ form_rest(form) }}

        <div class="form-group">
            <label for="form_advancePayment" class="required">Solde à la livraison ...</label>
            <input disabled="disabled" type="text" id="form_solde" class="text-right form-control">
            <div class="d-none" id="totalOrder">{{totalOrder}}</div>
        </div>

        <div class="row title-black">
            <div class="col-6 text-right">
                <a href="{{ path('order.paiementChoice') }}" type="submit" class="btn btn-next"><i class="fas fa-caret-left"></i> Précédent</a>
            </div>
            <div class="col-6">
                <button name="pathName" type="submit" class="btn btn-next">Suivant <i class="fas fa-caret-right"></i></button>
            </div>
        </div>

        {{ form_end(form) }}
    </div>
{% endblock %}
{% block javascripts %}{% endblock %}