{% set equipement = intervention.equipement %}
{% set contrat = equipement.getLastContrat %}
{% set devis = intervention.devis %}
{% set ligne_mo = intervention.getLigneMO %}
{% set ligne_deplacement = intervention.getLigneDeplacement %}
<div id="popup-devis" style="display:none;" >
    <div id="devis-content">
        <h3>Équipement</h3>
        <div class="d-flex mb-2">
            {{ include('equipement/_famille.html.twig') }}
            {{ include('equipement/_type.html.twig') }}
            {{ include('equipement/_numero_serie.html.twig') }}
        </div>
        <div class="d-flex mb-2">
            {{ include('equipement/energie.html.twig') }}
            {{ include('equipement/puissance.html.twig') }}
        </div>

        <h3>Contrat</h3>
        <div class="d-flex mb-2">
            {{ include('contrat/_prise_contrat.html.twig') }}
            {{ include('contrat/_logement_plus_deux_ans.html.twig') }}
        </div>
        <div class="d-flex mb-2">
            {{ include('contrat/_type_contrat.html.twig') }}
            {{ include('contrat/_date_debut.html.twig') }}
            {{ include('contrat/_date_fin.html.twig') }}
        </div>

        <div class="d-flex mb-2">
            <div class="titre-small color-orange mt-2">Déplacement</div>
            <input type="text" style="width:80px" disabled class="form-control bg-grey me-2" id="deplacement-qté" value="{{ ligne_deplacement and ligne_deplacement.quantite ? ligne_deplacement.quantite : '' }}">
            <input type="text" style="width:100px" disabled class="form-control bg-grey me-2" id="deplacement-prix-ht" value="{{ ligne_deplacement and ligne_deplacement.getPrixTotalHt ? ligne_deplacement.getPrixTotalHt : '' }}">
            <input type="text" style="width:80px" disabled class="form-control bg-grey me-2" id="deplacement-tva" value="{{ ligne_deplacement and ligne_deplacement.getTauxTva ? ligne_deplacement.getTauxTva.taux : '' }}">
            <input type="text" style="width:100px" disabled class="form-control bg-grey" id="deplacement-prix-ttc" value="{{ ligne_deplacement  ? ligne_deplacement.getPrixTotalTtc : '' }}">
        </div>
        <div class="d-flex mb-2">
            <div class="titre-small color-orange mt-2">Main d'œuvre</div>
            <input type="text" style="width:80px" disabled class="form-control bg-grey me-2" id="main-oeuvre-qté" value="{{ ligne_mo and ligne_mo.quantite ? ligne_mo.quantite : '' }}">
            <input type="text" style="width:100px" disabled class="form-control bg-grey me-2" id="main-oeuvre-prix-ht" value="{{ ligne_mo and ligne_mo.getPrixTotalHt ? ligne_mo.getPrixTotalHt : '' }}">
            <input type="text" style="width:80px" disabled class="form-control bg-grey me-2" id="main-oeuvre-tva" value="{{ ligne_mo and ligne_mo.getTauxTva ? ligne_mo.getTauxTva.taux : '' }}">
            <input type="text" style="width:100px" disabled class="form-control bg-grey" id="main-oeuvre-prix-ttc" value="{{ ligne_mo and ligne_mo.getPrixTotalTtc ? ligne_mo.getPrixTotalTtc : '' }}">
        </div>

        <h3>Pièces</h3>
        <table class=" table table-responsive table-bordered  table-sm table-inverse-color-datagrid mb-0" style="width:786px;">
            <thead>
            <tr>
                <th>Référence</th>
                <th>Désignation</th>
                <th>P.U. HT</th>
                <th>Qté</th>
                <th>Total HT</th>
                <th>Aff.</th>
                <th>TVA</th>
            </tr>
            </thead>
            <tbody id="devis-pieces-table">
                {% if devis.getDevisLignes %}
                    {% for devisLigne in devis.getDevisLignes %}
                        <tr>
                            <td>{{ devisLigne.getProduit.getCode }}</td>
                            <td>{{ devisLigne.getProduit.getDesignation }}</td>
                            <td>{{ devisLigne.getProduit.getPuHt }}</td>
                            <td>{{ devisLigne.getProduit.getQuantite() }}</td>
                            <td>{{ devisLigne.getProduit.getPrixTotalHt() }}</td>
                            <td>{{ devisLigne.getProduit.getProduitFactureAffectation.getLibelleCourt }}</td>
                            <td>{{ devisLigne.getProduit.getTauxTva.getTaux }}</td>
                        </tr>
                    {% endfor %}
                {% endif %}
            <!-- Les lignes seront ajoutées dynamiquement -->
            </tbody>
        </table>
        <div class="d-flex">
            <div class="d-flex flex-column mb-4">
                <div style="height:100px; overflow-y: auto">
                    <table class="table table-responsive table-bordered  table-sm table-inverse-color-datagrid mb-0" id="tab-recap-taux" style="width: 230px" >
                        <thead  align="center" style="vertical-align: middle!important;"><th>Base HT</th><th>Taux</th><th>Montant</th></thead>
                        <tbody style="height: 75px;">
                        <tr style="height: 75px"><td colspan="3" ></td></tr>
                        </tbody>
                    </table>
                </div>
                <div class="d-flex justify-content-end">
                    <div style="width: 90px;margin-right: 2px;" class="bg-grey-table  color-orange text-center">Total</div>
                    <div style="width: 90px;text-align:right" class="bg-grey-table color-orange pe-2" id="total-recap-tab-tva">0€</div>
                </div>
            </div>
        </div>
    </div>
</div>