{% set equipement = intervention.equipement %}
{% set souscripteur = equipement.getClientSouscripteur %}
{% set pac_id = constant('App\\Entity\\EquipementFamille::FAMILLE_PAC_ID') %}
{% set contrat = equipement.getLastContrat %}

{% set isGU = (contrat is null  and equipement.datePremierAllumage and  equipement.datePremierAllumage|date_modify("+1 year")|date('U') >= "now"|date('U')) ? true : false %}
{% set contrat_echu = (contrat and contrat.dateFinContrat < 'now'|date and not isGU) ? true : false %}
{% set prise_contrat = intervention.estPriseContrat %}
{% set hors_contrat = not contrat or contrat_echu %}
{% set agent = intervention.planning.getUtilisateurAgent %}
{% set binome_manquant_init = (intervention.getTypePlanificationInit and intervention.getTypePlanificationInit.getCategoriePlanification.isInterne and not agent.getActiveUtilisateurAffectation.getUtilisateurBinome  ) %}
{% set binome_manquant_int = (intervention.planning.getTypePlanification.getCategoriePlanification.isInterne and not agent.getActiveUtilisateurAffectation.getUtilisateurBinome  ) %}
{% set paiement_ref =  intervention.getFactures|first and intervention.getFactures|first.getPaiements|first  and intervention.getFactures|first.getPaiements|first.getMoyenPaiement ? intervention.getFactures|first.getPaiements|first : null%}
{% set moyen_paiement = paiement_ref ? paiement_ref.getMoyenPaiement.getLibelleLong : '' %}
{% set mode_paiement_warning = hors_contrat and not moyen_paiement %}
{% set ligne_mo = intervention.getLigneMO %}
{% set ligne_deplacement = intervention.getLigneDeplacement %}
{% set total_paiement = 0 %}
{% set total_accompte = 0 %}
{% set payeur_tiers = intervention.getClientPayeurTiers %}
{% set id_paiement_acompte = '' %}
{% for facture in intervention.factures %}
    {% for paiement in facture.getPaiements %}
        {% set total_paiement = total_paiement + paiement.montantTTC %}
    {% endfor %}
    {% if facture.getFactureAcompte %}
        {% for paiement in facture.getFactureAcompte.getPaiements %}
            {% set total_accompte = total_accompte + paiement.montantTTC %}
            {% set id_paiement_acompte = paiement.id %}
        {% endfor %}
    {% endif %}
{% endfor %}
<form id="form_validation_intervention" class="form form-ajax" method="post" action="{{ path('intervention_validation', {'id' : intervention.id}) }}" data-target-html="#target-show-intervention">
    <input type="hidden" name="type_validation" value="administrative" form="form_validation_intervention">
    <input type="hidden" name="id_intervention" value="{{ intervention.id }}" form="form_validation_intervention">
    <input type="hidden" name="id_facture_ligne_mo" value="{{ ligne_mo ? ligne_mo.id }}" form="form_validation_intervention">
    <input type="hidden" name="id_facture_ligne_deplacement" value="{{ ligne_deplacement ? ligne_deplacement.id }}" form="form_validation_intervention">
    <input type="hidden" name="id_paiement_acompte" value="{{ id_paiement_acompte }}" form="form_validation_intervention">
    <input type="hidden" name="id_contrat" value="{{ contrat ? contrat.id }}" form="form_validation_intervention">
    <input type="hidden" name="id_paiement_ref" value="{{ paiement_ref ? paiement_ref.id }}" form="form_validation_intervention">
    <div class="d-flex flex-column">
        <div class="d-flex">
            <div class="d-flex flex-column" style="width:561px;margin-right: 0.3rem;margin-bottom: 0.3rem;">
                <div class="d-flex bg-primary flex-column" style="margin-bottom: 0.3rem;">
                    <div class="text-center py-1 position-relative color-white"  >Equipement</div>
                    <div class="px-2 py-2 bg-white color-primary w-100 h-100 block-infos-container">
                        <div class="d-flex mb-2">
                            {{ include('equipement/_famille.html.twig') }}
                            <div class="d-flex align-items-center">
                                <label style="width:98px;" class="me-1">Date d'allumage</label>
                                <input type="text" disabled style="width:120px;"  class="form-control bg-grey " value="{{ equipement.datePremierAllumage ? equipement.datePremierAllumage|date("d/m/Y") : '' }}">
                            </div>
                        </div>
                        <div class="d-flex mb-2">
                            {{ include('equipement/_numero_serie.html.twig') }}
                            {% if  equipement.equipementFamille and  equipement.equipementFamille.id == pac_id %}
                                {{ include('equipement/_numero_serie_module_int.html.twig') }}
                            {% else %}
                                {{ include('contrat/_type_contrat.html.twig') }}
                            {% endif %}
                        </div>
                        <div class="d-flex mb-2">
                            {# si PAC#}
                            {% if  equipement.equipementFamille and  equipement.equipementFamille.id == pac_id %}
                                <div class="d-flex align-items-center me-5">
                                    <label class="me-1" style="width:47px;">Type</label>
                                    <input type="text" disabled style="width:100px" class="form-control bg-grey" value="{{ contrat and contrat.ContratType ? contrat.ContratType.libelleCourt : '' }}">
                                </div>
                                <div class="d-flex align-items-center me-5">
                                    <label class="me-1" style="width:74px;line-height: 15px;">Fluide Frigorigene</label>
                                    <input type="text" disabled  style="width:70px" class="form-control bg-grey" value="{{ equipement and equipement.EquipementFluide ?  equipement.EquipementFluide.libelle : '' }}">
                                </div>
                                <div class="d-flex align-items-center ms-auto">
                                    <label style="width:60px;" class="me-1">Puissance</label>
                                    <input type="text" disabled style="width:70px" class="form-control bg-grey" value="{{ equipement.EquipementTypePuissance and equipement.EquipementTypePuissance.EquipementPuissance ? equipement.EquipementTypePuissance.EquipementPuissance.libelle : '' }}">
                                </div>
                            {% else %}
                                {{ include('equipement/_energie.html.twig') }}
                                <div class="d-flex align-items-center me-5">
                                    <label style="width:60px;" class="me-1">Puissance</label>
                                    <input type="text"  disabled style="width:70px" class="form-control bg-grey" value="{{ equipement.EquipementTypePuissance and equipement.EquipementTypePuissance.EquipementPuissance ? equipement.EquipementTypePuissance.EquipementPuissance.libelle : '' }}">
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" disabled type="checkbox" {{ equipement.vmc ? 'checked' : '' }}  disabled  style="margin-top:0.6rem;">
                                    <label class="form-check-label me-1 " style="padding-top: 0.4rem;"> VMC</label>
                                </div>
                            {% endif %}
                        </div>
                        <div>
                            <div class="d-flex">
                                <i class="fa fa-lg fa-2x fa-home align-self-center" style="margin-left: -0.2rem;  margin-right: 0.6rem;"></i>
                                <input type="text" disabled value="{{ equipement and equipement.adresse ? equipement.adresse.getLisibleAdresse : '' }}"  class="form-control bg-grey">

                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-flex bg-primary flex-column " >
                    <div class="text-center py-1 position-relative color-white">{{ contrat_echu ? 'Contrat échu' : 'Contrat' }}</div>
                    <div class="px-2 py-2 bg-white color-primary w-100 h-100 block-infos-container">
                        <div class="d-flex mb-1">
                            {{ include('contrat/_prise_contrat.html.twig') }}
                            {{ include('contrat/_logement_plus_deux_ans.html.twig') }}
                        </div>
                        <div class="d-flex" style="margin-bottom: 10px;">
                            <div class="d-flex align-items-center me-5">
                                <label class="me-2">Type</label>
                                <select name="contrat_type"  style="width:auto"  class="form-control" id="contrat_type" form="form_validation_intervention">
                                    <option value="" {{contrat and contrat.ContratType ? '' : 'selected' }}></option>
                                    {% for type in typesContrat %}
                                        {% set selected =  (contrat and contrat.ContratType and contrat.ContratType.id == type.id) ? 'selected' : '' %}
                                        <option value="{{ type.id }}" {{ selected }}>{{ type.libelleCourt }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="d-flex align-items-center me-5">
                                <label class="me-2">TVA</label>
                                <select name="tva" style="width:auto"  form="form_validation_intervention" class="form-control" id="equipement_tva">
                                    <option value=""></option>
                                    {% for taux in tauxTva %}
                                        {% if taux.actif %}
                                            {% set selected =  ((equipement.getTauxTva and equipement.getTauxTva.id == taux.id) or (not equipement.getTauxTva and client.getTypeClient.id == 1 and taux.taux == 10) or (not equipement.getTauxTva and client.getTypeClient.id == 2 and taux.taux == 20)) ? 'selected' : '' %}
                                            <option value="{{ taux.id }}" {{ selected }} >{{ taux.taux }}%</option>
                                        {% endif %}
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="d-flex align-items-center">
                                <label class="me-2">Total TTC</label>
                                <input type="text"  style="width:60px"  name="contrat_tarif" disabled class="form-control bg-grey pe-0" value="{{ contrat and contrat.facture ? contrat.facture.montantTtc }}">
                            </div>
                        </div>
                        <div class="d-flex" style="margin-bottom: 20px;">
                            <div class="d-flex align-items-center me-5">
                                <label style="width:72px" class="me-2">Date début</label>
                                <input type="date" name="date_debut_contrat"  class="form-control input-date-custom" value="{{contrat and contrat.dateDebutContrat|date("Y-m-d") ? contrat.dateDebutContrat|date("Y-m-d") : (isGU ? equipement.datePremierAllumage|date("Y-m-d") : '') }}" form="form_validation_intervention">
                            </div>
                            <div class="d-flex align-items-center">
                                <label class="me-2" >Date fin</label>
                                <input type="date"  style="width:150px" disabled  form="form_validation_intervention" name="date_fin_contrat"  class="form-control input-date-custom {{ contrat_echu ? 'bg-orange-input border-orange' : ''}}" value="{{contrat and contrat.dateFinContrat ? contrat.dateFinContrat|date("Y-m-d") : (isGU ? equipement.datePremierAllumage|date_modify("+1 year")|date("Y-m-d") : '') }}">
                            </div>
                        </div>
                        <div class="titre-small">Options</div>
                        <div style="max-height: 122px; overflow: auto;border-bottom: 1px solid #ccc">
                            <table class="table table-responsive table-bordered  table-sm table-inverse-color-datagrid mb-0">
                                <thead  align="center" style="vertical-align: middle!important;">
                                <th style="text-align: left">Type</th>
                                <th></th>
                                <th>Date</th>
                                <th>Date d'effet</th>
                                <th>TVA</th>
                                <th>Tarif HT</th>
                                </thead>
                                <tbody style="height: 99px">
                                {% if equipement.getEquipementOptions|length > 0 %}
                                    {% for EquipementOption in equipement.getEquipementOptions %}
                                        <tr>
                                            <td>{{ EquipementOption.option.getLibelleCourt }}</td>
                                            <td>{{ EquipementOption.getDateResiliation ? 'Résilié' : 'Souscrit' }}</td>
                                            <td class="text-center">{{ EquipementOption.getDateSouscription|date("d/m/Y") }}</td>
                                            <td class="text-center">{{ EquipementOption.getDateDebut|date("d/m/Y") }}</td>
                                            <td class="text-center">{{ equipement.getTauxTva and equipement.getTauxTva ? equipement.getTauxTva.taux ~ '%' : '' }}</td>
                                            <td class="text-center">{{ EquipementOption.getPrixHt }}</td>
                                        </tr>
                                    {% endfor %}
                                {% else %}
                                    <tr style="height: 40px"><td colspan="6" ></td></tr>
                                {% endif %}
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
            <div class="d-flex flex-column flex-grow-1">
                <div class="d-flex bg-primary flex-column" style="margin-bottom: 0.3rem;">
                    <div class="text-center py-1 position-relative color-white"  >Client</div>
                    <div class="px-2 py-2 bg-white color-primary w-100 h-100 block-infos-container">
                        <div class="d-flex">
                            <div class="d-flex flex-column" style="gap:8px">
                                <div class="d-flex align-items-center "  style="margin-right: 0.8rem;">
                                    <label style="margin-right: 19px;">N°Client: </label>
                                    <a href="{{ path('show_client', {'id': souscripteur.id}) }}" class="text-decoration-none fw-600"  target="_blank" style="font-size: 15px;">
                                        {{ souscripteur.getFormattedNumeroClient }}
                                    </a>
                                </div>
                                <div class="d-flex align-items-center me-4">
                                    <label class="me-1 px-1" style="width:68px;">Civilité</label>
                                    <input type="text" disabled class="form-control bg-grey" style="width:100px;" value="{{ souscripteur.etatCivil ? souscripteur.etatCivil.libelleCourt : '' }}">
                                </div>
                            </div>
                            <div class="d-flex flex-column me-4" style="gap:8px">
                                <div class="d-flex align-items-center">
                                    <label class="me-1" style="width:70px;">Type</label>
                                    <input type="text" style="width:120px;" disabled class="form-control bg-grey" value="{{ souscripteur.typeClient.libelle }}">
                                </div>
                                <div class="d-flex align-items-center ms-auto">
                                    <label class="me-1" style="width:68px;">Nom</label>
                                    <input type="text" disabled style="width:190px" class="form-control bg-grey" value="{{ souscripteur.nom }}">
                                </div>
                                <div class="d-flex align-items-center ">
                                    <label style="margin-right:0.4rem;width:67px;">Catégorie</label>
                                    <input type="text" disabled style="width:190px" class="form-control bg-grey" value="{{ souscripteur.CategoriePro ? souscripteur.CategoriePro.libelle : '' }}" style="width:173px;">
                                </div>
                            </div>
                            <div class="d-flex flex-column flex-grow-1" style="gap:8px">
                                <div class="d-flex align-items-center ms-auto">
                                    <label style="margin-right:2.4rem">Utilisateur</label>
                                    <input type="text" disabled style="width:391px" class="form-control bg-grey" value="{{ equipement.getClientUtilisateur ? equipement.getClientUtilisateur : '' }}" style="width:173px;">
                                </div>
                                <div class="d-flex align-items-center ">
                                    <label class="me-1 ms-1" style="width: 96px;">Prénom</label>
                                    <input type="text" disabled style="width:190px" class="form-control bg-grey" value="{{ souscripteur.prenom }}">
                                </div>
                                <div class="d-flex justify-content-between">
                                    <div class="d-flex align-items-center ms-1 ">
                                        <label style="width:101px">Nom Entreprise</label>
                                        <input type="text" disabled style="width:190px" class="form-control bg-grey" value="{{ souscripteur.nomEntreprise }}" style="width:173px;">
                                    </div>
                                    {% if payeur_tiers %}
                                        <a  data-poppup-container="body" data-popup-position-of="center" data-popup-position-at="center" data-popup-offset="0 -100"  data-popup-id="popup-payeur-tiers" data-dxpopup="" data-popup-title="Payeur tiers" data-popup-width="auto" class="btn btn-block bg-outline-bleu">Payeur tiers</a>
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-flex bg-primary flex-column " >
                    <div class="text-center py-1 position-relative color-white">Intervention</div>
                    <div class="px-2 py-2 bg-white color-primary w-100 h-100 block-infos-container">
                        <div class="d-flex">
                            <div class="d-flex flex-column me-2">
                                <div class="d-flex justify-content-between">
                                    <div class="d-flex align-items-center ">
                                        <label class="me-2">N°Fiche</label>
                                        <input type="text" disabled style="width:120px;" class="form-control text-center" value="{{ intervention.id }}">
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <label class="me-2">Date</label>
                                        <input type="text" disabled class="form-control" style="width:100px;" value="{{ intervention.planning.date|date('d/m/Y') }}" >
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <label class="me-2">Début</label>
                                        <input type="time" name="intervention_heure_debut" style="width:50px;"  class="form-control p-0" value="{{ intervention.planning.heureDebut|date('H:i') }}" form="form_validation_intervention">
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <label class="me-2">Fin</label>
                                        <input type="time" name="intervention_heure_fin"  style="width:50px;" class="form-control p-0" value="{{ intervention.planning.heureFin|date('H:i') }}" form="form_validation_intervention">
                                    </div>
                                </div>
                                <div class="titre-small">Anomalies</div>
                                <textarea disabled style="width:545px;height:56px;text-align: left" >{{ intervention.interventionAnomalies|map(i => i.anomalie.libelle)|join("\n") }}</textarea >
                                <div class="titre-small">Observations</div>
                                <textarea disabled class="{{ intervention.observations ? 'bg-orange-input border-orange' }}" style="height:84px;text-align: left">{{ intervention.observations }}</textarea>
                                <div class="mt-2" style="max-height: 77px; overflow: auto;border-bottom: 1px solid #ccc">
                                    <table class="table table-responsive table-bordered  table-sm table-inverse-color-datagrid mb-0">
                                        <thead>
                                        <th>N°Devis</th>
                                        <th>Date</th>
                                        <th>Statut</th>
                                        <th>Total TTC</th>
                                        </thead>
                                        <tbody style="height: 49px">
                                        {% if intervention.devis|length > 0 %}
                                            {% for devis in intervention.devis %}
                                                {% if devis.TypeEnvoi.id == 2 %}
                                                    <tr class="bg-orange-input border-orange">
                                                        <td class="text-center" class="popup_devis" data-iddevis="{{ devis.id }}"><a data-poppup-container="body" data-popup-position-of="center" data-popup-position-at="center" data-popup-offset="0 -100"  data-popup-id="popup-devis" data-dxpopup="" data-popup-title="Etablissement du devis n°{{ devis.getNumDevis }}" data-popup-width="auto" > <i class="fa fa-tools me-2"></i><span class="color-vert text-decoration-underline">{{ devis.getNumDevis }}</span></a></td>
                                                        <td class="text-center">{{ devis.getDateEmission|date('d/m/Y') }}</td>
                                                        <td class="text-center">{{ devis.getDevisStatut.libelle }}</td>
                                                        <td class="text-center">{{ devis.getMontantTtc }}€</td>
                                                    </tr>
                                                {% endif %}
                                            {% endfor %}
                                        {% else %}
                                            <tr style="height: 40px"><td colspan="4" ></td></tr>
                                        {% endif %}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="d-flex flex-column flex-grow-1 ">
                                <div class="d-flex justify-content-between mb-2">
                                    <div class="d-flex align-items-center">
                                        <label class="me-2" style="width:139px">Intervention planifiée</label>
                                        <input type="text" style="width:150px" disabled class="form-control {{ intervention.planning.getTypePlanification and intervention.planning.getTypePlanification.isSurValidation or binome_manquant_init ? 'bg-orange-input border-orange' }}" value="{{ intervention.planning.getTypePlanification ? intervention.planning.getTypePlanification.code }}">
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <label class="me-2">le</label>
                                        <input type="text" class="form-control" style="width:100px" value="{{ intervention.planning.getDateCreation ? intervention.planning.getDateCreation|date('d/m/Y') }}" form="form_validation_intervention">
                                    </div>
                                </div>
                                <div class="d-flex align-items-center mb-2">
                                    <label class="me-2"  style="width:139px">Intervention réalisée</label>
                                    <select name="intervention_type_planification" style="width:150px" class="form-control {{ intervention.getTypePlanificationInit != intervention.planning.getTypePlanification or intervention.getTypePlanificationInit.isSurValidation or binome_manquant_int ? 'bg-orange-input border-orange' : '' }}">
                                        {% for type in typesPlanification %}
                                            <option value="{{ type.id }}" {{ intervention.getTypePlanificationInit == type ? 'selected' : '' }}>{{ type.code }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <label class="me-2" style="width:126px;">Motif modification</label>
                                    <input type="text"  style="width:277px" disabled class="form-control {{ intervention.getMotifModifCodeInt ? 'bg-orange-input border-orange' : '' }}" value="{{ intervention.getMotifModifCodeInt }}">
                                </div>
                                <div class="titre-small">Commentaire client</div>
                                <textarea disabled style="height:65px;text-align: left">{{ intervention.getCommentaireClient }}</textarea>
                                <div class="mt-2" style="max-height: 94px; overflow: auto;border-bottom: 1px solid #ccc">
                                    <table class="table table-responsive table-bordered  table-sm table-inverse-color-datagrid mb-0">
                                        <thead>
                                        <th colspan="2" style="text-align: left">Documents</th>
                                        </thead>
                                        <tbody style="height: 71px">
                                        {% if intervention.interventionDocuments|length > 0 %}
                                            {% for InterventionDocument in intervention.interventionDocuments %}
                                                <tr>
                                                    <td  class="align-middle">{{ InterventionDocument.nom }}</span></td>
                                                    <td class="text-center"><i class="fa fa-eye fa-border border-grey-medium"></i></td>
                                                </tr>
                                            {% endfor %}
                                        {% else %}
                                            <tr style="height: 40px"><td colspan="4" ></td></tr>
                                        {% endif %}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="d-flex ">
            <div class="d-flex bg-primary flex-column " style="margin-bottom: 0.3rem;">
                <div class="text-center py-1 position-relative color-white"  >Facturation</div>
                <div class="px-2 py-2 bg-white color-primary w-100 h-100 block-infos-container">
                    <div class="d-flex justify-content-between">
                        <div class="d-flex flex-column position-relative" style="width: 1100px">
                            <div class="d-flex " style="position: absolute;top:inherit;right:13px;">
                                <i id="add_facture-piece" data-disable-on-view="" class="fa fa-lg fa-plus button-add custom-history bg-vert" style="position:relative;border-color: #14a085;-webkit-text-stroke: 1px #14a085;top:inherit;right:inherit"></i>
                            </div>
                            <div class="d-flex flex-column" style="width: 1035px;">
                                    <div
                                            class="grid"
                                            data-style="tab"
                                            style="width:1035px;min-height: 156px;overflow-y: auto"
                                            id="intervention-grid-facturation"
                                            data-columns="{{ facturationGrid.columns|json_encode() }}"
                                            data-getpath="{{ facturationGrid.get_path is defined  ? facturationGrid.get_path : '' }}"
                                            data-createpath="{{ facturationGrid.create_path is defined  ? facturationGrid.create_path : '' }}"
                                            data-editing="{{ facturationGrid.editing is defined  ? facturationGrid.editing|json_encode() : '' }}"
                                            data-deletepath="{{ facturationGrid.delete_path is defined  ? facturationGrid.delete_path : '' }}"
                                            data-patchpath="{{ facturationGrid.patch_path is defined  ? facturationGrid.patch_path : '' }}"
                                            data-searchpanel='{"visible":false}'
                                            data-pagination='{"visible":false}'
                                            data-rowclass="function(item) { return item.affectation === 'S' ? 'bg-orange-input' : ''; }"
                                            data-tooltip-field="motif_service"
                                            data-toolbarinvisible="true"
                                    ></div>
                                <div class="d-flex justify-content-end">
                                    <div style="width: 100px;margin-right: 2px;" class="bg-grey-table  color-orange text-center">Total HT</div>
                                    <div style="width: 100px;text-align:right" class="bg-grey-table color-orange pe-2" id="total-ht-pieces">0€</div>
                                </div>
                            </div>
                            <div class="d-flex">
                                <div class="d-flex flex-column"  style="margin-right:65px;">
                                    <div class="titre-small color-orange mt-2">Déplacement</div>
                                    <div class="d-flex">
                                        <div class="d-flex align-items-center me-2">
                                            <label class="me-2">Qté</label>
                                            <input type="text" style="width:50px" disabled class="form-control" value="{{ ligne_deplacement ? ligne_deplacement.quantite }}">
                                        </div>
                                        <div class="d-flex align-items-center  me-2">
                                            <label class="me-2">Prix HT</label>
                                            <input type="text" style="width:70px" disabled class="form-control" value="{{ ligne_deplacement ? ligne_deplacement.getPrixTotalHt ~ '€' }}" >
                                        </div>
                                        <div class="d-flex align-items-center  me-2">
                                            <label class="me-2">TVA</label>
                                            <select name="deplacement_tva" style="width:auto" id="deplacement-tva"   data-group="deplacement"  form="form_validation_intervention" class="form-control tva-select">
                                                <option value=""></option>
                                                {% for taux in tauxTva %}
                                                    {% set selected =  (ligne_deplacement ? ligne_deplacement.getTauxTva.id  == taux.id) ? 'selected' : '' %}
                                                    <option value="{{ taux.id }}" {{ selected }}>{{ taux.taux }}%</option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                        <input type="hidden"  id="deplacement-prix-ht" value="{{ ligne_deplacement ? ligne_deplacement.getPrixTotalHT : '' }}">
                                        <div class="d-flex align-items-center  me-2">
                                            <label class="me-2" >Prix TTC</label>
                                            <input type="text" style="width:70px" disabled class="form-control" id="deplacement-prix-ttc"  value="">
                                        </div>
                                    </div>
                                </div>
                                <div class="d-flex flex-column">
                                    <div class="titre-small color-orange mt-2">Main d'oeuvre</div>
                                    <div class="d-flex">
                                        <div class="d-flex align-items-center  me-2">
                                            <label class="me-2">Qté</label>
                                            <input type="text" style="width:50px" disabled class="form-control" value="{{ ligne_mo ? ligne_mo.quantite }}">
                                        </div>
                                        <div class="d-flex align-items-center  me-2">
                                            <label class="me-2">Prix HT</label>
                                            <input type="text" style="width:70px" disabled class="form-control" value="{{ ligne_mo ? ligne_mo.getPrixTotalHt ~ '€' }}">
                                        </div>
                                        <div class="d-flex align-items-center  me-2">
                                            <label class="me-2">TVA</label>
                                            <select name="mo_tva" style="width:auto"  form="form_validation_intervention" class="form-control tva-select" id="mo-tva"   data-group="mo">
                                                <option value=""></option>
                                                {% for taux in tauxTva %}
                                                    {% set selected =  (ligne_mo ? ligne_mo.getTauxTva.id  == taux.id) ? 'selected' : '' %}
                                                    <option value="{{ taux.id }}" {{ selected }}>{{ taux.taux }}%</option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                        <input type="hidden"  id="mo-prix-ht" value="{{ ligne_mo ? ligne_mo.getPrixTotalHT : '' }}">
                                        <div class="d-flex align-items-center">
                                            <label class="me-2" >Prix TTC</label>
                                            <input type="text" style="width:70px" disabled class="form-control" id="mo-prix-ttc" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex flex-column" style="margin-right: 8px;">
                            <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 class="form-check">
                                <input class="form-check-input" disabled form="form_validation_intervention" {{ intervention.encaissementEffectue ? 'checked'  : ''}}  value='oui' id="encaissement_effectue" name="encaissement_effectue" type="checkbox" value="">
                                <label class=" me-1" for="encaissement_effectue"> Encaissement effectué</label>
                            </div>
                            <div class="d-flex align-items-center justify-content-between me-2">
                                <label class="me-2">Mode paiement</label>
                                <select id="mode-paiement"
                                        style="width:93px"
                                        class="form-control {{ mode_paiement_warning ? 'bg-orange-input border-orange' : '' }}">
                                    <option value=""></option>
                                    {% for moyenPaiement in moyenPaiements %}
                                        <option value="{{ moyenPaiement.id }}"
                                                {{ moyen_paiement and moyen_paiement.id == moyenPaiement.id ? 'selected' : '' }}>
                                            {{ moyenPaiement.libelleCourt }}
                                        </option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                        <div class="d-flex flex-column justify-self-end" style="width: 203px; gap:12px;">
                            <div class="d-flex align-items-center justify-content-between me-2">
                                <label class="me-2">Montant HT</label>
                                <input type="text" style="width:93px" disabled class="form-control" id="montant-ht-recap" value="">
                            </div>
                            <div class="d-flex align-items-center justify-content-between me-2">
                                <label class="me-2">Total TVA</label>
                                <input type="text" style="width:93px" id="montant-tva-recap" disabled class="form-control" value="">
                            </div>
                            <div class="d-flex align-items-center justify-content-between me-2">
                                <label class="me-2">Montant TTC</label>
                                <input type="text" style="width:93px" id="montant-ttc-recap" disabled class="form-control" value="">
                            </div>
                            <div class="d-flex align-items-center justify-content-between me-2">
                                <label class="me-2">Montant réglé</label>
                                <input type="text" style="width:93px" class="form-control" id="montant-paiement" value="{{ total_paiement }}€">
                            </div>
                            <div class="d-flex align-items-center justify-content-between me-2">
                                <label class="me-2">Accompte</label>
                                <input type="text" style="width:93px" class="form-control" id="montant-acompte" value="{{ total_accompte }}€">
                            </div>
                            <div class="d-flex align-items-center justify-content-between me-2">
                                <label class="me-2">Ecart</label>
                                <input type="text" style="width:93px" disabled id="montant-ecart" class="form-control" value="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="d-flex flex-grow-1">
            <div class="d-flex flex-column flex-grow-1" style="margin-bottom: 0.3rem;margin-right: 0.3rem;">
                <div class="text-center bg-primary py-1 position-relative color-white"  >Validation technique</div>
                <div class="px-2 bg-white color-primary w-100  block-infos-container d-flex justify-content-center" style="padding-top: 25px; padding-bottom: 17px;height: 109px;">
                    <div class="d-flex  justify-content-center align-items-center">
                    {%  if not intervention.getDateValidationTechnique %}
                        <img src="{{ asset('build/images/picto-intervention-warning.png') }}" width="24" height="24" class="me-2">
                        <span class="color-rouge" style="font-size: 15px;font-weight: 700">En attente de validation</span>
                    {% else %}
                        {% set utilisateur_valid = intervention.getUtilisateurValidationTechnique %}
                        <div style="font-weight: 700;font-size: 15px;">Fiche contrôlée le <span class="color-vert">{{ intervention.getDateValidationTechnique|date('d/m/Y à H:m') }}</span> par <span class="color-vert">{{ intervention.getTypeValidationTechnique.isValidationAutomatique ? 'Validation automatique' : (utilisateur_valid) ? utilisateur_valid.prenom|slice(0,1)|upper ~'.'~utilisateur_valid.nom|upper }}</span></div>
                    {% endif %}
                    </div>
                </div>
            </div>
            <div class="d-flex flex-column flex-grow-1" style="margin-bottom: 0.3rem;">
                <div class="text-center py-1 position-relative color-white bg-primary"  >Validation administrative</div>
                <div class="px-2 bg-white color-primary w-100   block-infos-container d-flex align-items-center justify-content-center" style="padding-top: 25px; padding-bottom: 17px;height: 109px;">
                    <div class="d-flex  justify-content-center align-items-center">
                        <div class="d-flex flex-column justify-content-center align-items-center" style="gap:7px;">
                        {%  if not intervention.getDateValidationAdm %}
                            <div class="d-flex align-items-end">
                                <img src="{{ asset('build/images/picto-intervention-warning.png') }}" width="24" height="24" class="me-2">
                                <span class="color-rouge" style="font-size: 15px;font-weight: 700">En attente de validation</span>
                            </div>
                            <button class="btn btn-md btn-block btn-outline-success" id="button-valider-adm" style="width:135px;margin-left: 15px;" data-poppup-container="body"  data-popup-position-of="center" data-popup-position-at="center" data-popup-offset="0 -100"  data-popup-id="popup-validation-fiche-doc" data-popup-title="Validation de la fiche" data-popup-width="auto">Valider la fiche</button>
                        {% else %}
                            {% set utilisateur_valid = intervention.getUtilisateurValidationAdm %}
                            <div style="font-weight: 700;font-size: 15px;">Fiche contrôlée le <span class="color-vert ">{{ intervention.getDateValidationAdm|date('d/m/Y à H:m') }}</span> par <span class="color-vert">{{ intervention.getTypeValidationAdm.isValidationAutomatique ? 'Validation automatique' : (utilisateur_valid) ? utilisateur_valid.prenom|slice(0,1)|upper ~'.'~utilisateur_valid.nom|upper }}</span></div>
                            <button class="btn btn-md btn-block btn-outline-success" style="width:135px;">Modifier la fiche</button>
                        {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
{{ include('intervention/popup_payeur_tiers.html.twig') }}
{{ include('intervention/popup_validation_fiche_doc.html.twig') }}
{#{{ include('intervention/popup_devis.html.twig') }}#}