---
layout: base.njk
---

{% set service = services | getServiceById(key) %}
{% if service %}
    <h1><i class="{{service.icon}}"></i> {{title}} <a href="https://status.sp-codes.de" class="float-end"><img alt="{{strings.state[locale]}}" src="https://status.sp-codes.de/api/badge/1/status?label=Status&upLabel=Online&downLabel=Ausfall&maintenanceLabel=Wartung"></a></h1>

    <div class="row">
        <div class="col-lg-8 col-12">
            {{ content | safe }}
        </div>
        <div class="col-lg-4 col-12">
            <div class="tab-card">
                <div class="title"><h1 class="text-center fw-bold">sp-codes</h1></div>
                <div class="card">
                    {{ service.description[locale] | safe }}
                </div>
            </div>
            {% if service.ossrox %}
            <div class="tab-card ossrox">
                <a href="{{ service.ossrox.url }}" class="link"></a>
                <div class="title"><img class="ossrox" src="/img/ossrox-white.svg" alt="Ossrox"></div>
                <div class="card">
                    {{ service.ossrox.description[locale] }}
                </div>
            </div>
            {% endif %}
        </div>
    </div>
{% else %}
    Service not found
{% endif %}