<nav id="navbar">
    {{ render(controller("App\\Controller\\LogoController::index")) }}

    <div class="navlinks">
        <ul>
            <li><a data-replace="{{ 'home'|trans }}"
                   href="{{ path('app_home', {_locale: app.request.locale}) }}"><span>{{ 'home'|trans }}</span></a></li>
            <li><a data-replace="{{ 'projects'|trans }}"
                   href="{{ path('app_projects',  {_locale: app.request.locale}) }}"><span>{{ 'projects'|trans }}</span></a></li>
            <li><a data-replace="{{ 'news'|trans }}"
                   href="{{ path('app_blog',  {_locale: app.request.locale}) }}"><span>{{ 'news'|trans }}</span></a></li>
            <li><a data-replace="{{ 'partners'|trans }}"
                   href="{{ path('app_partners_index', {_locale: app.request.locale}) }}"><span>{{ 'partners'|trans }}</span></a>
            </li>
            <li><a data-replace="Contact"
                   href="{{ path('app_message_new', {_locale: app.request.locale}) }}"><span>Contact</span></a></li>
            <li><a data-replace="501
                    (c) (3)" class="org" target="_blank"
                   href="https://www.irs.gov/charities-non-profits/charitable-organizations/exemption-requirements-501c3-organizations"><span>501
                        (c) (3)</span></a></li>
            <li><a class="donate" target="_blank"
                   href="https://www.paypal.com/donate/?hosted_button_id=9D4GGPM2SNLYS">{{ 'donate'|trans }}</a></li>
            {% if is_granted('ROLE_ADMIN') %}
                <li><a href="{{ path('admin') }}">Admin</a></li>
            {% endif %}
        </ul>

        <form method="post">
            <select id="language_select" name="lang" onchange="this.form.submit()">
                <option value="en" {{ app.request.locale == 'en' ? 'selected' : '' }}>En</option>
                <option value="fr" {{ app.request.locale == 'fr' ? 'selected' : '' }}>Fr</option>
            </select>
        </form>
    </div>

    <!-- Menu burger -->
    <div class="containner" onclick="this.classList.toggle('active')">
        <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 200 200">
            <g stroke-width="6.5" stroke-linecap="round">
                <path
                        d="M72 82.286h28.75"
                        fill="#009100"
                        fill-rule="evenodd"
                        stroke="var(--main-color-darkgrey)"
                />
                <path
                        d="M100.75 103.714l72.482-.143c.043 39.398-32.284 71.434-72.16 71.434-39.878 0-72.204-32.036-72.204-71.554"
                        fill="none"
                        stroke="var(--main-color-darkgrey)"
                />
                <path
                        d="M72 125.143h28.75"
                        fill="#009100"
                        fill-rule="evenodd"
                        stroke="var(--main-color-darkgrey)"
                />
                <path
                        d="M100.75 103.714l-71.908-.143c.026-39.638 32.352-71.674 72.23-71.674 39.876 0 72.203 32.036 72.203 71.554"
                        fill="none"
                        stroke="var(--main-color-darkgrey)"
                />
                <path
                        d="M100.75 82.286h28.75"
                        fill="#009100"
                        fill-rule="evenodd"
                        stroke="var(--main-color-darkgrey)"
                />
                <path
                        d="M100.75 125.143h28.75"
                        fill="#009100"
                        fill-rule="evenodd"
                        stroke="var(--main-color-darkgrey)"
                />
            </g>
        </svg>
    </div>
    <!-- Fin menu burger -->
</nav>