{% extends "froide_govplan/base.html" %}
{% load i18n %}
{% load markup %}
{% load cms_tags %}
{% load follow_tags %}
{% load thumbnail %}
{% block title %}
    {{ object.title }} - VerwaltungsTracker
{% endblock title %}
{% block metaDescription %}
Hier finden Sie alle Vorhaben aus dem Bereich „{{ object.title }}“, welche die Stadtverwaltung festgelegt hat. Auf den jeweiligen Detailseiten erhalten Sie mehr Informationen, können Neuigkeiten abonnieren oder Änderungen einreichen.
{% endblock %}
{% block ogTitle %}
    {{ object.title }} - VerwaltungsTracker
{% endblock ogTitle %}
{% block ogDescription %}
    Hier finden Sie alle Vorhaben aus dem Bereich „{{ object.title }}“, welche die Stadtverwaltung festgelegt hat. Auf den jeweiligen Detailseiten erhalten Sie mehr Informationen, können Neuigkeiten abonnieren oder Änderungen einreichen.
{% endblock %}
{% block meta %}
    {% include "snippets/meta.html" %}
{% endblock meta %}
{% block app_body %}

    {% if not government.active %}
    <div class="alert alert-info">
        Dieser Themenbereich gehörte zur {{ government.name }} und wird nicht mehr aktualisiert.
    </div>
    {% endif %}

    <h1 class="text-body-emphasis">{{ object.title }}</h1>
    <p class="fs-5 col-md-8">
    {% blocktranslate with section=object.title %}
    Hier finden Sie alle Vorhaben aus dem Bereich „{{ section }}“, welche die Stadtverwaltung festgelegt hat. Auf den jeweiligen Detailseiten erhalten Sie mehr Informationen, können Neuigkeiten abonnieren oder Änderungen einreichen. 
    {% endblocktranslate %}
    </p>

    <div class="row justify-content-center mb-5">
        <div class="col col-lg-12">
            <div class="box-card border-yellow md:shadow-yellow bg-body mw-100 col-md-8">
                <div class="mt-5">
                    {% include "froide_govplan/plugins/progress_row.html" with object_list=plans %}
                    <p class="small text-body-secondary mt-3 no-hyphens">
                        <span class="text-nowrap me-1"><i class="fa fa-circle" style="color: #d4d8da;"></i>&nbsp;nicht begonnen</span>
                        <span class="text-nowrap me-1"><i class="fa fa-circle text-primary"></i>&nbsp;begonnen</span>
                        <span class="text-nowrap me-1"><i class="fa fa-circle text-warning"></i>&nbsp;teilweise umgesetzt</span>
                        <span class="text-nowrap me-1"><i class="fa fa-circle text-success"></i>&nbsp;umgesetzt</span>
                        <span class="text-nowrap me-1"><i class="fa fa-circle text-danger"></i>&nbsp;verschoben</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
    {% include "froide_govplan/plugins/card_cols.html" with object_list=plans %}

{% endblock app_body %}
