{% extends 'layouts/layout.html.twig' %}
{% block content %}
<div class="movie-info">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css">
<div class="row" style="display: flex; justify-content: center;">
<div class="d-flex flex-wrap" align="center" style="justify-content:center">
<div class="movie-text">
<h2>{{ actor.name }}</h2>
<p><b>{{ 'detail.biography' | trans }}: </b></p>
<p>{{ actor.biography("de")|striptags }}</p>
<p><b>{{ 'detail.birthdate' | trans }}:</b></p>
<p> {{ actor.birthdate|date('d.m.Y') }}</p>
{% if actor.nationality %}
<span class="flag-icon flag-icon-{{ actor.nationality[0]|lower }}"></span>
{% endif %}
</div>
<img src="{{ actor.actorImage }}" alt="{{ actor.name }} photo">
</div>
{% if movies|length > 0 %}
<div class="similar-movies">
<h3 align="center" ><b>Movies</b></h3>
<div class="row" style="display: flex; justify-content: center;">
<div class="d-flex flex-wrap" align="center" style="justify-content:center">
{% for movie in movies %}
<a href="/movie-detail/{{movie.id}}">
<div data-content="{{movie.title("de")}}" class="image">
{% if movie.imageURL != "" %} <img src="{{ movie.imageURL }}" alt="{{ movie.title("de") }}"> {% endif %}
</div>
</a>
{% endfor %}
</div>
</div>
</div>
{% endif %}
<div class="actors">
<h3 align="center" ><b>Similar Actors</b></h3>
<div class="row" style="display: flex; justify-content: center;">
<div class="d-flex flex-wrap" style="justify-content:center">
{% for sactor in similarActors %}
<a href="/actor-detail/{{sactor.id}}">
<div data-content="{{ sactor.name }}" class="image-cast" >
{# @var actors \Pimcore\Model\DataObject\Actors #}
{% if sactor %}
{% if sactor.actorImage().getUrl() != "" %}
<img src="{{ sactor.actorImage().getUrl() }}"/>
{% endif %}
{% endif %}
</div>
</a>
{% endfor %}
</div>
{% endblock %}