{% extends "base.html" %}

{% block title %}Dashboard - MYP API Tester{% endblock %}

{% block content %}
<div class="row">
    <div class="col-md-12 mb-4">
        <div class="card">
            <div class="card-header">
                <h4 class="mb-0">Willkommen, {{ current_user.display_name }}</h4>
            </div>
            <div class="card-body">
                <p>Benutzerdetails:</p>
                <ul>
                    <li><strong>ID:</strong> {{ current_user.id }}</li>
                    <li><strong>Benutzername:</strong> {{ current_user.username }}</li>
                    <li><strong>E-Mail:</strong> {{ current_user.email or "Nicht angegeben" }}</li>
                    <li><strong>Rolle:</strong> {{ current_user.role }}</li>
                </ul>
                <div class="mt-3">
                    <a href="/admin/printers" class="btn btn-primary me-2">Drucker verwalten</a>
                    <a href="/admin/jobs" class="btn btn-success me-2">Druckaufträge verwalten</a>
                    {% if current_user.role == 'admin' %}
                    <a href="/admin/users" class="btn btn-info me-2">Benutzer verwalten</a>
                    <a href="/admin/stats" class="btn btn-secondary">Statistiken</a>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-6 mb-4">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">API-Test: GET /api/me</h5>
            </div>
            <div class="card-body">
                <form class="api-form" data-url="/api/me" data-method="GET" data-response="meResponse">
                    <button type="submit" class="btn btn-primary">API aufrufen</button>
                </form>
                <div class="mt-3">
                    <h6>Antwort:</h6>
                    <pre class="api-response" id="meResponse"></pre>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-6 mb-4">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">API-Test: GET /api/test</h5>
            </div>
            <div class="card-body">
                <form class="api-form" data-url="/api/test" data-method="GET" data-response="testResponse">
                    <button type="submit" class="btn btn-primary">API aufrufen</button>
                </form>
                <div class="mt-3">
                    <h6>Antwort:</h6>
                    <pre class="api-response" id="testResponse"></pre>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}