{% set popup_id = (adresse_complement is defined) ? popup_id : 'popup-add-complement' %}
{% set path = (adresse_complement is defined) ? path('update_adresse_complement', {'id' : adresse_complement.id , 'id_equipement' : equipement.id}) : path('post_complement_adresse', {'id' : equipement.id}) %}
<div id="{{ popup_id }}" style="display: none;z-index:3333;position: absolute">
    <form  class="form form-ajax mt-0 px-2 " action="{{ path }}" method="post" data-target-html="#result-complements-adresse">
        <div class="d-flex  justify-content-between  mb-2" style="width:480px">
            <div class="d-flex align-items-center" >
                <label style="width:88px;" class="me-1">Type</label>
                <select  name="type_complement_adresse" style="width:auto" data-formchanged="no" class="form-control bg-grey" required>
                    {% for type_complement in typeComplementAdresse %}
                        {% set selected =  (adresse_complement is defined and adresse_complement.getTypeComplementAdresse and adresse_complement.getTypeComplementAdresse.id == type_complement.id) ? 'selected' : '' %}
                        <option value="{{ type_complement.id }}" {{ selected }}>{{ type_complement.libelle }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="d-flex align-items-center">
                <label style="width:60px">Valeur</label>
                <input name="valeur" data-formchanged="no" style="width: 128px" class="form-control bg-grey" value="{{adresse_complement is defined ? adresse_complement.valeur|default('')  : ''}}">
            </div>
        </div>
        <div class="d-flex align-items-center">
            <label class="me-2" style="width:84px">Commentaire</label>
            <input name="commentaire_valeur" data-formchanged="no" class="form-control bg-grey"  style="width:388px;" value="{{ adresse_complement is defined ? adresse_complement.getCommentaireValeur|default('') :'' }}">
        </div>
        <div class="form-group d-flex justify-content-center my-3 mb-0">
            <div class="form-actions-row">
                <button  class="btn btn-outline-danger me-2 btn-close-popup" style="min-width: 100px !important;" data-dxpopup-id="{{ popup_id }}" type="button" >Fermer</button>
                <button  class="btn btn-outline-success  btn-close-popup" type="submit" style="min-width: 100px !important;" data-dxpopup-id="{{ popup_id }}" >Valider</button>
            </div>
        </div>
    </form>
</div>