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

{% block title %}Projects Lô-Ba{% endblock %}

{% block main %}

    <div style="background-image: url('{{ asset('uploads/images/' ~ bgs[0].background1) }}')" class="sectionProjOne">
        <section class="proj-intro">
            <h1>{{ 'projects_page.title'|trans }}</h1>
            <section class="sec-pictos">
                {% for project in projects %}
                    <a href="#{{ project.id }}">
                        <img src="{{ asset('uploads/images/' ~ project.icon) }}" alt="">
                    </a>
                {% endfor %}
            </section>
        </section>

        {% if locale == 'default' %}
            {% for project in projects %}
                <section id="{{ project.id }}" class="sec-sante">
                    <a id="sante-title"><h2>{{ project.title }}</h2></a>
                    <div class="content">
                        {{ project.content|raw }}

                        <img style="width: 100%; margin-top: 5rem" src="{{ asset('uploads/images/' ~ project.media) }}" alt="">
                    </div>
                </section>
            {% endfor %}
        {% else %}
            {% for p in ps %}
                {% set title = p.translations | filter(t=>t.keyword == 'project.title')|first %}
                {% set content = p.translations | filter(t=>t.keyword == 'project.content')|first %}
                <section id="{{ p.id }}" class="sec-sante">
                    <a id="sante-title"><h2>{{ title.value|raw }}</h2></a>
                    <div class="content">
                        {{ content.value|raw }}
                        <img style="width: 100%; margin-top: 1rem" src="{{ asset('uploads/images/' ~ p.media) }}"
                             alt="">
                    </div>
                </section>
            {% endfor %}
        {% endif %}
    </div>
    <style>
        .sec-sante:nth-child(2n+3) {
            background-image: url('{{ asset('uploads/images/' ~ bgs[0].background2) }}');
        }
    </style>

{% endblock %}