{% set preferences_txt_unchecked = ('sentence.preferences.engineer.select')|trans({}, 'sentence') %}
{% set preferences_txt_checked = ('sentence.preferences.engineer.selected')|trans({}, 'sentence') %}

<div class="module">
    <h2 class="intervenants-title mb-5">
        Sélectionnez un intervenant pour votre demande
    </h2>

    {% if othersUsers is empty %}
        <p class="alert alert-info">
        {% if app.user.latitude and app.user.longitude %}
            Désolé, il nʼy a pour le moment pas dʼintervenant proche de votre établissement. Nous nous efforçons de mobiliser de nouveaux ingénieurs et techniciens et nous espérons être en mesure de vous proposer une intervention prochainement.
        {% else %}
            Nous ne pouvons vous fournir les intervenants proches de votre établissement car lʼadresse que vous avez saisie nʼa pas été reconnue.
        {% endif %}
        </p>
    {% endif %}

    <div class="row users-list list-cards list-scrollable bg-white mb-5" style="max-height: 630px;padding: 15px 0">
        {% for u in othersUsers %}
            {% set webPhoto = 'uploads/user/photo/' ~  u.id ~ '.' ~ u.photo %}
            <div class="col-md-6">
                <div class="item card bg-alabaster vcard ">
                    <div class="item-content">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="photo-badge" {% if u.photo is not empty %}style="background-image: url({{ webPhoto|imagine_filter('150Lx150H')|replace({' ' : '%20'}) }})"{% endif %}>
                                    {% if u.photo is empty %}
                                        {{ include('Front/_component/icon.html.twig', {id: 'user--user', class:'icon-profile-default'}) }}
                                    {% endif %}
                                </div>
                            </div>

                            <div class="col-md-8">
                               
                                {% if u.partner_soundex is not empty and (u.partner_soundex ==  u.soundex_entreprise_name or u.partner_soundex ==  u.soundex_entreprise_name_other) %}
                                    <span class="bg-mercury p-1">Partenaire privilégié - {{ u.distance|round(2) }} Km</span> 
                                {% endif %}
                               
                                <h5 class="fn given-name">{{ u.firstname }}</h5>

                                <p class="title">
                                    {{ u.jobOther }}
                                </p>
                                <p class="org">
                                
                                   
                                    {% if u.establishmentname is empty or u.establishmentname is null %}
                                        {{ u.establishmentnameother }} 
                                    {% else %}
                                        {{ u.establishmentname }} 
                                    {% endif %}
                                   
                                </p><br/>
                                <div class="adr">
                                    <p><span class="locality">{{ u.establishmentcity }}</span></p>
                                </div>

                                <div class="clearfix">
                                    <a data-fancybox data-type="ajax" class="float-right" href="{{ path('modal_user', {'user' : u.id }) }}" rel="nofollow">Voir plus</a>
                                </div>
                            </div>

                            <div class="col-md-12">    
                                <p class="preference">
                                    
                                    <a class="btn btn-white btn-sm"  href="{{ path('espace_perso_prof_itdlc_choix_inge', {ope:ope.id, inge: u.id}) }}" onclick="return confirm('Je confirme mon choix d\'intervenant.e')">
                                        {{ preferences_txt_unchecked|raw }}
                                    </a>
                                   
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
</div>