{% set equipement = intervention.equipement %}
{% set equipementHauteur = equipement.getEquipementHauteurs[0] is defined ? equipement.getEquipementHauteurs[0] : null  %}
{% set is_pac = equipement.equipementFamille and  equipement.equipementFamille.id == 10 %}
{% set affichage = 'validation' %}
{% set disabled = 'disabled' %}
{% 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.getTypePlanification and intervention.getTypePlanification.getCategoriePlanification.isInterne and not agent.getActiveUtilisateurAffectation.getUtilisateurBinome  ) %}
{% set binome_manquant_int = (intervention.planning.getTypePlanificationInit.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 = '' %}
{% set liste_paiement = [] %}
{% for facture in intervention.factures %}
    {% for paiement in facture.getPaiements %}
        {% set total_paiement = total_paiement + paiement.montantTTC %}
        {% set liste_paiement = liste_paiement|merge([paiement]) %}
    {% endfor %}
    {% if facture.getFactureAcompte %}
        {% for paiement in facture.getFactureAcompte.getPaiements %}
            {% set total_accompte = total_accompte + paiement.montantTTC %}
            {% set id_paiement_acompte = paiement.id %}
            {% set liste_paiement = liste_paiement|merge([paiement]) %}
        {% 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:586px;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>
                    {{ include('intervention/bloc_equipement.html.twig') }}
                </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>
                    {{ include('intervention/bloc_contrat.html.twig') }}
                </div>
                <div class="d-flex bg-primary flex-column " >
                    <div class="text-center py-1 position-relative color-white">Documents</div>
                    {{ include('intervention/bloc_documents.html.twig') }}
                </div>
            </div>
            <div class="d-flex flex-column" style="width:968px;">
                <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>
                    {{ include('intervention/bloc_client.html.twig') }}
                </div>
                <div class="d-flex bg-primary flex-column " >
                    <div class="text-center py-1 position-relative color-white">Intervention</div>
                    {{ include('intervention/bloc_intervention.html.twig') }}
                </div>
            </div>
        </div>
        <div class="d-flex ">
            <div class="d-flex bg-primary flex-column w-100 " 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">
                    {{ include('intervention/bloc_facturation.html.twig') }}
                </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="d-flex bg-primary  py-1 position-relative color-white">
                    <div class="justify-content-center d-flex bg-primary w-100 align-items-center "  >Validation technique </div>
                    {%  if  intervention.getDateValidationTechnique %}
                    <div><a data-popup-id="popup-history-validation-technique" data-poppup-container="body" data-dxpopup="" data-popup-title="Historique validation" data-popup-width="auto">
                            <img src="{{ asset('build/images/picto-historique.png') }}" width="20" height="20" class="me-1">
                        </a>
                    </div>
                    {% endif %}
                </div>
                <div class="px-2 bg-white color-primary w-100  block-infos-container d-flex justify-content-center" style="min-height: 109px; height: 100%;">
                    {%  if not intervention.getDateValidationTechnique %}
                        <div class="d-flex  flex-column justify-content-center align-items-center">
                            <div class="d-flex" style="align-items: self-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>
                            {% if type == 'technique' %}
                                <a class="btn btn-md btn-block btn-outline-success mt-1"  style="width:135px;margin-left: 15px;" data-dxpopup="" data-poppup-container="body"  data-popup-position-of="center" data-popup-position-at="center" data-popup-offset="0 -100"  data-popup-id="popup-validation-technique" data-popup-title="Validation de la fiche" data-popup-width="auto">Valider la fiche</a>
                            {% endif %}
                        </div>
                    {% else %}
                        {% set utilisateur_valid = intervention.getUtilisateurValidationTechnique %}
                        <div class="w-100 d-flex" style="padding:12px 24px">
                            <div class="d-flex flex-column">
                                <div style="font-size: 15px;">Fiche contrôlée le <span class="color-vert fw-bold">{{ intervention.getDateValidationTechnique|date('d/m/Y à H:m') }}</span> par <span class="color-vert fw-bold">{{ intervention.getTypeValidationTechnique.isValidationAutomatique ? 'Validation automatique' : (utilisateur_valid) ? utilisateur_valid.prenom|slice(0,1)|upper ~'.'~utilisateur_valid.nom|upper }}</span></div>
                                <div class="d-flex align-items-center mt-3">
                                    <label style="width:112px;">Type de validation</label>
                                    <input type="text" style="width:220px"disabled class="form-control" value="{{ intervention.typeValidationTechnique ? intervention.typeValidationTechnique.libelle }}">
                                </div>
                            </div>
                            <div class="d-flex flex-column ms-auto">
                                <div class=" d-flex align-items-center">
                                    <label style="width:91px;">Commentaires</label>
                                    <textarea   style="height:85px;width:514px;text-align: left" disabled class="form-control">{{ intervention.commentaireTechnique ? intervention.commentaireTechnique|trim }}
                                    </textarea>
                                </div>
                                {% if intervention.typeValidationTechnique  and 'Sensibilisation' in intervention.typeValidationTechnique.libelle %}
                                    <button class="btn btn-md btn-block btn-outline-success mt-2 ms-auto" style="width:135px;margin-left: 15px;">Valider la fiche</button>
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}
                </div>
            </div>
            <div class="d-flex flex-column flex-grow-1" style="margin-bottom: 0.3rem;min-width: 512px;">
                <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: 100%;">
                    <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>
                            {% if type != 'technique' %}
                            <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>
                            {% endif %}
                        {% 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 ? intervention.getTypeValidationAdm.isValidationAutomatique ? 'Validation automatique' : (utilisateur_valid) ? utilisateur_valid.prenom|slice(0,1)|upper ~'.'~utilisateur_valid.nom|upper }}</span></div>
                            {% if type != 'technique' %}
                            <button class="btn btn-md btn-block btn-outline-success" style="width:135px;">Modifier la fiche</button>
                            {% endif %}
                        {% 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_validation_technique.html.twig') }}
{#{{ include('intervention/popup_devis.html.twig') }}#}