<button id="btn-prueba" type="button" class="btn bg-color text-white float-start position-fixed bottom-0 start-0 m-4" data-bs-toggle="modal" data-bs-target="#myModal">
Prueba nuestros test gratis
</button>
<div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header border-0">
<h5 class="modal-title fs-3" id="exampleModalLabel">Prueba nuestros test gratis</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
{% for tema in temas %}
<div class="toggle bg-light">
<div class="toggle-header">
<div class="toggle-icon">
<i class="toggle-closed icon-angle-right1"></i>
<i class="toggle-open icon-angle-down1"></i>
</div>
<div class="toggle-title">{{ tema.nombre }}</div>
</div>
<div class="toggle-content" style="display: none;">
{% for bloque in bloque_manager.getConCuestionariosGratis(tema) %}
<div class="toggle bg-light py-0">
<div class="toggle-header">
<div class="toggle-icon">
<i class="toggle-closed icon-angle-right1"></i>
<i class="toggle-open icon-angle-down1"></i>
</div>
<div class="toggle-title">{{ bloque.nombre }}</div>
</div>
{% for cuestionario in cuestionario_manager.getByBloqueGratis(bloque) %}
<div class="toggle-content ps-5" style="display: none;">
<div class="d-flex justify-content-between">
{{ cuestionario.nombre }}
<a href="{{ path('front_test', { 'id': cuestionario.id }) }}" class="btn btn-sm text-white bg-color rounded-3 fw-semibold text-uppercase shadow-sm" target="_blank">Realizar test <i class="icon-line-arrow-right ms-1"></i></a>
</div>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>