{% load static %}
{% load i18n %}
<div class="detail-animal"></div>
<div class="detail-animal-header">
    <h1 class="title is-1">{{ animal.name }}</h1>
    <div class="tag">{{ animal.species }}</div>
</div>
<div>
    <table>
        <tr>
            <th>{% translate "Alter" %}</th>
            <th>{% translate "Geschlecht" %}</th>
        </tr>
        <tr>
            <td>{{ animal.hr_age }}</td>
            <td>{{ animal.sex }}</td>
        </tr>
    </table>
</div>
<p>{{ animal.description }}</p>
<h2 class="title is-2">{% translate "Bilder" %}</h2>
<div class="photos">
    {% for image in animal.get_photos %}
        <div class="card-photo">
            <img src="/media/{{ image.image }}" alt="{{ image.alt_text }}">
        </div>
    {% endfor %}
    {% if not animal.get_photos %}
        {% translate "Keine Bilder" %}
    {% endif %}
</div>