{% load custom_tags %}
{% load i18n %}

<div class="card">
    <div>
        <div class="header-card-adoption-notice">
            <h1><a class="heading-card-adoption-notice"
                   href="{{ adoption_notice.get_absolute_url }}"> {{ adoption_notice.name }}</a></h1>
            <a class="adoption-card-report-link" href="{{ adoption_notice.get_report_url }}"><i
                    class="fa-solid fa-flag"></i></a>
        </div>
        <p><b>{% translate "Notfellchen" %}:</b> {{ adoption_notice.animals.all|join_link:", " | safe }}
        </p>
        <p>
            <b>Ort</b>
            {% if adoption_notice.location %}
                {{ adoption_notice.location.str }}
            {% else %}
                {{ adoption_notice.location_string }}
            {% endif %}
        </p>
        <p>
            {% if adoption_notice.description %}
                {{ adoption_notice.description | render_markdown }}
            {% else %}
                {% translate "Keine Beschreibung" %}
            {% endif %}
        </p>
        {% if adoption_notice.get_photo %}
            <div class="adoption-notice-img">
                <img src="{{ MEDIA_URL }}/{{ adoption_notice.get_photo.image }}"
                     alt="{{ adoption_notice.get_photo.alt_text }}">
            </div>
        {% else %}
            {% translate "Keine Foto" %}
        {% endif %}
    </div>
</div>