{% extends 'admin_base.html.twig' %}

{% block title %}Systeme{% endblock %}
{% block header_title %}<i class="fas fa-th-large me-2"></i>Systeme{% endblock %}

{% block content %}
<div class="page-header">
    <h1><i class="fas fa-th-large me-2"></i>Systeme</h1>
    <div class="page-breadcrumb">
        <a href="{{ path('admin_dashboard') }}"><i class="fas fa-tachometer-alt"></i> Dashboard</a>
        <i class="fas fa-chevron-right"></i>
        <span>Systeme</span>
    </div>
</div>

<p class="text-muted mb-4">Wähle das System – Menü und Farben passen sich an.</p>

<div class="row g-3">
    <div class="col-md-6">
        <a href="{{ path('admin_switch_system', {system: 'swim'}) }}" class="text-decoration-none text-dark">
            <div class="card h-100 shadow-sm border-0" style="border-left: 5px solid #1a7a8c !important;">
                <div class="card-body">
                    <h5 style="color:#1a7a8c;"><i class="fas fa-swimmer me-2"></i>Schwimmcontainer</h5>
                    <p class="mb-0 text-muted small">Termine, Kurse, Warteliste, Standorte</p>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-6">
        <a href="{{ path('admin_switch_system', {system: 'bz'}) }}" class="text-decoration-none text-dark">
            <div class="card h-100 shadow-sm border-0" style="border-left: 5px solid #3d7a4a !important;">
                <div class="card-body">
                    <h5 style="color:#3d7a4a;"><i class="fas fa-person-walking me-2"></i>Bewegungszentrum</h5>
                    <p class="mb-0 text-muted small">Kurse, Buchungen, Event Center, Kursleiter</p>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-6">
        <a href="{{ path('admin_switch_system', {system: 'fisch'}) }}" class="text-decoration-none text-dark">
            <div class="card h-100 shadow-sm border-0" style="border-left: 5px solid #0e5f8a !important;">
                <div class="card-body">
                    <h5 style="color:#0e5f8a;"><i class="fas fa-fish me-2"></i>Fit wie ein Fisch</h5>
                    <p class="mb-0 text-muted small">Schwimmkurs-Anmeldung — Demo-Seiten verfügbar</p>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-6">
        <a href="{{ path('admin_switch_system', {system: 'ksb'}) }}" class="text-decoration-none text-dark">
            <div class="card h-100 shadow-sm border-0" style="border-left: 5px solid #8a3d5c !important;">
                <div class="card-body">
                    <h5 style="color:#8a3d5c;"><i class="fas fa-building me-2"></i>Kreissportbund</h5>
                    <p class="mb-0 text-muted small">Eigenes System – Aufbau folgt</p>
                </div>
            </div>
        </a>
    </div>
</div>
{% endblock %}