{% extends "base/base-back.html.twig" %}
{% block title %}Listado de filtros | Cershop{% endblock %}
{% block metadescription %}Listado de filtros{% endblock %}
{% block stylesheet %}
    {{ parent() }}
{% endblock %}

{% block titulo %}Listado de filtros{% endblock %}
{% block contenido %}

<div class="container-fluid">
    <!-- Inicio del formulario -->
    <form>

        <!-- Listado -->
        <div class="form-group row">
            <div class="col-xl-12">
                <div class="table-responsive tabla-listados">
                    <table class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th scope="col">Nombre</th>
                                <th scope="col" width="16%" class="text-center">Gestionar atributos</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Acabados</td>
                                <td class="text-center"><a href="{{ path('listadoAtributos', {slug: 'acabados'}) }}"><i class="fal fa-plus-hexagon"></i></a></td>
                            </tr>
                            <tr>
                                <td>Características técnicas</td>
                                <td class="text-center"><a href="{{ path('listadoAtributos', {slug: 'caracteristicas'}) }}"><i class="fal fa-plus-hexagon"></i></a></td>
                            </tr>
                            <tr>
                                <td>Efectos</td>
                                <td class="text-center"><a href="{{ path('listadoAtributos', {slug: 'efectos'}) }}"><i class="fal fa-plus-hexagon"></i></a></td>
                            </tr>
                            <tr>
                                <td>Espacios</td>
                                <td class="text-center"><a href="{{ path('listadoAtributos', {slug: 'espacios'}) }}"><i class="fal fa-plus-hexagon"></i></a></td>
                            </tr>
                            <tr>
                                <td>Formas</td>
                                <td class="text-center"><a href="{{ path('listadoAtributos', {slug: 'formas'}) }}"><i class="fal fa-plus-hexagon"></i></a></td>
                            </tr>
                            <tr>
                                <td>Formas de montaje</td>
                                <td class="text-center"><a href="{{ path('listadoAtributos', {slug: 'formas-montaje'}) }}"><i class="fal fa-plus-hexagon"></i></a></td>
                            </tr>
                            <tr>
                                <td>Grupos de color</td>
                                <td class="text-center"><a href="{{ path('listadoAtributos', {slug: 'grupos-color'}) }}"><i class="fal fa-plus-hexagon"></i></a></td>
                            </tr>
                            <tr>
                                <td>Materiales</td>
                                <td class="text-center"><a href="{{ path('listadoAtributos', {slug: 'materiales'}) }}"><i class="fal fa-plus-hexagon"></i></a></td>
                            </tr>
                            <tr>
                                <td>Usos</td>
                                <td class="text-center"><a href="{{ path('listadoAtributos', {slug: 'usos'}) }}"><i class="fal fa-plus-hexagon"></i></a></td>
                            </tr>
                        </tbody>
                    </table>
                </div> 
            </div>               
        </div>
        
    </form>
    <!-- ./fin del formulario -->
</div>

{% endblock %}

{% block javascript %}
    {{ parent() }}
{% endblock %}