{# BLOCK SLIDESHOW #}
{% import 'blocks\\settings.default.html.twig' as styles %}
{% if settings.disabled_block|default != 1 or fields.text|default %}
{% set slideshowheight = settings.slideshow_height|default != "" ? '--slideshow-height:'~ settings.slideshow_height ~ ';' %}
{% set dots = settings.carousel_dots|default == 1 ? '"dots": true, ' %}
{% set arrows = settings.carousel_arrows|default != 1 ? '"arrows": false, ' %}
{% set dots_color = settings.carousel_dots_color|default != "" ? '--dots-color:'~ settings.carousel_dots_color ~ ';' %}
{% set arrows_color = settings.carousel_arrows_color|default != "" ? '--arrows-color:'~ settings.carousel_arrows_color ~ ';' %}
{% set b01_colors = dots_color ~ arrows_color|default %}
{% set slider_animatation = settings.slider_animatation|default == 1 ? ', "speed": 900, "fade": true' : ', "speed": 600' %}

	<section {% if settings.extra_block_id|default %} id="{{ settings.extra_block_id|default}}" {% endif %} class="block-slideshow {{ settings.extra_class|default }}" >
		<div class="slick-carousel{{settings.arrows_style|default}}{{settings.dots_style|default}}{{settings.dots_align|default}}{{settings.dots_position|default}}" >
			{% for item in repeatable %}
				<div class="item">
					{% if item.item_video|default != '' or  item.item_video_mobile|default !='' %}
						{% set videosrc = item.item_video|default %}
						{% set videocover = item.item_image|default %}
						{% if is_mobile() and   item.item_video_mobile|default !='' %}
							{% set videosrc = item.item_video_mobile %}
						{% endif %}
						{% if is_mobile() and   item.item_image_mobile|default !='' %}
							{% set videocover = item.item_image_mobile|default %}
						{% endif %}

						<video muted {% if videocover|default %}poster="{{ videocover }}"{% endif %}>
							<source src="{{videosrc}}" />
						</video>
						
					{% elseif item.item_image != '' %}
						<picture>
							{% set imgsrc ="" %}
							{% set imgsrc = item.item_image_mobile|default %}
							{% if imgsrc == "" %}
								{% set imgsrc = item.item_image|default %}
							{% endif %}
							<source
							media="(min-width: 992px)" srcset="{{ item.item_image|imagine_filter('bannerbig') }}">
							<!-- imagem mobile no src -->
							<img src="{{ imgsrc|imagine_filter('banner_mobile')|urldecode }}" alt="{{item.item_image_alt|default}}" title="{{item.item_image_title|default}}">
						</picture>
                    {% endif %}
					<div class="mask {{ item.image_filter|default}}"></div>
					<div class="container carousel-caption" {% if item.removelineheight|default %} {% endif %}data-animation-in="fadeInDown" data-duration-in=".6" data-animation-out="fadeOUt" data-duration-out=".2">
						<div class="row w-100{{item.align_text|default}}">
							<div class="col-lg-7" >
								{% if item.item_title|default %}
									<h3>{{ item.item_title|default|raw }}</h3>
								{% endif %}
								{% if item.item_text|default %}
									<div class="banner-subtitle">
										{{ item.item_text|default|raw }}
									</div>
								{% endif %}

								{% if item.item_url|default %}
								{% set pageInfo=get_page_info(app.request.locale, item.item_url) %}	
									<a href="{{ pageInfo.url }}" class="btn {{settings.btn_style|default('btn-primary')}}">{{ item.item_label }}</a>			
								{% endif %}

							</div>
						</div>
					{% if item.item_url %}</a>{% endif %}
				</div>
			{% endfor %}
		</div>
		{% if fields.btn_next_section|default %}
			<div class="next-panel js-next-panel">
				<img src="{{ fields.btn_next_section|default }}" alt="{{ fields.btn_next_section_alt|default }}">
			</div>
		{% endif %}
	</section>
{% endif %}
{# @END BLOCK #}