{% block pageStyle %}
    {{ encore_entry_link_tags('our-collaborations') }}
{% endblock %}

{% block pageScript %}
    {{ encore_entry_script_tags('our-collaborations') }}
{% endblock %}

<div class="our-collaborations-logos">
    <!-- Slider içeriği -->
    <div class="our-collabrations-logos-box">
        <div id="collaborationsSlider" data-controller="our-collaborations" class="owl-carousel collaborations_js" data-carousel="{'loop':true,'margin':0,'autoplay':true,'autoplayTimeout':5000,'autoplaySpeed':1500,'responsive':{'0':{'items':1}}}">
            {% for i in 1..2 %}
                <div class="collaborationsSlider-inside">
                    <div class="logos">
                        {% for item in isBirlikler %}
                            {% set src = asset('uploads/is-birliklerimiz/' ~ item.resim)%}
                            <div class="our-collaborations-logo">
                                <a class="collaborations-logo_js">
                                    <img src="{{src}}" alt="">
                                </a>
                            </div>
                        {% endfor %}
                    </div>
                </div>
            {% endfor %}
        </div>
        <div class="our-collaborations-logos-indicators">
            <i class="fa fa-arrow-left-long collaborations-prev" data-owl-prev="#collaborationsSlider"></i>
            <i class="fa fa-arrow-right-long collaborations-next" data-owl-next="#collaborationsSlider"></i>
        </div>
    </div>
</div>