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

{% block title %}Admin Dashboard{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <style>
        .course-card {
            transition: transform 0.2s;
        }
        
        .course-card:hover {
            transform: translateY(-5px);
        }

        .course-status {
            position: absolute;
            top: 10px;
            right: 10px;
        }

        .missing-template-warning {
            background-color: #fff3cd;
            border: 1px solid #ffeeba;
            color: #856404;
            padding: 0.75rem 1.25rem;
            margin-bottom: 1rem;
            border-radius: 0.25rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .missing-template-warning i {
            color: #856404;
        }

        .course-list {
            margin-top: 1rem;
        }

        .course-list-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.5rem;
            border-bottom: 1px solid #dee2e6;
        }

        .course-list-item:last-child {
            border-bottom: none;
        }

        .course-list-item .course-name {
            font-weight: 500;
        }

        .course-list-item .course-type {
            font-size: 0.875rem;
            color: #6c757d;
        }

        .course-list-item .missing-template {
            color: #dc3545;
            font-size: 0.875rem;
        }
    </style>
{% endblock %}

{% block content %}
<div class="container-fluid">
    <h1 class="h3 mb-4">Admin Dashboard</h1>

    {% if coursesWithoutTemplates|length > 0 %}
    <div class="missing-template-warning">
        <i class="fas fa-exclamation-triangle"></i>
        <div>
            <strong>Achtung:</strong> Folgende Kurse haben keine E-Mail-Template-Zuordnung:
            <div class="course-list">
                {% for course in coursesWithoutTemplates %}
                <div class="course-list-item">
                    <div>
                        <span class="course-name">{{ course.name }}</span>
                        <span class="course-type">({{ course.type }})</span>
                    </div>
                    <span class="missing-template">
                        <i class="fas fa-envelope"></i> E-Mail-Template fehlt
                    </span>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
    {% endif %}

    <div class="row">
        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <div class="card-body">
                    <h5 class="card-title">Kurse</h5>
                    <p class="card-text">Verwalten Sie hier alle Kurse und deren Einstellungen.</p>
                    <a href="{{ path('admin_courses') }}" class="btn btn-primary">Zu den Kursen</a>
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <div class="card-body">
                    <h5 class="card-title">E-Mail-Templates</h5>
                    <p class="card-text">Verwalten Sie die E-Mail-Templates für verschiedene Kurs-Typen.</p>
                    <a href="{{ path('admin_email_templates') }}" class="btn btn-primary">Zu den Templates</a>
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <div class="card-body">
                    <h5 class="card-title">Buchungen</h5>
                    <p class="card-text">Verwalten Sie alle Kursbuchungen und Teilnehmer.</p>
                    <a href="{{ path('admin_bookings') }}" class="btn btn-primary">Zu den Buchungen</a>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6 mb-4">
            <div class="card h-100">
                <div class="card-body">
                    <h5 class="card-title">Statistiken</h5>
                    <div class="row">
                        <div class="col-6">
                            <div class="card bg-primary text-white mb-3">
                                <div class="card-body">
                                    <h6 class="card-title">Aktive Kurse</h6>
                                    <p class="card-text h3">{{ activeCourses }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="card bg-success text-white mb-3">
                                <div class="card-body">
                                    <h6 class="card-title">Buchungen heute</h6>
                                    <p class="card-text h3">{{ bookingsToday }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-6 mb-4">
            <div class="card h-100">
                <div class="card-body">
                    <h5 class="card-title">Letzte Aktivitäten</h5>
                    <div class="list-group">
                        {% for activity in recentActivities %}
                        <div class="list-group-item">
                            <div class="d-flex w-100 justify-content-between">
                                <h6 class="mb-1">{{ activity.title }}</h6>
                                <small>{{ activity.date|date('d.m.Y H:i') }}</small>
                            </div>
                            <p class="mb-1">{{ activity.description }}</p>
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}