{% include 'supporti/info_supporti.html.twig'  with {'tipocodice':tipocodice|default('')} %}	
<div class="blocco-supporti-carousel">
    <div id="supporti-carousel">
        <fieldset id="group2">
            <div class="owl-carousel owl-theme">
                {% block body %}
                    {% for riga in boxes %}
                    {{ include('supporti/_boxriga.html.twig', {'riga': riga,'tipologia': tipologia}) }}
                    {% endfor %}
                {% endblock %}
            </div>
        </fieldset>
    </div>
</div>
<script>
$(document).ready(function() {
    var owl = $('.owl-carousel');
    owl.owlCarousel({
    margin: 10,
    nav: true, 
    loop: false, // Avoid cloning
    rewind: true,   // Avoid cloning  
    responsive: {
        0: {
        items: 1
        },
        800: {
        items: 2
        },
        1200: {
        items: 3
        },
        1600: {
        items: 4
        },
        2000: {
        items: 5
        }
    }
    });
    $('.dati-prodotto-supporto .info-header .controls .minimize').off('click');
    $('#supporti-carousel').on('click', '.dati-prodotto-supporto .info-header .controls .minimize', function() {
        $(this).parent().parent().parent().parent().parent().toggleClass('show-info');

        return false;
    });   
});
</script>

</div>