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

{% block body %}
    <h1>Thèmes</h1>
    
    <h2>Thème en cours</h2>
    <div class="text-center" style="width:330px">
        <img src="{{currentheme.url}}/look.png" style="width:100%; background-color: {{app.session.get('colorbgbodydark') }}"><br>
        {{currentheme.name}}
    </div>

    <h2 class="mt-5">Thèmes disponibles</h2>

    <div>
        {% for theme in themes %}
            <div class="text-center mb-4" style="width:330px; display: inline-block">
                <img src="{{theme.url}}/look.png" style="height:170px; background-color: {{app.session.get('colorbgbodydark') }}"><br>
                {{theme.name}}<br>
                <a href="{{ path("app_theme_select",{"name":theme.dir}) }}" class="btn btn-primary" role="button">Sélectionner</a>
            </div>
        {% endfor %}
    </div>
{% endblock %}