{% if locale === "en" %}{% set url = "http://www.amazon.de/gp/product/{{ movie.asin }}" %}
{% endif %}
{% if locale === "en" %}{% set url = "https://www.amazon.com/gp/product/{{ movie.asin }}" %}
{% endif %}

<div class="recommendations-movies">
	<h2>{{ i18n[locale].recommendations.movies.headline }}</h2>
	<article class="recommendations-container">
		{% for movie in movieCollection %}
			<div {{ site.animation }}>
				{% if movie.asin %}
					<a
						class="product"
						data-umami-event="{{ movie.title }}"
						href="{{ url }}"
						rel="nofollow noopener noreferrer external"
						target="_blank"
					>
						{% if movie.cover %}
							<img alt="{{ movie.title }}" src="{{ movie.cover }}"/>
						{% else %}
							{% if locale === "en" %}
								{% product movie.asin,
								movie.title,
								"en" %}
							{% else %}
								{% product movie.asin,
								movie.title %}
							{% endif %}
						{% endif %}
					</a>
				{% elif movie.imdb %}
					<a
						class="product"
						data-umami-event="{{ movie.title }}"
						href="https://www.imdb.com/title/{{ movie.imdb }}"
						rel="nofollow noopener noreferrer external"
						target="_blank"
					>
						<img alt="{{ movie.title }}" src="{{ movie.cover }}"/>
					</a>
				{% else %}
					<img alt="{{ movie.title }}" src="{{ movie.cover }}"/>
				{% endif %}
				<h3 class="recommendations-product-title">
					{{ movie.title }}
				</h3>
			</div>
		{% endfor %}
	</article>
</div>
