{% extends "base.html" %}

{% block content %}
<div class="space-y-6">
    <header class="mb-6">
        <h1 class="text-3xl font-bold text-white mb-2">MYP Platform</h1>
        <p class="text-gray-300">3D-Drucker Reservierungssystem für Mercedes-Benz</p>
    </header>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        <!-- Quick Stats -->
        <div class="bg-slate-800/70 rounded-2xl p-6 shadow-md">
            <h2 class="text-xl font-semibold text-white mb-4">Aktive Druckaufträge</h2>
            <div data-api-endpoint="/api/jobs/active" data-counter data-title="Laufende Druckaufträge"></div>
        </div>

        <div class="bg-slate-800/70 rounded-2xl p-6 shadow-md">
            <h2 class="text-xl font-semibold text-white mb-4">Verfügbare Drucker</h2>
            <div data-api-endpoint="/api/printers" data-counter data-title="Verfügbare Drucker"></div>
        </div>

        <div class="bg-slate-800/70 rounded-2xl p-6 shadow-md">
            <h2 class="text-xl font-semibold text-white mb-4">Schnellzugriff</h2>
            <div class="space-y-3">
                <a href="{{ url_for('jobs_page') }}" class="flex items-center p-3 bg-slate-700/40 rounded-xl text-white hover:bg-indigo-600/20 transition-colors">
                    <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/>
                    </svg>
                    Druckaufträge anzeigen
                </a>
                <a href="{{ url_for('printers_page') }}" class="flex items-center p-3 bg-slate-700/40 rounded-xl text-white hover:bg-indigo-600/20 transition-colors">
                    <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"/>
                    </svg>
                    3D-Drucker verwalten
                </a>
            </div>
        </div>
    </div>

    <!-- Redirect to dashboard -->
    <script>
        window.location.href = "{{ url_for('dashboard') }}";
    </script>
</div>
{% endblock %}