{% 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 à crédit
                </div>
            </div>
        </div>


        {{ form_start(form)}}
        <div class="row">
            <div class="col-12 pl-0 pr-0">
                {{ form_row(form.advancePayment) }}
                <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>
        </div>

        <div class="row">
            <div class="col-md-6 pl-0">
                {{ form_row(form.credencename) }}
            </div>
            <div class="col-md-6 pr-0">
                {{ form_row(form.credencercs) }}
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 pl-0">
                {{ form_row(form.credenceaddress) }}
            </div>
            <div class="col-md-6 pr-0">
                {{ form_row(form.credencezipandcity) }}
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 pl-0">
                {{ form_row(form.credenceamount) }}
            </div>
            <div class="col-md-6 pr-0">
                {{ form_row(form.credencenumberdue) }}
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 pl-0">
                {{ form_row(form.credencemonthlypaymentwithoutinsurance) }}
            </div>
            <div class="col-md-6 pr-0">
                {{ form_row(form.credencemonthlypaymentwithinsurance) }}
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 pl-0">
                {{ form_row(form.credenceamountteg) }}
            </div>
            <div class="col-md-6 pr-0">
                {{ form_row(form.credenceinterest) }}
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 pl-0">
                {{ form_row(form.credencecostwithoutinsurance) }}
            </div>
            <div class="col-md-6 pr-0">
                {{ form_row(form.credencecostwithinsurance) }}
            </div>
        </div>

        {{ form_rest(form) }}

        <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 %}