{% extends 'admin/@layout.html.twig' %}

{% set pageName = 'page_name_configuration_index'|trans({}, 'admin') %}

{% block content %}
    <section class="content">
        <div class="row">
            {% for configuration in configurations %}
                <div class="col-4">
                    {{ _self.printConfigurationCard(configuration) }}
                </div>
            {% endfor %}
        </div>
    </section>
{% endblock %}

{% macro printConfigurationCard(configuration) %}
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">{{ configuration.name|trans({}, 'admin') }}</h3>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-4">
                    <img src="{{ asset('images/configurations/' ~ configuration.image) }}"
                         alt="{{ configuration.name|trans({}, 'admin') }}"
                         class="img-fluid">
                </div>
                <div class="col-8">
                    <p>{{ configuration.description|trans({}, 'admin') }}</p>
                </div>
            </div>
        </div>
        <div class="card-footer text-right">
            <a href="{{ path('admin_configuration_set', {slug: configuration.slug}) }}"
               class="btn btn-primary">{{ 'button_set'|trans({}, 'admin') }}</a>
        </div>
    </div>
{% endmacro %}