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

{% block title %}{% trans %}Sections{% endtrans %}{% endblock %}
{% block body %}

<div class="form">
    <h2 class="form_title">{% trans %}Sections{% endtrans %} </h2>

    {% block flash %}
    {% include 'base/flash.html.twig' %}
    {% endblock %}

    <div class="my-4 row d-flex box">
        <div class="col-12 pl-3">On trouve ici les titres et sous-titres des sections du site.
        </div>
    </div>
    <div class="row d-flex ">
        <div class="col-12 text-right">
            <table class="table table-striped table-admin">
                <thead>
                    <tr>
                        <th class="text-left">{% trans %}Sections fr{% endtrans %}</th>
                        <th class="text-left" data-toggle="tooltip" data-placement="right">
                            {% trans %} Sections en{% endtrans %}</th>
                        <th style="width: 20%" colspan="3" data-toggle="tooltip" data-placement="top"
                            title="{% trans %}Actions{% endtrans %}" class="text-center"><i class=" fas fa-cog"></i>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    {% for section in sections %}
                    <tr>
                        <td class="text-left">
                            <li>{{ section.about }}</li>
                            <li>{{ section.category }}</li>
                            <li>{{ section.team }}</li>
                            <li>{{ section.qandA }}</li>
                            <li>{{ section.contact }}</li>
                            <li>{{ section.price }}</li>
                        </td>
                        <td class="text-left pl-4">
                            <li>{{ section.eabout }}</li>
                            <li>{{ section.ecategory }}</li>
                            <li>{{ section.eteam }}</li>
                            <li>{{ section.eqandA }}</li>
                            <li>{{ section.econtact }}</li>
                            <li>{{ section.eprice }}</li>
                        </td>
                        <td class="text-center">
                            <a data-toggle="tooltip" data-placement="top"
                                title="{% trans %}Modifier une des sections{% endtrans %}"
                                href="{{ path('admin_section_edit', {'id': section.id}) }}" class="btn btn-warning "><i
                                    class="fa-solid fa-pen-to-square"></i></a>
                            {% else %}
                        <td colspan="3" class="text-center">{% trans %}Il n'y a encore pas de section{% endtrans %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

</div>
{% endblock %}