Licitator/httpdocs/templates/database/components/eco-design/resources.html.twig

<div class="buttons recursos__container">
        <ul class="nav nav-pills" id="pills-tab" role="tablist">
            {% for recurso in tarea[0].recursotarea|sort((a, b) => a.position <=> b.position) %}
                <li id="recursotab-{{ recurso.recursos.id }}">
                    <a href="#recurso-{{ recurso.recursos.id }}" class="btn btn-{{recurso.recursos.TiposRecursosId.Style}}" data-toggle="tab">{{ recurso.recursos.TiposRecursosId.Tipo|trans({})}}</a>
                </li>
            {% endfor %}
        </ul>
        <div class="tab-content clearfix">
            {% for recurso in tarea[0].recursotarea %}
                <div id="recurso-{{ recurso.recursos.id }}" class="tab-pane alert alert-{{recurso.recursos.TiposRecursosId.Style}} alert-white rounded "  >
                    <button type="button"  aria-hidden="true" class="close"  onclick="$(this).parent().toggleClass('active');$('#recursotab-{{ recurso.recursos.id }}').toggleClass('active');" style="top:0px;position:sticky;">×</button>
                    <div class="icon">
                        <img src="{{ asset("images/"~recurso.recursos.TiposRecursosId.Alias~".png") }}"/>
                    </div>
                    {{recurso.recursos.texto|trans({})|raw}}
                </div>

            {% endfor %}
        </div>
    </div>