{#
/**
 * @file
 * Theme override to display a block.
 */
#}
{%
  set classes = [
    'block',
	'feature-block',
    'block-' ~ configuration.provider|clean_class,
    'block-' ~ plugin_id|clean_class,
  ]
%}
{% if content.field_media_format['#items'].getValue()|first.value == "video-popup" %}
  {{ attach_library('martis/colorbox') }}
{% endif %}
<div{{ attributes.addClass(classes) }} {% if block_style %}style="{{ block_style }}"{% endif %}>
<div class="container-wrap feature-block-{{ content.field_feature_layout['#items'].value }} clearfix">
  {{ title_prefix }}
  {{ title_suffix }}
  {% block content %}
  
 <div class="row-wrap block-content">
{% if content.field_feature_layout['#items'].getValue()|first.value == "layout1" %}
	<div class="row feature-block-wrap feature-block-image-left">
	<div class="col-12 col-md-6 feat-block-image-wrap {{ content.field_media_format['#items'].value }}">
	{% if content.field_media_format['#items'].getValue()|first.value == "static-image" %}
	<div class="feat-block-image">{{ content.field_image }}</div>
	{% elseif content.field_media_format['#items'].getValue()|first.value == "slider-image" %}
	<div class="feat-block-image feat-block-slide">
		<div class="slide-carousel owl-carousel" data-nav="false" data-items="1" data-dots="true" data-autoplay="true" data-loop="true">
		{{ content.field_image }}
		</div>
	</div>
	{% elseif content.field_media_format['#items'].getValue()|first.value == "video-popup" %}
	<div class="feat-block-image feat-block-video" style="background-image: url({{ file_url(content.field_image.0['#item'].entity.uri.value) }});">
		<div class="feat-block-image-bg">{{ content.field_image }}</div>
		<a class="colorbox video-colorbox" href="{{ content.field_video.0['#url'] }}"><span class="video-link ti-control-play"></span></a>
	</div>
	{% endif %}
	</div>
	<div class="col-12 col-md-6 feat-block-content">
	<div class="feat-content-wrap">
	{% if label %}
	<div class="block-title-wrap">
	<div class="block-title-content">
	{% if block_title_style == 'block-title-2' %}
	{% if block_subtitle %}<h5 class="block-subtitle">{{ block_subtitle }}</h5>{% endif %}
	<h2{{ title_attributes.addClass('block-title') }}>{{ label }}</h2>
	{% else %}
	<h2{{ title_attributes.addClass('block-title') }}>{{ label }}</h2>
	{% if block_subtitle %}<h5 class="block-subtitle">{{ block_subtitle }}</h5>{% endif %}
	{% endif %}
	</div>
	</div>
	{% endif %}
	{% if content.body | render %}<div class="feat-block-text">{{ content.body }}</div>{% endif %}
	{% if content.field_block | render %}
	<div class="block-right feat-block">
	{{ content.field_block }}
	</div>
	{% endif %}
	{% if content.field_link | render %}
	<a class="button button-default" href="{{ content.field_link.0['#url'] }}">{{ content.field_link.0['#title'] }}</a>
	{% endif %}
	</div>
	</div>
	</div>

{% elseif content.field_feature_layout['#items'].getValue()|first.value == "layout2" %}
	<div class="row feature-block-wrap feature-block-image-right">
	<div class="col-12 col-md-6 feat-block-content">
	<div class="feat-content-wrap">
	{% if label %}
	<div class="block-title-wrap">
	<div class="block-title-content">
	{% if block_title_style == 'block-title-2' %}
	{% if block_subtitle %}<h5 class="block-subtitle">{{ block_subtitle }}</h5>{% endif %}
	<h2{{ title_attributes.addClass('block-title') }}>{{ label }}</h2>
	{% else %}
	<h2{{ title_attributes.addClass('block-title') }}>{{ label }}</h2>
	{% if block_subtitle %}<h5 class="block-subtitle">{{ block_subtitle }}</h5>{% endif %}
	{% endif %}
	</div>
	</div>
	{% endif %}
	{% if content.body | render %}<div class="feat-block-text">{{ content.body }}</div>{% endif %}
	{% if content.field_block | render %}
	<div class="block-right feat-block">
	{{ content.field_block }}
	</div>
	{% endif %}
	{% if content.field_link | render %}
	<a class="button button-default" href="{{ content.field_link.0['#url'] }}">{{ content.field_link.0['#title'] }}</a>
	{% endif %}
	</div>
	</div>
	<div class="col-12 col-md-6 feat-block-image-wrap {{ content.field_media_format['#items'].value }}">
	{% if content.field_media_format['#items'].getValue()|first.value == "static-image" %}
	<div class="feat-block-image">{{ content.field_image }}</div>
	{% elseif content.field_media_format['#items'].getValue()|first.value == "slider-image" %}
	<div class="feat-block-image feat-block-slide">
		<div class="slide-carousel owl-carousel" data-nav="false" data-items="1" data-dots="true" data-autoplay="true" data-loop="true">
		{{ content.field_image }}
		</div>
	</div>
	{% elseif content.field_media_format['#items'].getValue()|first.value == "video-popup" %}
	<div class="feat-block-image feat-block-video" style="background-image: url({{ file_url(content.field_image.0['#item'].entity.uri.value) }});">
		<div class="feat-block-image-bg">{{ content.field_image }}</div>
		<a class="colorbox video-colorbox" href="{{ content.field_video.0['#url'] }}"><span class="video-link ti-control-play"></span></a>
	</div>
	{% endif %}
	</div>
	</div>
	
{% elseif content.field_feature_layout['#items'].getValue()|first.value == "layout3" or content.field_feature_layout['#items'].getValue()|first.value == "layout4" %}
	<div class="feature-block-wrap feature-block-image-left feature-block-image-alt">
	<div class="feat-block-image-wrap {{ content.field_media_format['#items'].value }}">
	{% if content.field_media_format['#items'].getValue()|first.value == "static-image" %}
	<div class="feat-block-image">{{ content.field_image }}</div>
	{% elseif content.field_media_format['#items'].getValue()|first.value == "slider-image" %}
	<div class="feat-block-image feat-block-slide">
		<div class="slide-carousel owl-carousel" data-nav="false" data-items="1" data-dots="true" data-autoplay="true" data-loop="true">
		{{ content.field_image }}
		</div>
	</div>
	{% elseif content.field_media_format['#items'].getValue()|first.value == "video-popup" %}
	<div class="feat-block-image feat-block-video" style="background-image: url({{ file_url(content.field_image.0['#item'].entity.uri.value) }});">
		<div class="feat-block-image-bg">{{ content.field_image }}</div>
		<a class="colorbox video-colorbox" href="{{ content.field_video.0['#url'] }}"><span class="video-link ti-control-play"></span></a>
	</div>
	{% endif %}
	</div>
	<div class="feat-block-content feat-block-content-alt">
	<div class="feat-content-wrap">
	{% if label %}
	<div class="block-title-wrap">
	<div class="block-title-content">
	{% if block_title_style == 'block-title-2' %}
	{% if block_subtitle %}<h5 class="block-subtitle">{{ block_subtitle }}</h5>{% endif %}
	<h2{{ title_attributes.addClass('block-title') }}>{{ label }}</h2>
	{% else %}
	<h2{{ title_attributes.addClass('block-title') }}>{{ label }}</h2>
	{% if block_subtitle %}<h5 class="block-subtitle">{{ block_subtitle }}</h5>{% endif %}
	{% endif %}
	</div>
	</div>
	{% endif %}
	{% if content.body | render %}<div class="feat-block-text">{{ content.body }}</div>{% endif %}
	{% if content.field_link | render %}
	<a class="button button-default" href="{{ content.field_link.0['#url'] }}">{{ content.field_link.0['#title'] }}</a>
	{% endif %}
	</div>
	</div>
	</div>

{% elseif content.field_feature_layout['#items'].getValue()|first.value == "layout5" %}
	<div class="row feature-block-wrap feature-block-image-left feature-block-wrap-alt">
	<div class="col-12 col-md-6 feat-block-image-wrap">
	<div class="feat-block-media-wrap {{ content.field_media_format['#items'].value }}">
	{% if content.field_media_format['#items'].getValue()|first.value == "static-image" %}
	<div class="feat-block-image">{{ content.field_image }}</div>
	{% elseif content.field_media_format['#items'].getValue()|first.value == "slider-image" %}
	<div class="feat-block-image feat-block-slide">
		<div class="slide-carousel owl-carousel" data-nav="false" data-items="1" data-dots="true" data-autoplay="true" data-loop="true">
		{{ content.field_image }}
		</div>
	</div>
	{% elseif content.field_media_format['#items'].getValue()|first.value == "video-popup" %}
	<div class="feat-block-image feat-block-video" style="background-image: url({{ file_url(content.field_image.0['#item'].entity.uri.value) }});">
		<div class="feat-block-image-bg">{{ content.field_image }}</div>
		<a class="colorbox video-colorbox" href="{{ content.field_video.0['#url'] }}"><span class="video-link ti-control-play"></span></a>
	</div>
	{% endif %}
	</div>

	<div class="feat-content">
	{% if label %}
	<div class="block-title-wrap">
	<div class="block-title-content">
	{% if block_title_style == 'block-title-2' %}
	{% if block_subtitle %}<h5 class="block-subtitle">{{ block_subtitle }}</h5>{% endif %}
	<h2{{ title_attributes.addClass('block-title') }}>{{ label }}</h2>
	{% else %}
	<h2{{ title_attributes.addClass('block-title') }}>{{ label }}</h2>
	{% if block_subtitle %}<h5 class="block-subtitle">{{ block_subtitle }}</h5>{% endif %}
	{% endif %}
	</div>
	</div>
	{% endif %}
	{% if content.body | render %}<div class="feat-block-text">{{ content.body }}</div>{% endif %}
	{% if content.field_link | render %}
	<a class="button button-default" href="{{ content.field_link.0['#url'] }}">{{ content.field_link.0['#title'] }}</a>
	{% endif %}
	</div>
	</div>

	<div class="col-12 col-md-6 feat-block-content">
	{% if content.field_block | render %}
	<div class="block-right feat-block">
	{{ content.field_block }}
	</div>
	{% endif %}
	</div>
	</div>

{% elseif content.field_feature_layout['#items'].getValue()|first.value == "layout6" %}
	<div class="row feature-block-wrap feature-block-image-right feature-block-wrap-alt">
	<div class="col-12 col-md-6 feat-block-content">
	{% if content.field_block | render %}
	<div class="block-right feat-block">
	{{ content.field_block }}
	</div>
	{% endif %}
	</div>
	<div class="col-12 col-md-6 feat-block-image-wrap">
	<div class="feat-block-media-wrap {{ content.field_media_format['#items'].value }}">
	{% if content.field_media_format['#items'].getValue()|first.value == "static-image" %}
	<div class="feat-block-image">{{ content.field_image }}</div>
	{% elseif content.field_media_format['#items'].getValue()|first.value == "slider-image" %}
	<div class="feat-block-image feat-block-slide">
		<div class="slide-carousel owl-carousel" data-nav="false" data-items="1" data-dots="true" data-autoplay="true" data-loop="true">
		{{ content.field_image }}
		</div>
	</div>
	{% elseif content.field_media_format['#items'].getValue()|first.value == "video-popup" %}
	<div class="feat-block-image feat-block-video" style="background-image: url({{ file_url(content.field_image.0['#item'].entity.uri.value) }});">
		<div class="feat-block-image-bg">{{ content.field_image }}</div>
		<a class="colorbox video-colorbox" href="{{ content.field_video.0['#url'] }}"><span class="video-link ti-control-play"></span></a>
	</div>
	{% endif %}
	</div>

	<div class="feat-content">
	{% if label %}
	<div class="block-title-wrap">
	<div class="block-title-content">
	{% if block_title_style == 'block-title-2' %}
	{% if block_subtitle %}<h5 class="block-subtitle">{{ block_subtitle }}</h5>{% endif %}
	<h2{{ title_attributes.addClass('block-title') }}>{{ label }}</h2>
	{% else %}
	<h2{{ title_attributes.addClass('block-title') }}>{{ label }}</h2>
	{% if block_subtitle %}<h5 class="block-subtitle">{{ block_subtitle }}</h5>{% endif %}
	{% endif %}
	</div>
	</div>
	{% endif %}
	{% if content.body | render %}<div class="feat-block-text">{{ content.body }}</div>{% endif %}
	{% if content.field_link | render %}
	<a class="button button-default" href="{{ content.field_link.0['#url'] }}">{{ content.field_link.0['#title'] }}</a>
	{% endif %}
	</div>
	</div>
	</div>
{% endif %}
	
</div>
{% endblock %}
</div>
</div>