{% set hasValidationAdm = intervention.dateValidationAdm ? true : false %}
{% set hasValidationTech = intervention.dateValidationTechnique ? true : false %}
<div class="container-fluid">
    <div class="d-flex align-items-center mb-2">
        <div style="width:98px;">
            N° Intervention
        </div>
        <div class="color-vert-link fw-600 me-2" style="width:105px;font-size: 15px;">
            {{ intervention.id }}
        </div>
        <a class="btn btn-md btn-block {{ hasValidationAdm ? 'border-vert-vert bg-vert-vert-inverse' : 'border-rouge bg-rouge-inverse' }} px-1 me-2" style="height: 28px;width:173px;font-size: 13px;" data-poppup-container="body" data-popup-id="popup-validation-adm-{{ intervention.id }}" data-dxpopup="" data-popup-offset ="0 275" data-popup-position-at="top" data-popup-title="Validation administrative" data-popup-width="535px" data-popup-height="110px">
            <i class="fa {{ hasValidationAdm ? 'fa-check-circle' : 'fa-exclamation-circle' }} me-1"></i>Validation administrative
        </a>
        <a class="btn btn-md btn-block {{ hasValidationTech ? 'border-vert-vert bg-vert-vert-inverse' : 'border-rouge bg-rouge-inverse' }} px-1 me-2" style="height: 28px;width:148px;font-size: 13px;" data-poppup-container="body" data-popup-id="popup-validation-tech-{{ intervention.id }}" data-dxpopup="" data-popup-offset ="0 275" data-popup-position-at="top" data-popup-title="Validation technique" data-popup-width="535px">
            <i class="fa {{ hasValidationTech ? 'fa-check-circle' : 'fa-exclamation-circle' }} me-1"></i>Validation technique
        </a>
        <div class="ms-auto">
            <a class="btn bg-outline-bleu btn-sm" style="height:28px;" data-poppup-container="body" data-popup-id="popup-documents-{{ intervention.id }}" data-dxpopup="" data-popup-offset ="0 275" data-popup-position-at="top" data-popup-title="Documents" data-popup-width="535px" data-popup-height="110px">
                <i class="fa fa-copy"></i>
            </a>
        </div>
    </div>

    <div class="d-flex mb-2">
        <div class="d-flex align-items-center">
            <label class="form-label mb-0" style="min-width:97px;">Durée (min.)</label>
            <input type="text" class="form-control form-control-sm" style="width:50px;" value="{{ intervention.planning.duree }}" disabled>
        </div>
        <div class="d-flex align-items-center">
            <label class="form-label mb-0 me-2" style="min-width:66px;margin-left: 2.1rem;">Planifiée le</label>
            <input type="text" class="form-control form-control-sm" style="width:100px;" value="{{ intervention.planning.dateCreation ? intervention.planning.dateCreation|date('d/m/Y') }}" disabled>
        </div>
        <div class=" d-flex align-items-center">
            <label class="form-label mb-0 me-2 ms-2" style="min-width:14px;">par</label>
            <input type="text" class="form-control form-control-sm" style="width:183px;" value="{{ intervention.planning.utilisateurPlanning ? intervention.planning.utilisateurPlanning.getCodeNom }}" disabled>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 d-flex align-items-center mb-2">
            <label class="form-label mb-0" style="min-width:97px;">Observations</label>
            <textarea class="form-control bg-opacity-25" rows="5" disabled style="width:478px;">{{ intervention.observations }}</textarea>
        </div>
    </div>
    <div class="row mb-2">
        <div class="col-md-12 d-flex align-items-center">
            <label class="form-label mb-0" style="min-width:97px;">Anomalies</label>
            <textarea class="form-control bg-opacity-25" rows="3" disabled style="width:478px;">{{ intervention.interventionAnomalies|map(i => i.anomalie.libelle)|join("\n") }}</textarea>
        </div>
    </div>

    <div class="row mt-2">
        <div class="col">
            {{ include('intervention/_tableau_devis.html.twig') }}
        </div>
    </div>
</div>
{{ include('clients/intervention/_popup_validation_adm.html.twig') }}
{{ include('clients/intervention/_popup_validation_tech.html.twig') }}
{{ include('clients/intervention/_popup_documents.html.twig') }}