_layout.html.twig

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

{% set is_host = is_host(committee) %}

{%- block meta_description -%}
    {{ committee.name }} est un comité local de La République En Marche. Il se situe dans la ville de {{ committee.cityName }} et se compose de {{ 'committee.members_count'|trans({ count: committee.membersEmCount }) }}. Les comités locaux sont le fondement de notre mouvement, rejoignez-en un pour participer à la vie locale du mouvement !
{%- endblock -%}

{% block content %}
    <main class="committee">
        <div class="l__wrapper l__row l__row--top l__row--h-stretch l__tablet--col">
            <a href="{{ path('app_search_committees') }}" class="back-to-list icon--with-text text--summary b__nudge--bottom b__nudge--top">
                {{ include('components/caret--left.html.twig') }}
                Retour à la liste des comités</a>
        </div>

        <header class="committee__header background--blue">
            <div class="l__wrapper pst--relative">
                <div class="committee__header__plus">
                    {% set items = [] %}
                    {% if is_granted('REPORT') %}
                        {% set items = items|merge([
                            {
                                href: report_path(committee, app.request.pathInfo),
                                label: 'Signaler ce comité',
                                linkAttr: {
                                    class: 'text--body link--no-decor text--blue--dark',
                                }
                            },
                        ]) %}
                    {% endif %}

                    {% if is_host and can_unfollow(committee) %}
                        {% set items = items|merge([
                            {
                                label: 'Quitter ce comité',
                                linkAttr: {
                                    class: 'text--body link--no-decor text--blue--dark committee-action-button committee-unfollow',
                                    'data-action': 'quitter',
                                    'data-csrf-token': csrf_token('committee.unfollow')
                                }
                            },
                        ]) %}
                    {% endif %}

                    {% include 'components/_annimated_sub_menu.html.twig' with {items: items} %}
                </div>
            </div>
            <div class="l__wrapper committee__header__content">
                <div class="text--white committee__header__titles">
                    <div class="text--uppercase text--small b__nudge--bottom">
                        Comité local {% if is_host %}n°{{ committee.id }}{% endif %}
                    </div>
                    <div class="committee__name">
                        <h1 id="committee-name" class="text--large">{{ committee.name }}</h1>
                    </div>
                    <ul class="committee__infos">
                        <li>
                            {{ include('components/location.html.twig') }}
                            <a href="https://www.google.com/maps/search/{{ committee.postalCode }}+{{ committee.cityName }}+{{ committee.countryName }}" target="_blank" class="link--blue--dark link--no-decor b__nudge--right-small">{{ committee.cityName }}</a>
                            {% if committee.postalCode %}({{ committee.postalCode }}){% endif %}
                        </li>
                        <li>
                            {{ include('components/users.html.twig') }}
                            {{ 'committee.members_count'|trans({ count: committee.membersEmCount }) }}
                        </li>
                        <li>
                            {{ include('components/share.html.twig') }}
                            Partagez
                            <ul class="committee__socials text--white">
                                <li role="button" aria-label="Partagez sur Facebook"
                                    onclick="App.share('facebook', window.location.href, 'Rejoignez le comité : {{ committee.name|escape('js') }}')">
                                    <i class="fa fa-facebook-square"></i>
                                </li>
                                <li role="button" aria-label="Partagez via Twitter"
                                    onclick="App.share('twitter', window.location.href, 'Rejoignez le comité : {{ committee.name|escape('js') }}')">
                                    <i class="fa fa-twitter"></i>
                                </li>
                                <li role="button" aria-label="Partagez via email"
                                    onclick="App.share('email', window.location.href, 'Rejoignez le comité : {{ committee.name|escape('js') }}')">
                                    <i class="fa fa-envelope-o"></i>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>

                <div class="committee__header__actions">
                    {% block committee_lcol %}{% endblock %}
                </div>
            </div>
        </header>

        <div class="l__wrapper l__row l__row--top l__row--h-stretch l__tablet--col">
            <div class="committee__main l__wrapper--main l__wrapper--main-left">
                {% block committee_content %}{% endblock %}
            </div>

            {{ include('committee/_sidebar.html.twig') }}
        </div>
    </main>
{% endblock %}