{% import 'blocks\\settings.default.html.twig' as styles %}
{% set dots = settings.carousel_dots|default == 1 ? '"dots": true, ' %}
{% set arrows = settings.carousel_arrows|default == 1 ? '"arrows": true, ' %}
    <section {% if settings.extra_block_id|default %} id="{{ settings.extra_block_id|default}}" {% endif %} class="block-06-image-text block-06-highlight_carousel  {{ settings.extra_class|default }}"  >
        <div class="container">
            <div class="row">
                <div class="col-12 slick-carousel" >
                    {% for item in repeatable %}
                            <div class="item"  >
                                {% if item.url|default or item.page|default %}
                                    {% set finalurl=item.url|default %}
                                        {% if item.page|default %}  
                                            {% set pageInfo=get_page_info(app.request.locale, item.page) %} 
                                            {% if finalurl|trim is empty %} 
                                                {% set finalurl = pageInfo.url %}
                                            {% endif %}
                                        {% endif %} 
                                    <a href="{{ finalurl }}" target="{{ item.target|default }}">
                                {% endif %}                         
                                <div class="mask-img d-flex align-items-center justify-content-center">
                                    {% if  item.image|default %}
                                        {% set extension = item.image|default|extension %}                            
                                        <img src="{% if extension == 'svg' or  extension == 'gif' %}{{ item.image }}{% else %}{{ item.image|imagine_filter('img_text_col')|urldecode }}{% endif %}" class="{% if item.image_no_cover|default %}img-fluid{% else %}object-fit-cover{% endif %}" alt="{{ item.image_alt|default }}" {% if item.image_title|default %} title="{{ item.image_title}}" {% endif %}>
                                    {% endif %} 
                                </div>
                                <div class="w-100 bg-text py-4 px-4" >
                                    <h3 class="title">{{ item.title|default|raw }}</h3>
                                    {% if item.text|default|raw %}
                                        <div class="w-100 mt-4 text">{{ item.text|default|raw }}</div>
                                    {% endif %}
                                    {% if item.url|default or item.page|default and item.label_bt|default %}
                                        <div class="btn {{settings.btn_style|default('btn-primary')}}">{{ item.label_bt|default }}</div> 
                                    {% endif %}
                                </div>
                                {% if item.url|default or item.page|default %}                         
                                    </a>
                                {% endif %}   
                            </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </section>