{# Chaotikum Footer Component #}
<style>
/* Chaotikum Footer Styles */
.footer a {
    color: #6c757d !important;
    font-weight: bold;
    font-size: 85%;
}

.bd-footer-links {
    padding-left: 0;
    margin-bottom: 1rem;
    list-style: none;
}

.bd-footer-links li {
    display: inline-block;
    margin-right: 1rem;
}

.footer p {
    font-size: 85%;
    color: #6c757d;
    margin-bottom: 0.5rem;
}
</style>

<footer class="footer mt-5 py-3 bg-light border-top">
    <div class="container-fluid p-3">
        <ul class="bd-footer-links">
            <li><a href="{{ footer_main_url }}" target="_blank">Chaotikum</a></li>
            <li><a href="{{ footer_datenschutz_url }}" target="_blank">Datenschutz</a></li>
            <li><a href="{{ footer_impressum_url }}" target="_blank">Impressum</a></li>
            {% if footer_servicelevel %}<li><a href="{{ footer_servicelevel }}" target="_blank">Service Level Intent</a></li>{% endif %}
        </ul>
        <p>{{ footer_app_name }} <span><a href="{{ footer_changelog_url }}" target="_blank">Version {{ footer_version }}</a></span></p>
        <p>{{ footer_app_name }} ist freie Software. Der Quelltext liegt im <a href="{{ footer_repo_url }}" target="_blank">{{ footer_repo_name }}</a></p>
    </div>
</footer>