{% 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">
                    Récapitulatif commande
                </div>
            </div>
        </div>
        <table class="table table-striped">
            <thead>
                <tr>
                    <th></th>
                    <th width="100px" class="text-right">P.U HT</th>
                    <th width="100px" class="text-center">Qté</th>
                    <th width="100px" class="text-right">TOTAL HT</th>
                    <th width="100px" class="text-right">TVA</th>
                </tr>
            </thead>
            <tbody>
                {% set TotalFournitureHt = 0 %}
                {% set Vat1FournitureHt = 0 %}
                {% set Vat2FournitureHt = 0 %}
                {% set Vat3FournitureHt = 0 %}
                {% for orderline in orderlines%}
                    <tr>
                        <td>{{orderline.nameProduct}} - {{orderline.emplacement}}</td>
                        <td class="text-right">{{orderline.unitpriceht|number_format(2, ',', ' ')}}</td>
                        <td class="text-center">{{orderline.qte}}</td>
                        <td class="text-right">{{(orderline.unitpriceht * orderline.qte)|number_format(2, ',', ' ')}}</td>
                        <td class="text-right">{{(((orderline.unitpriceht * orderline.qte)*orderline.vatamount)/100)|number_format(2, ',', ' ')}}</td>
                        {% if orderline.vatamount == VAT1 %}
                            {% set Vat1FournitureHt = Vat1FournitureHt+(((orderline.unitpriceht * orderline.qte)*orderline.vatamount)/100) %}
                        {% endif %}
                        {% if orderline.vatamount == VAT2 %}
                            {% set Vat2FournitureHt = Vat2FournitureHt+(((orderline.unitpriceht * orderline.qte)*orderline.vatamount)/100) %}
                        {% endif %}
                        {% if orderline.vatamount == VAT3 %}
                            {% set Vat3FournitureHt = Vat3FournitureHt+(((orderline.unitpriceht * orderline.qte)*orderline.vatamount)/100) %}
                        {% endif %}
                    </tr>
                    {% set TotalFournitureHt = TotalFournitureHt + (orderline.unitpriceht * orderline.qte) %}
                {% endfor %}
            </tbody>
        </table>

        {{ form_start(form)}}
        <div class="row">
            <div class="col-md-3 uppercase">
                Total fourniture HT
            </div>
            <div class="col-md-9">
                <input type="text" disabled="disabled" id="TotalFournitureHt" value="{{TotalFournitureHt|number_format(2, ',', ' ')}} €" class="form-control text-right"/>
            </div>
        </div>

        <div class="row mt-2">
            <div class="col-md-3 uppercase">
                TVA Fourniture
            </div>

            <div class="col-md-3">
                <input type="text" disabled="disabled" id="VatFourniture1" value="{{Vat1FournitureHt|number_format(2, ',', ' ')}} €" class="form-control text-right"/>
            </div>
            <div class="col-md-3">
                <input type="text" disabled="disabled" id="VatFourniture2" value="{{Vat2FournitureHt|number_format(2, ',', ' ')}} €" class="form-control text-right"/>
            </div>
            <div class="col-md-3">
                <input type="text" disabled="disabled" id="VatFourniture3" value="{{Vat3FournitureHt|number_format(2, ',', ' ')}} €" class="form-control text-right"/>
            </div>
        </div>

        <div class="row mt-2">
            <div class="col-md-3 uppercase">
                Pose HT
            </div>

            <div class="col-md-3">
                <input type="text" disabled="disabled" id="VAT1" value="{{VAT1}}%" class="form-control text-right"/>
            </div>
            <div class="col-md-6">
                {{ form_widget(form.pose1) }}
            </div>
        </div>
        <div class="row mt-2">
            <div class="col-md-3 uppercase">
                Pose HT
            </div>

            <div class="col-md-3">
                <input type="text" disabled="disabled" id="VAT2" value="{{VAT2}}%" class="form-control text-right"/>
            </div>
            <div class="col-md-6">
                {{ form_widget(form.pose2) }}
            </div>
        </div>
        <div class="row mt-2">
            <div class="col-md-3 uppercase">
                Pose HT
            </div>

            <div class="col-md-3">
                <input type="text" disabled="disabled" id="VAT3" value="{{VAT3}}%" class="form-control text-right"/>
            </div>
            <div class="col-md-6">
                {{ form_widget(form.pose3) }}
            </div>
        </div>

        {{ form_rest(form) }}

        
        <div class="row mt-2">
            <div class="col-md-3 uppercase">
                Total HT fourniture + pose
            </div>

            <div class="col-md-9">
                <input type="text" disabled="disabled" id="FournitureAndPose" value="" class="form-control text-right"/>
            </div>
        </div>
        
        <div class="row mt-2">
            <div class="col-md-3 uppercase">
                Total TVA fourniture + pose
            </div>

            <div class="col-md-3">
                <input type="text" disabled="disabled" id="VATPose1" value="" class="form-control text-right"/>
            </div>
            <div class="col-md-3">
                <input type="text" disabled="disabled" id="VATPose2" value="" class="form-control text-right"/>
            </div>
            <div class="col-md-3">
                <input type="text" disabled="disabled" id="VATPose3" value="" class="form-control text-right"/>
            </div>
        </div>
        
        <div class="row mt-2">
            <div class="col-md-3 uppercase">
                Total TVA
            </div>

            <div class="col-md-9">
                <input type="text" disabled="disabled" id="VATTotal" value="" class="form-control text-right"/>
            </div>
        </div>
        
        
        <div class="row mt-2">
            <div class="col-md-3 uppercase">
                Total TTC avec pose
            </div>

            <div class="col-md-9">
                <input type="text" disabled="disabled" id="TTCTotal" value="" class="form-control text-right"/>
            </div>
        </div>
        

        <div class="row title-black">
            <div class="col-12">
                <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 %}