{% set equipement = intervention.equipement %}
{% set equipementHauteur = equipement and equipement.getEquipementHauteurs[0] is defined ? equipement.getEquipementHauteurs[0] : null %}
{% set is_pac = equipement and equipement.equipementFamille and equipement.equipementFamille.id == 10 %}
{% set affichage = 'validation' %}
{# on force type à 'technique' pour que tous les champs soient désactivés (#type == 'technique' ? 'disabled') #}
{% set type = 'technique' %}
{% set disabled = 'disabled' %}
{% set souscripteur = equipement ? equipement.getClientSouscripteur : null %}
{% set pac_id = constant('App\\Entity\\EquipementFamille::FAMILLE_PAC_ID') %}
{% set contrat = equipement ? equipement.getLastContrat : null %}
{% set isGU = (contrat is null and equipement 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 %}

{# 
  Fiche intervention en lecture seule.
  On réutilise les mêmes blocs que la validation, mais sans formulaire ni actions.
  Les blocs utilisent déjà les variables définies ci-dessus.
#}

<div class="d-flex flex-column px-1" style="background:#ffffff; max-width:100%; overflow-x:auto;">
    {# Ligne 1 : colonne gauche + colonne droite #}
    <div class="d-flex w-100 bg-grey">
        {# Colonne gauche : Client / Utilisateur, Equipement, Contrat, Payeur tiers #}
        <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">Utilisateur</div>
                {{ include('intervention/bloc_utilisateur_readonly.html.twig') }}
            </div>
            <div class="d-flex bg-primary flex-column" style="margin-bottom: 0.3rem;">
                <div class="text-center py-1 position-relative color-white">Équipement</div>
                {{ include('intervention/bloc_equipement.html.twig') }}
            </div>
            <div class="d-flex bg-primary flex-column" style="margin-bottom: 0.3rem;">
                <div class="text-center py-1 position-relative color-white">{{ contrat_echu ? 'Contrat échu' : 'Contrat' }}</div>
                {{ include('intervention/bloc_contrat.html.twig') }}
            </div>
            {# Payeur tiers en dessous du contrat #}
            <div class="d-flex bg-primary flex-column">
                <div class="text-center py-1 position-relative color-white">Payeur tiers</div>
                {{ include('intervention/bloc_payeur_tiers_readonly.html.twig') }}
            </div>
        </div>

        {# Colonne droite : Intervention, puis Documents/Secteur/Planification, puis Facturation #}
        <div class="d-flex flex-column flex-grow-1" style="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">Intervention</div>
                {% set is_readonly = true %}
                {{ include('intervention/bloc_intervention.html.twig') }}
            </div>

            <div class="d-flex" style="gap:0.3rem; margin-bottom: 0.3rem;">
                <div class="d-flex bg-primary flex-column flex-grow-1">
                    <div class="text-center py-1 position-relative color-white">Documents</div>
                    {% set is_readonly = true %}
                    {{ include('intervention/bloc_documents.html.twig') }}
                </div>
                <div class="d-flex bg-primary flex-column" style="width: 311px;">
                    <div class="text-center py-1 position-relative color-white">Secteur n°{{ equipement and equipement.getSecteur is not null ? equipement.getSecteur : '' }}</div>
                    <div class="px-2 py-2 bg-white color-primary w-100 h-100 block-infos-container d-flex flex-column align-content-center justify-content-center">
                        <div class="d-flex align-items-center mb-2">
                            <label style="width:112px;">Agent de planning</label>
                            <input type="text" class="form-control" disabled
                                   value="{{ (equipement and equipement.getSecteur and equipement.getSecteur.getUtilisateurPlanning) ? equipement.getSecteur.getUtilisateurPlanning.getCodeNom : '' }}"
                                   style="width: 183px;">
                        </div>
                        <div class="d-flex align-items-center">
                            <label style="width:112px;">Agent de terrain</label>
                            <input type="text" class="form-control" disabled
                                   value="{{ (equipement and equipement.getSecteur and equipement.getSecteur.getAgentPrincipal) ? equipement.getSecteur.getAgentPrincipal.getCodeNom : '' }}"
                                   style="width: 183px;">
                        </div>
                    </div>
                </div>
                <div class="d-flex bg-primary flex-column" style="width: 392px;">
                    <div class="d-flex bg-primary py-1 position-relative color-white">
                        <div class="text-center w-100">Planification</div>
                        {% set last_modif = intervention.planning ? intervention.planning.getLastPlanningHistoriqueModification : null %}
                        {% if last_modif %}
                            <div style="position: absolute; right: 8px; top: 50%; transform: translateY(-50%);">
                                <a data-popup-id="popup-history-planification-{{ intervention.id }}" data-poppup-container="body" data-dxpopup="" data-popup-title="Historique planification" data-popup-width="auto">
                                    <img src="{{ asset('build/images/picto-historique.png') }}" width="20" height="20">
                                </a>
                            </div>
                        {% endif %}
                    </div>
                    <div class="px-2 py-1 bg-white color-primary w-100 h-100 block-infos-container">
                        <div class="d-flex flex-column" style="gap:0.3rem;">
                            {# Ligne 1 : Planification #}
                            <div class="d-flex align-items-end" style="gap:1rem;">
                                <div class="d-flex flex-column">
                                    <span style="color:#e95b5b;font-size:12px;">Planification</span>
                                    <div class="d-flex align-items-center">
                                        <label class="me-1">le</label>
                                        <input type="text" class="form-control bg-grey" disabled
                                               value="{{ intervention.planning and intervention.planning.dateCreation ? intervention.planning.dateCreation|date('d/m/Y') : '' }}"
                                               style="width: 110px;">
                                    </div>
                                </div>
                                <div class="d-flex align-items-center flex-grow-1">
                                    <label class="me-1">par</label>
                                    <input type="text" class="form-control bg-grey" disabled
                                           value="{{ intervention.planning and intervention.planning.utilisateurPlanning ? intervention.planning.utilisateurPlanning.getCodeNom : '' }}">
                                </div>
                            </div>

                            {# Ligne 2 : Dernière modification #}
                            <div class="d-flex align-items-end" style="gap:1rem;">
                                <div class="d-flex flex-column">
                                    <span style="color:#e95b5b;font-size:12px;">Dernière modification</span>
                                    <div class="d-flex align-items-center">
                                        <label class="me-1">le</label>
                                        <input type="text" class="form-control bg-grey" disabled
                                               value="{{ last_modif and last_modif.date ? last_modif.date|date('d/m/Y') : '' }}"
                                               style="width: 110px;">
                                    </div>
                                </div>
                                <div class="d-flex align-items-center flex-grow-1">
                                    <label class="me-1">par</label>
                                    <input type="text" class="form-control bg-grey" disabled
                                           value="{{ last_modif and last_modif.utilisateurPlanning ? last_modif.utilisateurPlanning.getCodeNom : '' }}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {# Facturation en bas à droite #}
            <div class="d-flex bg-primary flex-column flex-grow-1">
            <div class="text-center py-1 position-relative color-white">Facturation</div>
            <div class="px-3 py-2 bg-white color-primary w-100 h-100 block-infos-container  ">
                {% set is_readonly = true %}
                {{ include('intervention/bloc_facturation.html.twig') }}
            </div>
        </div>
    </div>
    </div>
    {# Ligne 2 : validations, toujours sous la ligne 1 #}
    <div class="d-flex w-100 mt-2">
        {# Validation technique en lecture seule : on laisse les messages mais pas les boutons #}
        <div class="d-flex flex-column" style="margin-bottom: 0.3rem;margin-right: 0.3rem;width:1176px">
            <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>
            </div>
            <div class="px-2 bg-white color-primary w-100 block-infos-container d-flex justify-content-center" style="min-height: 93px; 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>
                    </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:i') }}</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.libelleTechnique }}">
                            </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>
                        </div>
                    </div>
                {% endif %}
            </div>
        </div>

        {# Validation administrative en lecture seule #}
        <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>
                        {% 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:i') }}
                                </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>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>

    {# Ligne 3 : Paiement et Relances de paiement #}
    <div class="d-flex w-100 mt-2" style="gap: 0.3rem;">
        {# Bloc Paiement #}
        <div class="d-flex bg-primary flex-column " style="width:1176px;">
            <div class="text-center py-1 position-relative color-white">Paiement</div>
            <div class="py-2 bg-white color-primary w-100 h-100 block-infos-container" style="padding-left:40px;padding-right:40px;">
                {# Calcul des totaux nécessaires #}
                {% set total_ht_pieces = 0 %}
                {% set total_tva_pieces = 0 %}
                {% for facture in intervention.factures %}
                    {% for factureLigne in facture.getFactureLignes %}
                        {% if factureLigne.getProduit and factureLigne.getProduit.getProduitType and factureLigne.getProduit.getProduitType.id == 1 %}
                            {% set total_ht_pieces = total_ht_pieces + (factureLigne.getPrixTotalHt ? factureLigne.getPrixTotalHt : 0) %}
                            {% set tva = factureLigne.getTauxTva ? factureLigne.getTauxTva.taux : 0 %}
                            {% set montant = factureLigne.getPrixTotalHt ? factureLigne.getPrixTotalHt : 0 %}
                            {% set total_tva_pieces = total_tva_pieces + (montant * tva)/100 %}
                        {% endif %}
                    {% endfor %}
                {% endfor %}
                {% set deplacement_ttc = 0 %}
                {% if ligne_deplacement %}
                    {% set tva = ligne_deplacement.getTauxTva ? ligne_deplacement.getTauxTva.taux : 0 %}
                    {% set montant = ligne_deplacement.getPrixTotalHt ? ligne_deplacement.getPrixTotalHt : 0 %}
                    {% set deplacement_ttc = montant + (montant*tva)/100 %}
                {% endif %}
                {% set mo_ttc = 0 %}
                {% if ligne_mo %}
                    {% set tva = ligne_mo.getTauxTva ? ligne_mo.getTauxTva.taux : 0 %}
                    {% set montant = ligne_mo.getPrixTotalHt ? ligne_mo.getPrixTotalHt : 0 %}
                    {% set mo_ttc = montant + (montant*tva)/100 %}
                {% endif %}
                <div class="d-flex justify-content-between">
                    {# Tableau des paiements #}
                    <div style="max-height: 105.5px; overflow: auto;width: 660px;margin-right: 2rem;">
                        <table class="table table-responsive table-sm table-inverse-color-datagrid mb-0" style="border: 1px solid #E0E0E0;">
                            <thead>
                                <th>Date</th>
                                <th>Montant</th>
                                <th>Date prévue enc.</th>
                                <th>Mode paiement</th>
                                <th>Date enc.</th>
                            </thead>
                            <tbody style="height: 74px">
                                {% set nb_line = 0 %}
                                {% if liste_paiement|length > 0 %}
                                    {% for paiement in liste_paiement %}
                                        {% set nb_line = nb_line + 1 %}
                                        <tr>
                                            <td class="text-center">{{ paiement.date|date('d/m/Y') }}</td>
                                            <td class="text-center">{{ paiement.montantTtc|number_format(2, ',', ' ') }} €</td>
                                            <td class="text-center">{{ paiement.datePrevisionnelle ? paiement.datePrevisionnelle|date('d/m/Y') : '' }}</td>
                                            <td class="text-center">{{ paiement.moyenPaiement ? paiement.moyenPaiement.libelleCourt : '' }}</td>
                                            <td class="text-center"></td>
                                        </tr>
                                    {% endfor %}
                                    {% set emptyRows = 3 - nb_line %}
                                    {% if emptyRows > 0 %}
                                        {% for i in 1..emptyRows %}
                                            <tr style="height: 25px"><td colspan="5"></td></tr>
                                        {% endfor %}
                                    {% endif %}
                                {% else %}
                                    <tr style="height: 25px"><td colspan="5"></td></tr>
                                    <tr style="height: 25px"><td colspan="5"></td></tr>
                                    <tr style="height: 25px"><td colspan="5"></td></tr>
                                {% endif %}
                            </tbody>
                        </table>
                    </div>
                    {# Totaux à droite du tableau - Grille 2x3 #}
                    <div class="d-flex flex-column justify-content-center ms-auto">
                        {% set total_ht_global = total_ht_pieces + (ligne_mo ? ligne_mo.getPrixTotalHt : 0) + (ligne_deplacement ? ligne_deplacement.getPrixTotalHt : 0) %}
                        {% set total_tva_global = total_tva_pieces + (mo_ttc - (ligne_mo ? ligne_mo.getPrixTotalHt : 0)) + (deplacement_ttc - (ligne_deplacement ? ligne_deplacement.getPrixTotalHt : 0)) %}
                        {% set total_ttc_global = total_ht_global + total_tva_global %}
                        {% set total_facture = 0 %}
                        {% for facture in intervention.factures %}
                            {% set total_facture = total_facture + (facture.montantTtc ? facture.montantTtc : 0) %}
                        {% endfor %}
                        {% set ecart = total_ttc_global - total_facture %}
                        {% set restant_du = total_ttc_global - total_paiement %}
                        {# Ligne 1 : Total HT, Total TVA, Total TTC #}
                        <div class="d-flex mb-3" style="gap: 20px;">
                            <div class="d-flex flex-column">
                                <label class="titre-small color-orange">Total HT</label>
                                <input type="text" style="width:80px" disabled class="form-control bg-grey" value="{{ total_ht_global|number_format(2, ',', ' ') }}€">
                            </div>
                            <div class="d-flex flex-column">
                                <label class="titre-small color-orange ">Total TVA</label>
                                <input type="text" style="width:80px" disabled class="form-control bg-grey" value="{{ total_tva_global|number_format(2, ',', ' ') }}€">
                            </div>
                            <div class="d-flex flex-column">
                                <label class="titre-small color-orange">Total TTC</label>
                                <input type="text" style="width:80px" disabled class="form-control bg-grey" value="{{ total_ttc_global|number_format(2, ',', ' ') }}€">
                            </div>
                        </div>
                        {# Ligne 2 : Total perçu, Restant dû, Ecart #}
                        <div class="d-flex" style="gap: 20px;">
                            <div class="d-flex flex-column">
                                <label class="titre-small color-orange ">Total perçu</label>
                                <input type="text" style="width:80px" disabled class="form-control bg-grey" value="{{ total_paiement|number_format(2, ',', ' ') }}€">
                            </div>
                            <div class="d-flex flex-column">
                                <label class="titre-small color-orange ">Restant dû</label>
                                <input type="text" style="width:80px" disabled class="form-control bg-grey" value="{{ restant_du|number_format(2, ',', ' ') }}€">
                            </div>
                            <div class="d-flex flex-column">
                                <label class="titre-small color-orange ">Ecart</label>
                                <input type="text" style="width:80px" disabled class="form-control bg-grey" value="{{ ecart|number_format(2, ',', ' ') }}€">
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        {# Bloc Relances de paiement #}
        <div class="d-flex bg-primary flex-column flex-grow-1">
            <div class="text-center py-1 position-relative color-white">
                Relances de paiement
                <i class="fa fa-refresh ms-2" style="position: absolute; right: 8px; top: 50%; transform: translateY(-50%);"></i>
            </div>
            <div class="px-2 py-2 bg-white color-primary w-100 h-100 block-infos-container d-flex justify-content-center align-items-center">
                <div class="text-center">Aucune relance en cours</div>
            </div>
        </div>
    </div>
</div>