{% if equipement.getLastContrat %}
    {% set idContrat = equipement.getLastContrat.id %}
<div id="popup-groupe-contrat-{{ equipement.getLastContrat.id }}" style="display:none;" >
    <div class="px-4 pb-4 d-flex justify-content-center align-items-center flex-column" style="max-height: 900px;overflow-y: auto;overflow-x: hidden;" >
        {% if equipement.getLastContrat.groupe %}
            {% set contratsGroupe = contratRepo.getContratsByGroupe({'groupe' : equipement.getLastContrat.groupe}) %}
            {% set reduc = (contratsGroupe|length < 5 and contratsGroupe|length > 1) ? 5 : 10 %}
            <div class="text-center mb-3">{{ contratsGroupe|length }} équipements groupe n°{{  equipement.getLastContrat.groupe}} : -{{ reduc }}% tarif contrat</div>
        {% endif %}
        <div class=" p-2 mb-4 border-grey-medium" style="width:900px">
            <form class="form-ajax" data-target-html="#search-group-result-{{ equipement.id }}" action="{{ path('search_contrat', {'id' : idContrat}) }}">
                <div class="d-flex justify-content-between" style="padding-right:110px">
                    <div class="d-flex align-items-center me-2">
                        <label class="me-1">Nom</label>
                        <input class="form-control" type="text" name="nom">
                    </div>
                    <div class="d-flex align-items-center">
                        <label class="me-1">Prénom</label>
                        <input class="form-control" type="text" name="prenom">
                    </div>
                    <div class="d-flex align-items-center me-2">
                        <label class="me-1">N°Serie</label>
                        <input class="form-control" type="text" name="equipement">
                    </div>
                    <div class="d-flex align-items-center">
                        <label class="me-1">N°Groupe</label>
                        <input class="form-control" type="text"  style="width:50px" name="groupe">
                    </div>
                </div>
                <div class="d-flex my-2 justify-content-between">
                    <div class="d-flex align-items-center me-2">
                        <label class="me-1">Adresse</label>
                        <input class="form-control" type="text" style="width:257px;" name="adresse">
                    </div>
                    <div class="d-flex align-items-center">
                        <label class="me-1" style="width:83px;">Code postal</label>
                        <input class="form-control" type="text" style="width:94px;" name="code_postal">
                    </div>
                    <div class="d-flex align-items-center">
                        <label class="me-1">Ville</label>
                        <input class="form-control" type="text" style="width:220px;" name="ville">
                    </div>
                    <input  type="submit" class="btn btn-success" value="Rechercher">
                </div>
            </form>
            <div id="search-group-result-{{ equipement.id }}" style="display: none;"></div>
        </div>
        {{ include('clients/_contrats_groupe.html.twig') }}
    </div>
</div>
{% endif %}