{% extends 'widgets/base.twig' %}
{% block widget_content %}
	{% if posts is not empty %}
		<div class="media-slider">
			<ul class="slides">
				{% for post in posts %}
					{% if post.thumbnail %}
						<li>
							<img src="{{ post.thumbnail.src|resize(640, 380) }}" alt="{{ post.title }}">
							<div class="media-overlay"></div>
							<a href="{{ post.link }}">
								{% if post.type == 'video' %}
									<i class="icon fa fa-play-circle"></i>
								{% else %}
									<i class="icon fa fa-camera"></i>
								{% endif %}
								<span class="slide-title">
                            {{ post.title }}
                        </span>
							</a>
						</li>
					{% endif %}
				{% endfor %}
			</ul>
			<div class="media-slider-navigation media-slider-prev"></div>
			<div class="media-slider-navigation media-slider-next"></div>
		</div>
	{% endif %}
{% endblock %}