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

{% if isLoggedUserTeacher %}
    {% set preferences_txt_unchecked = ('sentence.preferences.engineer.select')|trans({}, 'sentence') %}
    {% set preferences_txt_checked = ('sentence.preferences.engineer.selected')|trans({}, 'sentence') %}
{% else %}
    {% set preferences_txt_unchecked = ('sentence.preferences.teacher.select')|trans({}, 'sentence') %}
    {% set preferences_txt_checked = ('sentence.preferences.teacher.selected')|trans({}, 'sentence') %}
{% endif %}

<div class="module module-inview-user-preferences">
    <h2 class="intervenants-title">
        {% if isLoggedUserTeacher %}
            Les intervenants proches de votre établissement
        {% else %}
            Les enseignants proches de moi
        {% endif %}
    </h2>

    {% if othersUsers %}
        <p class="intervenants-description">
        {% if isLoggedUserTeacher %}
            Si vous avez déposé une demande de participation à l’action Ingénieurs et techniciens dans les classes, cliquez sur le bouton "Je choisis 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 "Je choisis 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 %}
        </p>
    {% else %}
        <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" style="max-height: 600px;">
        {% for user in othersUsers %}
            {% set u, isPreferred = user|first, user.isPreferred %}
            <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({{ u.getWebPhoto|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">
                                <h5 class="fn given-name">{{ u.firstname }}</h5>

                                <p class="title">
                                    {%- if isLoggedUserTeacher -%}
                                        {{ u.jobOther }}
                                    {%- else -%}
                                        {% if u.categoryJob is not empty %}{{ u.categoryJob|transconst('AppBundle\\Enum\\UserJobTeacherCategory') }} / {% endif %}{% if u.jobOther is not empty %}{{ u.jobOther }}{% else %}{{ u.job|transconst('AppBundle\\Enum\\UserJobTeacher') }}{% endif %}
                                    {%- endif -%}
                                </p>
                                <p class="org">
                                    {%- if isLoggedUserTeacher -%}
                                        {{- u.establishment -}}
                                    {%- else -%}
                                        {{- u.establishmentName ?? u.establishmentNameOther -}}
                                    {%- endif -%}
                                </p>,
                                <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">
                                    <input id="user_pref_{{ u.id }}_checkbox" type="checkbox" value="{{ u.id }}" name="preference[]" style="display: none;"{% if isPreferred %} checked {% endif %}/>
                                    <button id="user_pref_{{ u.id }}_select" type="button" class="btn btn-white btn-sm select-preference-user{% if isPreferred %} has-select-icon{% endif %}">
                                        {% if isPreferred %}  
                                            {{ preferences_txt_checked|raw }}
                                        {% else %}
                                            {{ preferences_txt_unchecked|raw }}
                                        {% endif %}
                                    </button>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
    <script>    
        var preferences_ajax_url = "{{ path('preference')}}";
        var preferences_txt_unchecked = '{{ preferences_txt_unchecked|raw }}';
        var preferences_txt_checked = '{{ preferences_txt_checked|raw }}';
    </script>
</div>
