{% extends "base.html.twig" %}


{% block meta %}
<title>{% trans %}favorite.my{% endtrans %}</title>
{% endblock %}


{% block body %}
<section class="results-architect">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2>
                    {% trans %}favorite.my_selection{% endtrans %}
                </h2>
            </div>
            <div class="col-md-9">
                {% for worker in workers %}
                <div class="architect-item">
                    <div class="row">
                        <div class="col-md-6 architect-infos">
                            <div class="d-flex justify-content-start">
                                <div>
                                    {% if worker.profilePicture %}
                                    <a href="{{ absolute_url(customPath('worker_sheet', { workerKey : worker.workerKey })) }}">
                                        <img src="{{ worker.profilePicture.picture | imagine_filter('remote_worker_logo_deco') }}"
                                            class="architect-logo" alt="{#alt#}" />
                                    </a>
                                    {% endif %}
                                </div>
                                <div class="architect-infos-right">
                                    <p class="worker-name">{{ worker.firstname }} {{ worker.lastname }}</p>
                                    <h3 class="worker-company-city">{{ worker.company }} - {{ worker.city }} ({{ worker.zipCode }})</h3>
                                    {% if worker.currentTranslation != "[]"%}
                                    <div class="mini-description">
                                        {{ worker.currentTranslation.miniDescription|raw }}
                                    </div>
                                    {% endif %}
                                </div>
                            </div>
                            </a>
                            <div class="architect-skills row">
                                {% set skillPropertyTypes = getSkillsByType(worker['workerSkill'], 'property-type-deco') %}
                                {% set skillWorkTypes = getSkillsByType(worker['workerSkill'], 'style-type-deco') %}
                                {% set prestations = getAttributesByMain(worker['workerAttribute'], 122) %}
                                
                                {% set maxDisplaySkills = 6 %}
                                <div class="col-md-4">
                                    <h4>{{'possession_types'|trans}}</h4>
                                {% for skills in skillPropertyTypes %}
                                    {% if loop.index <= maxDisplaySkills %}
                                    <p class="type-item type-bien">{{ skills.currentTranslation.name }}</p>
                                    {% endif %}
                                {% endfor %}
                                {% if skillPropertyTypes|length > maxDisplaySkills %}
                                    <p class="type-item-more">+ {{ skillPropertyTypes|length - maxDisplaySkills }}</p>
                                {% endif %}
                                </div>
                                <div class="col-md-4">
                                    <h4>{{'style_types'|trans}}</h4>
                                {% for skills in skillWorkTypes %}
                                    {% if loop.index <= maxDisplaySkills %}
                                    <p class="type-item type-travaux">{{ skills.currentTranslation.name }}</p>
                                    {% endif %}
                                {% endfor %}
                                {% if skillWorkTypes|length > maxDisplaySkills %}
                                    <p class="type-item-more">+ {{ skillWorkTypes|length - maxDisplaySkills }}</p>
                                {% endif %}
                                </div>
                                <div class="col-md-4">
                                    <h4>{{'prestations'|trans}}</h4>
                                    {% for prestation in prestations %}
                                        {% if loop.index <= maxDisplaySkills %}
                                        <p class="type-item type-travaux">{{ prestation.currentTranslation.name }}</p>
                                        {% endif %}
                                    {% endfor %}
                                    {% if prestations|length > maxDisplaySkills %}
                                        <p class="type-item-more">+ {{ prestations|length - maxDisplaySkills }}</p>
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-worker-pictures">
                            <div id="carousel-architect-{{ worker.id }}" class="carousel-architect carousel slide"
                                data-ride="carousel" data-touch="true" oncontextmenu="return false;">
                                <div class="carousel-inner">
                                    {% for picture in worker.pictures %}
                                    {% if loop.index <= maxPictureDisplay %}
                                    <div class="carousel-item {% if loop.index == 1 %}active{% endif %}">
                                        <div class="carousel-content">
                                            <a
                                                href="{{ absolute_url(customPath('worker_sheet', { workerKey : worker.workerKey })) }}">
                                                <img src="{{ picture.picture | imagine_filter('remote_search_slide_deco') }}"
                                                    class="img-architect" alt="{#alt#}" />
                                            </a>
                                        </div>
                                    </div>
                                    {% endif %}
                                    {% endfor %}
                                </div>
                                {% if worker.pictures|length > 1 %}
                                <a class="carousel-control-prev" href="#carousel-architect-{{ worker.id }}"
                                    role="button" data-slide="prev"></a>
                                <a class="carousel-control-next" href="#carousel-architect-{{ worker.id }}"
                                    role="button" data-slide="next"></a>
                                {% endif %}
                            </div>
                            <div class="d-flex justify-content-end align-items-center mt-4">
                                <p class="worker-favorite {% if worker|isFavorite %}is-favorite{% endif %}" data-wid="{{ worker['id']|base64Encode }}">
                                    <span class="action-is-saved">{% trans %}saved{% endtrans %} <i class="fa fa-heart" aria-hidden="true"></i></span>
                                    <span class="action-be-save">{% trans %}save{% endtrans %} <i class="fa fa-heart-o" aria-hidden="true"></i></span>
                                </p>
                                <a href="{{ absolute_url(customPath('worker_sheet', { workerKey : worker.workerKey })) }}" class="btn btn-archi-blue">
                                    {% trans %}learn_more{% endtrans %}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                {% if loop.index == displayFindBlock %}
                <div class="we-find-architect">
                    <div class="we-find-left">
                        <p class="first">{{'pageBtoC.dont_find'|trans|raw}}</p>
                        <p class="second">{{'pageBtoC.we_find_it'|trans}}</p>
                    </div>
                    <div class="we-find-right">
                        <div class="architect-call-me">
                            <h4>{{'pageBtoC.architect_callback_sr'|trans|raw}}
                            </h4>
                            <a href="{# absolute_url(customPath('fo_BtoC')) #}"
                                class="btn btn-archi-blue">{{'footer.lets_go'|trans}}</a>
                        </div>
                    </div>
                </div>
                {% endif %}
                {% endfor %}
                {% if nbWorkers > limitQuery %}
                <div class="architect-paginate">
                    <ul>
                        {% if (offsetQuery+1) > 1 %}
                        <li class="paginate-to" data-page="{{ offsetQuery-1 }}"><i class="fa fa-angle-left"></i>
                            {% endif %}
                            {% if nbStartPaginate > 1 %}
                        <li class="paginate-to" data-page="0">1</li>
                        {% if offsetQuery + 1 > nbMaxPaginate %}
                        <li class="divider">...</li>
                        {% endif %}
                        {% endif %}
                        {% for paginate in nbStartPaginate..nbPaginate %}
                        <li class="paginate-to {% if paginate == (offsetQuery+1) %}active{% endif %}"
                            data-page="{{ paginate-1 }}">{{ paginate }}</li>
                        {% endfor %}
                        {% if nbPages > nbPaginate %}
                        {% if offsetQuery + 1 <= nbPages - nbMaxPaginate %}
                        <li class="divider">...</li>
                        {% endif %}
                        <li class="paginate-to {% if nbPages == (offsetQuery+1) %}active{% endif %}"
                            data-page="{{ nbPages-1 }}">{{ nbPages }}</li>
                        {% endif %}
                        {% if (offsetQuery+1) < nbPages %}
                        <li class="paginate-to" data-page="{{ offsetQuery+1 }}"><i class="fa fa-angle-right"></i></li>
                        {% endif %}
                    </ul>
                </div>
                {% endif %}
                {% if nbWorkers == 0 %}
                <p>
                    {% trans %}favorite.nothing{% endtrans %}
                </p>
                {% endif %}
            </div>
            <div class="col-md-3">
                <div class="div-all-archi">
                    <a href="{{ absolute_url(customPath('main_worker_map')) }}"
                    class="btn btn-archi-blue btn-block mt-3 mb-5">{{'see_all_archi'|trans|raw}}</a>
                </div>
                {# <div class="search-call-architect">
                    <a href="{{ absolute_url(customPath('main_BtoC')) }}">
                        <img src="{{ asset('/lib/media/decorator/picto-2.png') }}" alt="{{'search'|trans}}" />
                    </a>
                    <div class="content-archi-callback">{{'pageBtoC.architect_callback_sr_bis'|trans|raw}}
                        <a href="{{ absolute_url(customPath('main_BtoC')) }}" class="btn btn-archi-blue btn-in-map btn-archi-callback">{{'footer.lets_go'|trans}}</a>
                    </div>
                </div> #}
            </div>
        </div>
    </div>
</section>

{% endblock body %}
{% block javascripts %}
<script>
    $(document).ready(function () {
        $('.paginate-to').on('click', function () {
            $('#offset-architect').val($(this).data('page'));
            document.getElementById('form-search').submit();
        })

        $('.erase-main-attribute').on('click', function() {
            $('.checkbox-'+$(this).data('main')).prop('checked', false)
            if($('.btn-more-creterion-'+$(this).data('main')).hasClass('criterion-checked')) {
                $('.btn-more-creterion-'+$(this).data('main')).removeClass('criterion-checked')
            }
        })
    })

    /** END AUTO COMPLETE **/

</script>

<script src="{{ asset('lib/js/favorite.js')}}"></script>
{% endblock %}