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

{% block title %}Kursdetails - {{ course.name }}{% endblock %}

{% block header_title %}Kursdetails{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <style>
        :root {
            --bz-green-light: #bde2c7;
            --bz-green-dark: #29ae5b;
            --bz-gray: #f5f5f5;
            --bz-orange: #ec9c74;
        }
        
        .detail-card {
            background: white;
            border-radius: 12px;
            padding: 2rem;
            margin-bottom: 2rem;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            border-left: 4px solid var(--bz-green-dark);
        }
        
        .detail-section {
            margin-bottom: 2rem;
        }
        
        .detail-section-title {
            color: var(--bz-green-dark);
            font-weight: 700;
            font-size: 1.2rem;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid var(--bz-green-light);
        }
        
        .detail-item {
            display: flex;
            justify-content: space-between;
            padding: 0.75rem 0;
            border-bottom: 1px solid #f0f0f0;
        }
        
        .detail-item:last-child {
            border-bottom: none;
        }
        
        .detail-label {
            font-weight: 600;
            color: #666;
        }
        
        .detail-value {
            color: #333;
            text-align: right;
        }
        
        .badge-status {
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-size: 0.875rem;
            font-weight: 500;
        }
        
        .badge-active {
            background-color: var(--bz-green-light);
            color: #1f8a47;
        }
        
        .badge-inactive {
            background-color: #f5f5f5;
            color: #666;
        }
        
        .price-list {
            list-style: none;
            padding: 0;
        }
        
        .price-list li {
            padding: 0.5rem 0;
            border-bottom: 1px solid #f0f0f0;
        }
        
        .price-list li:last-child {
            border-bottom: none;
        }
    </style>
{% endblock %}

{% block content %}
<div class="container-fluid py-4">
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <a href="{{ path('admin_bz_courses_index') }}" class="btn btn-outline-secondary mb-3">
                        <i class="fas fa-arrow-left me-2"></i>Zurück zur Übersicht
                    </a>
                    <h1 class="h3 mb-0">
                        <i class="fas fa-dumbbell me-2" style="color: var(--bz-green-dark);"></i>
                        {{ course.name }}
                    </h1>
                </div>
                <span class="badge-status {% if course.isActive %}badge-active{% else %}badge-inactive{% endif %}">
                    {% if course.isActive %}
                        <i class="fas fa-check-circle me-1"></i>Aktiv
                    {% else %}
                        <i class="fas fa-times-circle me-1"></i>Inaktiv
                    {% endif %}
                </span>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-8">
            <!-- Grundinformationen -->
            <div class="detail-card">
                <h3 class="detail-section-title">
                    <i class="fas fa-info-circle me-2"></i>Grundinformationen
                </h3>
                <div class="detail-section">
                    <div class="detail-item">
                        <span class="detail-label">Kursname:</span>
                        <span class="detail-value">{{ course.name }}</span>
                    </div>
                    {% if course.description %}
                    <div class="detail-item">
                        <span class="detail-label">Beschreibung:</span>
                        <span class="detail-value">{{ course.description|nl2br }}</span>
                    </div>
                    {% endif %}
                    <div class="detail-item">
                        <span class="detail-label">Kursart:</span>
                        <span class="detail-value">{{ course.typeLabel }}</span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">Kurstyp:</span>
                        <span class="detail-value">{{ course.scheduleTypeLabel }}</span>
                    </div>
                    {% if course.category %}
                    <div class="detail-item">
                        <span class="detail-label">Kategorie:</span>
                        <span class="detail-value">{{ course.category }}</span>
                    </div>
                    {% endif %}
                </div>
            </div>

            <!-- Terminplanung -->
            <div class="detail-card">
                <h3 class="detail-section-title">
                    <i class="fas fa-calendar-alt me-2"></i>Terminplanung
                </h3>
                <div class="detail-section">
                    {% if course.weekdayLabel %}
                    <div class="detail-item">
                        <span class="detail-label">Wochentag:</span>
                        <span class="detail-value">{{ course.weekdayLabel }}</span>
                    </div>
                    {% endif %}
                    {% if course.startTime %}
                    <div class="detail-item">
                        <span class="detail-label">Uhrzeit:</span>
                        <span class="detail-value">{{ course.startTime|date('H:i') }} - {{ course.endTime|date('H:i') }} Uhr</span>
                    </div>
                    {% endif %}
                    {% if course.startDate and course.endDate %}
                    <div class="detail-item">
                        <span class="detail-label">Zeitraum:</span>
                        <span class="detail-value">{{ course.startDate|date('d.m.Y') }} - {{ course.endDate|date('d.m.Y') }}</span>
                    </div>
                    {% elseif course.startDate %}
                    <div class="detail-item">
                        <span class="detail-label">Startdatum:</span>
                        <span class="detail-value">{{ course.startDate|date('d.m.Y') }}</span>
                    </div>
                    {% endif %}
                    {% if course.specificDates and course.specificDates|length > 0 %}
                    <div class="detail-item">
                        <span class="detail-label">Einzeltermine:</span>
                        <span class="detail-value">
                            <ul class="list-unstyled mb-0">
                                {% for dateStr in course.specificDates %}
                                    <li>{{ dateStr|date('d.m.Y') }}</li>
                                {% endfor %}
                            </ul>
                        </span>
                    </div>
                    {% endif %}
                    {% if course.monthlyRecurrence %}
                    <div class="detail-item">
                        <span class="detail-label">Wiederholung:</span>
                        <span class="detail-value">
                            {% set weekLabels = {0: 'Jeden', 1: 'Ersten', 2: 'Zweiten', 3: 'Dritten', 4: 'Vierten', '-1': 'Letzten'} %}
                            {% set dayLabels = ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'] %}
                            {% set w = course.monthlyRecurrence.weekOfMonth ?? 1 %}
                            {% set d = course.monthlyRecurrence.dayOfWeek ?? 6 %}
                            {% if w == 0 %}Jeden {{ dayLabels[d] }} (wöchentlich){% else %}{{ weekLabels[w] }} {{ dayLabels[d] }} im Monat{% endif %}
                            {% if course.monthlyRecurrence.startDate %}
                                ({{ course.monthlyRecurrence.startDate|date('d.m.Y') }} - {{ course.monthlyRecurrence.endDate ? course.monthlyRecurrence.endDate|date('d.m.Y') : 'unbegrenzt' }})
                            {% endif %}
                        </span>
                    </div>
                    {% endif %}
                    {% if course.bookableTimeSlots and course.bookableTimeSlots|length > 0 %}
                    <div class="detail-item">
                        <span class="detail-label">Verfügbare Zeitslots:</span>
                        <span class="detail-value">
                            <ul class="list-unstyled mb-0">
                                {% for slot in course.bookableTimeSlots %}
                                    <li>{{ slot.start }} - {{ slot.end }}</li>
                                {% endfor %}
                            </ul>
                        </span>
                    </div>
                    {% endif %}
                    {% if course.excludedDates and course.excludedDates|length > 0 %}
                    <div class="detail-item">
                        <span class="detail-label">Ausgeschlossene Termine:</span>
                        <span class="detail-value">
                            <ul class="list-unstyled mb-0">
                                {% for dateStr in course.excludedDates %}
                                    <li>{{ dateStr|date('d.m.Y') }}</li>
                                {% endfor %}
                            </ul>
                        </span>
                    </div>
                    {% endif %}
                </div>
            </div>

            <!-- Teilnehmer & Preise -->
            <div class="detail-card">
                <h3 class="detail-section-title">
                    <i class="fas fa-users me-2"></i>Teilnehmer & Preise
                </h3>
                <div class="detail-section">
                    {% if course.minAge or course.maxAge %}
                    <div class="detail-item">
                        <span class="detail-label">Altersgruppe:</span>
                        <span class="detail-value">{{ course.minAge ?: 0 }} - {{ course.maxAge ?: '∞' }} Jahre</span>
                    </div>
                    {% endif %}
                    {% if course.maxParticipants %}
                    <div class="detail-item">
                        <span class="detail-label">Freie Plätze:</span>
                        <span class="detail-value"><strong>{{ course.availablePlaces }}</strong> von {{ course.maxParticipants }} <small class="text-muted">({{ course.bookedPlaces }} belegt{% if course.externallyBookedPlaces > 0 %}, davon {{ course.externallyBookedPlaces }} außerhalb des Systems vergeben{% endif %}{% if course.showAsFullyBooked %} – manuell als ausgebucht markiert{% endif %})</small></span>
                    </div>
                    {% endif %}
                    <div class="detail-item">
                        <span class="detail-label">Kursleiter:</span>
                        <span class="detail-value">
                            {% if course.instructorNotNeeded %}
                                <span class="text-muted">Kein Kursleiter benötigt</span> <small>(bereits besetzt oder nicht erforderlich)</small>
                            {% elseif course.requiredInstructors %}
                                {{ course.requiredInstructors }} benötigt
                            {% else %}
                                –
                            {% endif %}
                        </span>
                    </div>
                    {% if course.price %}
                    <div class="detail-item">
                        <span class="detail-label">Preis:</span>
                        <span class="detail-value"><strong>{{ course.price }}€</strong></span>
                    </div>
                    {% endif %}
                    {% if course.priceMonthly %}
                    <div class="detail-item">
                        <span class="detail-label">Monatspreis:</span>
                        <span class="detail-value"><strong>{{ course.priceMonthly }}€ / Monat</strong></span>
                    </div>
                    {% endif %}
                    {% if course.type == 'adult_abo' and (course.priceSenior or course.priceStudent) %}
                    <div class="detail-item">
                        <span class="detail-label">Erwachsenen-Tarife:</span>
                        <span class="detail-value">
                            <ul class="price-list mb-0">
                                {% if course.priceMonthly %}<li>Standard: <strong>{{ course.priceMonthly }}€</strong></li>{% endif %}
                                {% if course.priceSenior %}<li>Senior: <strong>{{ course.priceSenior }}€</strong></li>{% endif %}
                                {% if course.priceStudent %}<li>Student: <strong>{{ course.priceStudent }}€</strong></li>{% endif %}
                            </ul>
                        </span>
                    </div>
                    {% endif %}
                    {% if course.useTicketCard and course.priceTicketCard %}
                    <div class="detail-item">
                        <span class="detail-label">10er-Karte:</span>
                        <span class="detail-value"><strong>{{ course.priceTicketCard }}€</strong></span>
                    </div>
                    {% endif %}
                    {% if course.siblingPrices and course.siblingPrices|length > 0 %}
                    <div class="detail-item">
                        <span class="detail-label">Geschwisterpreise:</span>
                        <span class="detail-value">
                            <ul class="price-list mb-0">
                                {% for price in course.siblingPrices %}
                                    <li>Geschwisterkind {{ loop.index }}: <strong>{{ price }}€</strong></li>
                                {% endfor %}
                            </ul>
                        </span>
                    </div>
                    {% endif %}
                </div>
            </div>

            <!-- Optionen & Einstellungen -->
            <div class="detail-card">
                <h3 class="detail-section-title">
                    <i class="fas fa-cog me-2"></i>Optionen & Einstellungen
                </h3>
                <div class="detail-section">
                    <div class="detail-item">
                        <span class="detail-label">Geschwisterkinder erlaubt:</span>
                        <span class="detail-value">
                            {% if course.allowSiblings and course.siblingPrices|length > 0 %}
                                <i class="fas fa-check text-success"></i> Ja, maximal {{ course.siblingPrices|length }}
                                <small class="text-muted">({{ course.siblingPrices|map(p => p|number_format(2, ',', '.') ~ ' €')|join(' / ') }})</small>
                            {% elseif course.allowSiblings %}
                                <i class="fas fa-exclamation-triangle text-warning"></i> Ja, aber ohne Geschwisterpreis — nicht buchbar
                            {% else %}
                                <i class="fas fa-times text-danger"></i> Nein
                            {% endif %}
                        </span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">Mehrfachbuchungen erlaubt:</span>
                        <span class="detail-value">
                            {% if course.allowMultipleBookings %}
                                <i class="fas fa-check text-success"></i> Ja
                            {% else %}
                                <i class="fas fa-times text-danger"></i> Nein
                            {% endif %}
                        </span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">Warteliste aktiviert:</span>
                        <span class="detail-value">
                            {% if course.useWaitlist %}
                                <i class="fas fa-check text-success"></i> Ja
                            {% else %}
                                <i class="fas fa-times text-danger"></i> Nein
                            {% endif %}
                        </span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">Automatisch auf Warteliste wenn voll:</span>
                        <span class="detail-value">
                            {% if course.autoWaitlistWhenFull %}
                                <i class="fas fa-check text-success"></i> Ja
                            {% else %}
                                <i class="fas fa-times text-danger"></i> Nein
                            {% endif %}
                        </span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">Als ausgebucht anzeigen:</span>
                        <span class="detail-value">
                            {% if course.showAsFullyBooked %}
                                <i class="fas fa-check text-success"></i> Ja
                            {% else %}
                                <i class="fas fa-times text-danger"></i> Nein
                            {% endif %}
                        </span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">Teamgröße erforderlich:</span>
                        <span class="detail-value">
                            {% if course.requiresTeamSize %}
                                <i class="fas fa-check text-success"></i> Ja
                            {% else %}
                                <i class="fas fa-times text-danger"></i> Nein
                            {% endif %}
                        </span>
                    </div>
                    {% if course.color %}
                    <div class="detail-item">
                        <span class="detail-label">Farbe:</span>
                        <span class="detail-value">
                            <span class="badge" style="background-color: {{ course.color }}; color: white; padding: 0.5rem 1rem;">
                                {{ course.color }}
                            </span>
                        </span>
                    </div>
                    {% endif %}
                    {% if course.sortOrder %}
                    <div class="detail-item">
                        <span class="detail-label">Sortierreihenfolge:</span>
                        <span class="detail-value">{{ course.sortOrder }}</span>
                    </div>
                    {% endif %}
                </div>
            </div>

            <!-- Kursleiter -->
            {% if course.primaryInstructor or course.substituteInstructors|length > 0 or course.instructorNotNeeded %}
            <div class="detail-card">
                <h3 class="detail-section-title">
                    <i class="fas fa-chalkboard-teacher me-2"></i>Kursleiter
                </h3>
                <div class="detail-section">
                    {% if course.instructorNotNeeded and not course.primaryInstructor and course.substituteInstructors|length == 0 %}
                    <div class="detail-item">
                        <span class="detail-label">Status:</span>
                        <span class="detail-value text-muted">Kein Kursleiter benötigt (bereits besetzt oder nicht erforderlich)</span>
                    </div>
                    {% endif %}
                    {% if course.primaryInstructor %}
                    <div class="detail-item">
                        <span class="detail-label">Hauptkursleiter:</span>
                        <span class="detail-value">{{ course.primaryInstructor.fullName }}</span>
                    </div>
                    {% endif %}
                    {% if course.substituteInstructors|length > 0 %}
                    <div class="detail-item">
                        <span class="detail-label">Vertretungen:</span>
                        <span class="detail-value">
                            <ul class="list-unstyled mb-0">
                                {% for instructor in course.substituteInstructors %}
                                    <li>{{ instructor.fullName }}</li>
                                {% endfor %}
                            </ul>
                        </span>
                    </div>
                    {% endif %}
                </div>
            </div>
            {% endif %}

            <!-- Zusätzliche Informationen -->
            {% if course.additionalInfo %}
            <div class="detail-card">
                <h3 class="detail-section-title">
                    <i class="fas fa-info me-2"></i>Zusätzliche Informationen
                </h3>
                <div class="detail-section">
                    <p>{{ course.additionalInfo|nl2br }}</p>
                </div>
            </div>
            {% endif %}
        </div>

        <div class="col-lg-4">
            <!-- Statistiken -->
            <div class="detail-card">
                <h3 class="detail-section-title">
                    <i class="fas fa-chart-bar me-2"></i>Statistiken
                </h3>
                <div class="detail-section">
                    <div class="detail-item">
                        <span class="detail-label">Gesamtbuchungen:</span>
                        <span class="detail-value"><strong>{{ course.bookings|length }}</strong></span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">Belegte Plätze (inkl. Geschwister):</span>
                        <span class="detail-value">
                            <strong>{{ course.bookedPlaces }}</strong>{% if course.maxParticipants %} von {{ course.maxParticipants }}{% endif %}
                        </span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">Bestätigte Buchungen:</span>
                        <span class="detail-value">
                            <strong>{{ course.bookings|filter(b => b.status == 'confirmed')|length }}</strong>
                        </span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">Ausstehende Buchungen:</span>
                        <span class="detail-value">
                            <strong>{{ course.bookings|filter(b => b.status == 'pending')|length }}</strong>
                        </span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">Warteliste:</span>
                        <span class="detail-value">
                            <strong>{{ course.waitlistCount }}</strong>
                        </span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">Erstellt am:</span>
                        <span class="detail-value">{{ course.createdAt|date('d.m.Y H:i') }}</span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">Zuletzt aktualisiert:</span>
                        <span class="detail-value">{{ course.updatedAt|date('d.m.Y H:i') }}</span>
                    </div>
                </div>
            </div>

            <!-- Aktionen -->
            <div class="detail-card">
                <h3 class="detail-section-title">
                    <i class="fas fa-tools me-2"></i>Aktionen
                </h3>
                <div class="d-grid gap-2">
                    <a href="{{ path('admin_bz_courses_index') }}?edit={{ course.id }}" class="btn btn-bz-primary">
                        <i class="fas fa-edit me-2"></i>Kurs bearbeiten
                    </a>
                    <a href="{{ path('admin_course_bookings_index') }}?course={{ course.id }}" class="btn btn-outline-primary">
                        <i class="fas fa-list me-2"></i>Buchungen anzeigen
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}