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

{% block title %}Fit wie ein Fisch – Dashboard{% endblock %}
{% block header_title %}<i class="fas fa-fish me-2"></i>Fit wie ein Fisch{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('css/fisch-admin.css') }}" rel="stylesheet">
{% endblock %}

{% block content %}
{% include 'admin/fisch/_fisch_page_header.html.twig' with {
    title: 'Dashboard',
    icon: 'tachometer-alt',
    subtitle: 'Saison ' ~ seasonYear ~ ' — Übersicht Kurse, Anmeldungen und Warteliste',
    breadcrumb_current: 'Dashboard'
} %}

{% include 'admin/fisch/_fisch_demo_banner.html.twig' %}

<div class="row g-4 mb-4">
    <div class="col-xl-3 col-md-6">
        <div class="fisch-stats-card">
            <div class="card-body">
                <div class="fisch-stats-icon" style="background: linear-gradient(135deg, #0e5f8a, #1565a8);">
                    <i class="fas fa-swimming-pool"></i>
                </div>
                <div class="fisch-stats-label">Kurse</div>
                <h2 class="fisch-stats-value">{{ stats.coursesTotal }}</h2>
                <p class="fisch-stats-hint">Aktive Kurs-Slots</p>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="fisch-stats-card">
            <div class="card-body">
                <div class="fisch-stats-icon" style="background: linear-gradient(135deg, #1cc88a, #17a673);">
                    <i class="fas fa-child"></i>
                </div>
                <div class="fisch-stats-label">Anmeldungen</div>
                <h2 class="fisch-stats-value">{{ stats.registrationsTotal }}</h2>
                <p class="fisch-stats-hint">Bestätigte Plätze</p>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="fisch-stats-card">
            <div class="card-body">
                <div class="fisch-stats-icon" style="background: linear-gradient(135deg, #f6c23e, #dda20a);">
                    <i class="fas fa-clock"></i>
                </div>
                <div class="fisch-stats-label">Warteliste</div>
                <h2 class="fisch-stats-value">{{ stats.waitlistTotal }}</h2>
                <p class="fisch-stats-hint">Wartende Einträge</p>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="fisch-stats-card">
            <div class="card-body">
                <div class="fisch-stats-icon" style="background: linear-gradient(135deg, #5eb8d9, #3d9ec4);">
                    <i class="fas fa-map-marker-alt"></i>
                </div>
                <div class="fisch-stats-label">Standorte</div>
                <h2 class="fisch-stats-value">{{ stats.poolsActive }}</h2>
                <p class="fisch-stats-hint">Aktive Schwimmbäder · Saison {{ seasonYear }}</p>
            </div>
        </div>
    </div>
</div>

<div class="fisch-card">
    <div class="card-header">
        <i class="fas fa-bolt"></i> Schnellaktionen
    </div>
    <div class="card-body">
        <div class="row g-3">
            <div class="col-lg-2 col-md-4 col-sm-6">
                <a href="{{ path('admin_fisch_courses_index') }}" class="fisch-quick-action">
                    <div class="fisch-quick-action__icon"><i class="fas fa-swimming-pool"></i></div>
                    <strong>Kurse</strong>
                </a>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6">
                <a href="{{ path('admin_fisch_participants_index') }}" class="fisch-quick-action">
                    <div class="fisch-quick-action__icon"><i class="fas fa-child"></i></div>
                    <strong>Teilnehmer</strong>
                </a>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6">
                <a href="{{ path('admin_fisch_waitlist_index') }}" class="fisch-quick-action">
                    <div class="fisch-quick-action__icon"><i class="fas fa-list"></i></div>
                    <strong>Warteliste</strong>
                </a>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6">
                <a href="{{ path('admin_fisch_settings_index') }}" class="fisch-quick-action">
                    <div class="fisch-quick-action__icon"><i class="fas fa-cog"></i></div>
                    <strong>Einstellungen</strong>
                </a>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6">
                <a href="{{ path('admin_fisch_landing_index') }}" class="fisch-quick-action">
                    <div class="fisch-quick-action__icon"><i class="fas fa-file-alt"></i></div>
                    <strong>Startseite</strong>
                </a>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6">
                <a href="{{ path('fisch_booking_landing') }}" class="fisch-quick-action" target="_blank" rel="noopener">
                    <div class="fisch-quick-action__icon"><i class="fas fa-external-link-alt"></i></div>
                    <strong>Öffentliche Seite</strong>
                </a>
            </div>
        </div>
    </div>
</div>
{% endblock %}