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

{% block title %}Bienvenue sur notre site{% endblock %}

{% block body %}
    {% set imageFond = "" %}
    {% for item in configs if item.nom == "Image" %}
        {% set imageFond = item.valeur %}
    {% endfor %}
    {% set couleur1 = "" %}
    {% for item in configs if item.nom == "Couleur dominante" %}
        {% set couleur1 = item.valeur %}
    {% endfor %}
    {% set couleur2 = "" %}
    {% for item in configs if item.nom == "Couleur secondaire" %}
        {% set couleur2 = item.valeur %}
    {% endfor %}
    {% set couleur3 = "" %}
    {% for item in configs if item.nom == "Couleur faible" %}
        {% set couleur3 = item.valeur %}
    {% endfor %}
    {% set logo = "" %}
    {% for item in configs if item.nom == "Logo" %}
        {% set logo = item.valeur %}
    {% endfor %}
    {% set titre = "" %}
    {% for item in configs if item.nom == "Titre" %}
        {% set titre = item.valeur %}
    {% endfor %}
    
    <nav style="border-bottom: 1px solid {{ couleur3 }};background-color:{{ couleur3 }}">
        <img src="{{ logo }}">
        
        <span id="navWhiteSpace"></span>
        
        {% for item in categories %}
            <span style="color: {{ couleur2 }}" data-target="#{{ item.titre|replace({" ": ""}) }}"><span class="{{ item.icone }}"></span> {{ item.titre }}</span>
        {% endfor %}
    </nav>
    <header style="background-image: url('{{ imageFond }}')">
        <h1 data-aos="fade-up" style="color: {{ couleur3 }};text-shadow: 0px 0px 15px {{ couleur1 }};">{{ titre }}</h1>
    </header>
    {% for item in categories %}
        {% if item.image == "" %}
            <div class="categorieContainer" id="{{ item.titre|replace({" ": ""}) }}" style="background-color: {{item.couleur}};color:{{ item.couleurTexte }}">
        {% else %}
            <div class="categorieContainer" id="{{ item.titre|replace({" ": ""}) }}" style="background: url('{{item.image}}');color:{{ item.couleurTexte }}">
        {% endif %}
                <h2><span class="{{ item.icone }}"></span> {{ item.titre }}</h2>
                {% for bloc in item.lstBlocs %}
                    {% include 'MainBundle/bloc.html.twig' with {"bloc": bloc, "widthPercents": 100, "couleur1": couleur1, "couleur2": couleur2, "couleur3": couleur3} %}
                {% endfor %}
            </div>
    {% endfor %}
{% endblock %}

{% block stylesheets %}{% endblock %}

{% block javascripts %}{% endblock %}