{% extends 'layouts/layout.html.twig' %}
{% block content %}
<div id="main-content" class="main-content">
{% if document.getTitle() is empty %}
{% do pimcore_head_title(pimcore_input('headline').getData(), 'PREPEND') %}
{% endif %}
<div class="page-header">
<h1>{{ pimcore_input('headline', {'placeholder':'Headline'}) }}</h1>
</div>
{{
pimcore_areablock('content', {
'allowed': [
'headlines',
'hero-teaser',
'horizontal-line',
'wysiwyg'
]
})
}}
{% if document.getTitle() is empty %}
{% do pimcore_head_title(pimcore_input('headline').getData(), 'PREPEND') %}
{% endif %}
{% if movies|length > 0 %}
<div>
{% if searchTerm %}
<h1 class="d-flex justify-content-center">Suchergebnisse für "{{searchTerm}}" </h1>
{% else %}
<h1 class="d-flex justify-content-center">All Movies </h1>
{% endif %}
</div>
<div class="row">
<div class="d-flex flex-wrap">
{% for movie in movies %}
<a href="/movie-detail/{{movie.id}}">
{% if "Not Owned" in movie.status|join(', ') %}
<div class="badge">{{movie.status|join(', ')}}</div>
{% elseif "Ordered" in movie.status|join(', ') %}
<div class="badge">{{movie.status|join(', ')}}</div>
{% elseif movie.status is empty %}
<div class="badge">Not owned</div>
{% else %}
{% endif %}
<div data-content="{{ movie.title("de")}}" class="image">
{# @var movies \Pimcore\Model\DataObject\Movies #}
{% if movie %}
{% if movie.getImageURL().getUrl() != "" %}
{# TODO get Image Thumbnail #}
<img class"img-fluid" src="{{ movie.getImageURL().getUrl() }}"/>
{% else %}
<img class"img-fluid" style="margin-right: 25px; margin-bottom: 15px;" src="{{fallbackImage.getThumbnail("MovieGrid") }}" />
{% endif %}
{% endif %}
</div>
</a>
{% endfor %}
</div>
</div>
<div class="pt-5">
{% include 'includes/pagination.html.twig' %}
</div>
{% else %}
<h1 class="d-flex justify-content-center">Keine Suchergebnisse für "{{searchTerm}}" </h1>
{% endif %}
</div>
{% endblock %}