{% extends "fellchensammlung/base.html" %}
{% load i18n %}
{% load custom_tags %}
{% load static %}

{% block title %}<title>{% translate "Notfellchen - Farbratten aus dem Tierschutz adoptieren" %}</title>{% endblock %}
{% block og_title %}
    <meta property="og:title"
          content="{% translate "Notfellchen - Farbratten aus dem Tierschutz adoptieren" %}"/>{% endblock %}
{% block description %}
    <meta name="description"
          content="{% translate "notfellchen.org listet Farbratten in Tierheimen und Pflegestellen die ein Zuhause suchen. Adoptieren statt kaufen!" %}">{% endblock %}
{% block og_description %}
    <meta name="og:description"
          content="{% translate "notfellchen.org listet Farbratten in Tierheimen und Pflegestellen die ein Zuhause suchen. Adoptieren statt kaufen!" %}">{% endblock %}
{% block og_image %}
    <meta property="og:image" content="{% host %}{% static 'fellchensammlung/img/link_preview.png' %}"/>{% endblock %}
{% block canonical_url %}{% host %}{% url 'index' %}{% endblock %}

{% block content %}
    {% for announcement in announcements %}
        {% include "fellchensammlung/partials/partial-announcement.html" %}
    {% endfor %}
    {% if introduction %}
        <h1>{{ introduction.title }}</h1>
        <div class="content">
            {{ introduction.content | render_markdown }}
        </div>
    {% endif %}

    <h2 class="title is-2">{% translate "Aktuelle Vermittlungen" %}</h2>

    <div class="block">
        {% include "fellchensammlung/lists/list-adoption-notices.html" %}
        <a class="button is-primary" href="{% url 'search' %}">{% translate "Mehr Vermittlungen" %}</a>
    </div>

    <div class="block" style="height: 50vh">
        {% include "fellchensammlung/partials/partial-map.html" %}
    </div>

    {% if how_to %}
        <div class="card">
            <div class="card-header">
                <div class="card-header-title">
                    <h2 class="title is-1">{{ how_to.title }}</h2>
                </div>
            </div>
            <div class="card-content content">
                {{ how_to.content | render_markdown }}
            </div>
        </div>
    {% endif %}

{% endblock %}