{% extends "admin/base.html" %}
{% block title %}Dashboard{% endblock %}

{% block content %}
<div class="mb-4">
    <h1><i class="bi bi-speedometer2 me-2"></i>Admin Dashboard</h1>
    <p class="text-muted">Portal-Einstellungen und Benutzerverwaltung</p>
</div>

<div class="row g-4 mb-4">
    <!-- Stats Cards -->
    <div class="col-md-6 col-lg-3">
        <div class="card">
            <div class="card-body">
                <div class="d-flex align-items-center">
                    <div class="bg-primary bg-opacity-25 rounded p-3 me-3">
                        <i class="bi bi-people fs-3 text-primary"></i>
                    </div>
                    <div>
                        <h3 class="mb-0">{{ total_customers }}</h3>
                        <small class="text-muted">Kunden gesamt</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-lg-3">
        <div class="card">
            <div class="card-body">
                <div class="d-flex align-items-center">
                    <div class="bg-danger bg-opacity-25 rounded p-3 me-3">
                        <i class="bi bi-shield-check fs-3 text-danger"></i>
                    </div>
                    <div>
                        <h3 class="mb-0">{{ admin_count }}</h3>
                        <small class="text-muted">Administratoren</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Quick Links -->
<div class="row g-4">
    <div class="col-md-6">
        <div class="card h-100">
            <div class="card-body">
                <div class="d-flex align-items-start">
                    <div class="bg-info bg-opacity-25 rounded p-3 me-3">
                        <i class="bi bi-sliders fs-3 text-info"></i>
                    </div>
                    <div class="flex-grow-1">
                        <h5>Feld-Konfiguration</h5>
                        <p class="text-muted small mb-3">
                            Legen Sie fest, welche Felder Kunden im Profil sehen und bearbeiten koennen.
                        </p>
                        <a href="{{ url_for('admin.field_config') }}" class="btn btn-outline-info">
                            <i class="bi bi-gear me-1"></i>
                            Felder konfigurieren
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card h-100">
            <div class="card-body">
                <div class="d-flex align-items-start">
                    <div class="bg-warning bg-opacity-25 rounded p-3 me-3">
                        <i class="bi bi-people-fill fs-3 text-warning"></i>
                    </div>
                    <div class="flex-grow-1">
                        <h5>Kundenverwaltung</h5>
                        <p class="text-muted small mb-3">
                            Alle registrierten Kunden einsehen und verwalten.
                        </p>
                        <a href="{{ url_for('admin.customers') }}" class="btn btn-outline-warning">
                            <i class="bi bi-person-gear me-1"></i>
                            Kunden anzeigen
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card h-100">
            <div class="card-body">
                <div class="d-flex align-items-start">
                    <div class="bg-danger bg-opacity-25 rounded p-3 me-3">
                        <i class="bi bi-shield-lock fs-3 text-danger"></i>
                    </div>
                    <div class="flex-grow-1">
                        <h5>Administratoren</h5>
                        <p class="text-muted small mb-3">
                            Admin-Benutzer verwalten und neue Admins anlegen.
                        </p>
                        <a href="{{ url_for('admin.admins') }}" class="btn btn-outline-danger">
                            <i class="bi bi-shield-plus me-1"></i>
                            Admins verwalten
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}