{% if message_error is defined and message_error %}
    <div class="messages">
        <div class="alert alert-dismissible alert-danger fade show"   role="alert">
            {{ message_error|raw }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close" style="opacity:1"></button>
        </div>
    </div>
{% endif %}
<form class="form-ajax" action="{{ path('post_equipement_groupe') }}" data-target-html="#result-equipements-lies">
    <div class="d-flex my-3">
        <div class="d-flex align-items-center me-5">
            <label style="width:120px;" class="me-1">Type de groupe</label>
            <select name="groupe_type" style="width:auto" class="form-control bg-grey" id="groupe_type">
                <option value="">Choisissez un type de groupe [...]</option>
                {% for groupe in groupeTypes %}
                    <option value="{{ groupe.id }}">{{ groupe.libelle }}</option>
                {% endfor %}
            </select>
        </div>
    </div>
    <table class="table table-striped mt-2 table-bordered table-sm" style="font-size:14px">

    {%  for equip in client.equipements %}
        {% if equip.getActif %}
            <tr>
                <td style="vertical-align: middle" width="20px"><input type="checkbox" name="equips[]" value="{{ equip.id }}" style="width:20px;height:20px;"></td>
                <td width="70%">
                    <b>N°: {{ equip.numSeriePrincipal }}
                    {{ equip.EquipementTypePuissance and equip.EquipementTypePuissance.EquipementType.type }}</b>
                    {{ equip.EquipementFamille and equip.EquipementFamille ? equip.EquipementFamille.libelle : '' }}
                    <br/>
                    <br/>
                    <span class="mt-2 w-100">
                        <span class="bg-primary me-1" style="padding: 4px;border-radius: 3px;padding-top:2px;"> {{ equip.EquipementFamilleContrat ? equip.EquipementFamilleContrat.code }}</span>
                        &nbsp;{{ equip.adresse.codePostal ~ ' ' ~ equip.adresse.ville}}
                    </span>
                </td>
                <td valign="middle">
                    {% set groupeType = equip.equipementGroupes is not empty ? equip.equipementGroupes[0].groupeType : '' %}
                    {{ groupeType is not empty ? groupeType.libelle : '' }}
                    <input type="hidden" name="groupe_type_{{ equip.id }}" value="{{ groupeType is not empty ? groupeType.id : '' }}">
                </td>
                <td valign="middle">
                    {% set idgroupe = equip.equipementGroupes is not empty ? equip.equipementGroupes[0].idgroupe : '' %}
                    {{idgroupe ? 'Groupe N°' ~ idgroupe }}
                    <input type="hidden" name="id_groupe_{{ equip.id }}" value="{{ idgroupe }}">
                </td>
            </tr>
        {% endif %}
    {% endfor %}
    </table>
    <div class="form-group d-flex justify-content-center mt-1">
        <input type="hidden" name="action" id="action" value="">
        <input type="hidden" name="idclient" value="{{ client.id }}">
        <div class="form-actions-row">
            <input  class="btn btn-success me-3 " type="submit"  value="Lier les équipements selectionnés" onclick="$('#action').val('link');">
            <input  class="btn btn-danger me-3 " type="submit" value="Supprimer la liaison des équipements selectionnés" onclick="$('#action').val('del');">
            <button  class="btn  btn-dark btn-close-popup"  data-dxpopup-id="popup-lier-equipement" type="button" >Annuler</button>
        </div>
    </div>

</form>