{% set isLoggedUserTeacher = constant('AppBundle\\Enum\\UserType::TEACHER') == app.user.type %}

<h4 class="intervenants--title">
    {% if isLoggedUserTeacher %}
        Les intervenants proches de votre établissement
    {% else %}
        Les enseignants proches de moi
    {% endif %}
</h4>
<p class="intervenants--description">         
    {% if others %}
        {% if isLoggedUserTeacher %}
            Si vous avez déposé une demande de participation à l’action Ingénieurs et techniciens dans les classes, cliquez sur le bouton "Jʼai une préférence pour cet intervenant" afin de nous signaler que vous aimeriez organiser une rencontre avec cette personne. Nous nous efforcerons dʼy répondre au mieux.
        {% else %}
            Si vous avez déposé une demande de participation à lʼaction Ingénieurs et techniciens dans les classes, cliquez sur le bouton "Jʼai une préférence pour cet enseignant" afin de nous signaler que vous aimeriez organiser une rencontre avec cette personne. Nous nous efforcerons dʼy répondre au mieux.
        {% endif %}
    {% else %}
        {% 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 %}
    {% endif %}
</p>
<div class="intervenants--list list-scrollable">
    {% for user in others %}
        {% set u, isPreferred = user|first, user.isPreferred %}

        <div class="vcard">
            <div>
                <div class="photo-badge">
                    {% if u.photo %}
                        <img alt="Photo de profil de {{ u.firstname }}" class="photo" src="{{ u.getWebPhoto|imagine_filter('48Lx48H') }}">
                    {% else %}
                        {{ include('Front/_component/icon.html.twig', {id:'user--user', class:'icon-profile-default'}) }}
                    {% endif %}
                </div>

                <div>
                    <h5 class="fn given-name">{{ u.firstname }}</h5>

                    <p class="title">{{ u.job }}{% if not isLoggedUserTeacher %} {{ u.jobother }}{% endif %},</p>
                    <p class="org">
                        {% if isLoggedUserTeacher -%}
                            {{- u.establishment -}}
                        {% else -%}
                            {{- u.establishmentName ?? u.establishmentNameOther -}}
                        {%- endif -%}
                    </p>,
                    <address class="adr">
                        <span class="locality">{{ u.establishmentCity }}</span>
                    </address>
                    
                    <p class="preference">
                        <input{% if isPreferred %} checked="checked"{% endif %} id="preference-{{ u.id }}" type="checkbox" value="{{ u.id }}"/>
                        {{
                            include('Front/_component/icon.html.twig', {
                                id:'checkbox--checkbox-unchecked',
                                class: 'icon-unchecked',
                            })
                        }}
                        {{
                            include('Front/_component/icon.html.twig', {
                                id:'checkbox--checkbox-checked',
                                class: 'icon-checked',
                            })
                        }}
                        <label for="preference-{{ u.id }}">
                            Jʼai une préférence pour cet
                            {% if isLoggedUserTeacher %}
                                intervenant
                            {% else %}
                                enseignant
                            {% endif %}
                        </label>
                    </p>
                </div>
            </div>
            <div>
                {% if isLoggedUserTeacher %}
                    <div class="js-expandmore">+ dʼinfos</div>
                {% else %}
                    <div></div>
                {% endif %}
                <div class="js-to_expand">
                    {% if isLoggedUserTeacher %}
                        <p>
                            <strong>Fonction&nbsp;:</strong>
                            {{ u.detailFunction }}
                        </p>
                        <p>
                            <strong>Formation&nbsp;:</strong>
                            {{ u.detailFormation }}
                        </p>
                    {% else %}
                        {# <p>
                            <strong>Niveaux enseignés&nbsp;:</strong>
                            {{ u.classroom|join('/') }}
                        </p> #}
                    {% endif %}
                </div>
            </div>
        </div>
    {% endfor %}
</div>
