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

{% block title %}System-Dashboard{% endblock %}

{% block body %}
    <div class="container-fluid">

        <!-- ===================================================== -->
        <!-- HEADER -->
        <!-- ===================================================== -->

        <div class="d-flex justify-content-between align-items-center mb-4">
            <h1 class="h3 mb-0"><i class="bi bi-hdd-rack"></i> Systemübersicht</h1>
            <span class="badge bg-secondary">RAG Enterprise</span>
        </div>

        <!-- ===================================================== -->
        <!-- KPI ROW  (NUR STATUS-AMPELN) -->
        <!-- ===================================================== -->

        <div class="row g-4 mb-4">

            {# ================= CHUNK VECTOR STATUS ================= #}
            {% if vectorHealth is defined %}
                {% set status = vectorHealth.status %}
                {% set badgeClass =
                    status starts with 'OK'
                    ? 'bg-success'
                    : (status == 'INCONSISTENT_MISSING_VECTOR'
                    ? 'bg-warning text-dark'
                    : 'bg-danger') %}
            {% endif %}

            <div class="col-lg-6 col-xl-3">
                <div class="card bg-black border-secondary text-light h-100">
                    <div class="card-body">
                        <div class="small text-light mb-2"><i class="bi bi-files"></i> Chunk-Vektor</div>

                        {% if vectorHealth is defined %}
                            <h4 class="mb-0">
                            <span class="badge {{ badgeClass }}">
                                {{ vectorHealth.status }}
                            </span>
                            </h4>
                        {% else %}
                            <div class="small text-light">
                                Keine Daten verfügbar.
                            </div>
                        {% endif %}
                    </div>
                </div>
            </div>

            {# ================= TAG VECTOR STATUS ================= #}
            {% if tagVectorHealth is defined %}
                {% set tagStatus = tagVectorHealth.status %}
                {% set tagBadgeClass =
                    tagStatus starts with 'OK'
                    ? 'bg-success'
                    : (tagStatus == 'INCONSISTENT_MISSING_VECTOR'
                    ? 'bg-warning text-dark'
                    : 'bg-danger') %}
            {% endif %}

            <div class="col-lg-6 col-xl-3">
                <div class="card bg-black border-secondary text-light h-100">
                    <div class="card-body">
                        <div class="small text-light mb-2"><i class="bi bi-tags"></i> Tag-Vektor</div>

                        {% if tagVectorHealth is defined %}
                            <h4 class="mb-0">
                            <span class="badge {{ tagBadgeClass }}">
                                {{ tagVectorHealth.status }}
                            </span>
                            </h4>
                        {% else %}
                            <div class="small text-light">
                                Keine Daten verfügbar.
                            </div>
                        {% endif %}
                    </div>
                </div>
            </div>

            {# ================= KNOWLEDGE CAPACITY ================= #}
            {% set percent = chunkLimit > 0 ? (chunkCount / chunkLimit * 100)|round(1) : 0 %}

            <div class="col-lg-6 col-xl-3">
                <div class="card bg-black border-secondary text-light h-100">
                    <div class="card-body">
                        <div class="small text-light mb-2"><i class="bi bi-robot"></i> Wissenskapazität</div>

                        <h4 class="mb-2">
                            {{ chunkCount|number_format(0, ',', '.') }}
                            <span class="text-secondary small">
                            / {{ chunkLimit|number_format(0, ',', '.') }}
                        </span>
                        </h4>

                        <div class="progress bg-dark mb-2" style="height: 14px;">
                            <div class="progress-bar
                            {% if percent >= 95 %}
                                bg-danger
                            {% elseif percent >= 85 %}
                                bg-warning text-dark
                            {% else %}
                                bg-success
                            {% endif %}"
                                 style="width: {{ percent }}%;">
                            </div>
                        </div>

                        <div class="small text-light">
                            {{ percent }} % ausgelastet
                        </div>
                    </div>
                </div>
            </div>

            {# ================= GOVERNANCE ================= #}
            <div class="col-lg-6 col-xl-3">
                <div class="card bg-black border-secondary text-light h-100">
                    <div class="card-body">
                        <div class="small text-light mb-2"><i class="bi bi-shield-check"></i> System-Governance</div>

                        <div class="small">
                            <strong>Benutzer</strong><br>
                            {{ app.user.userIdentifier }}
                        </div>

                        <div class="small mt-3">
                            <strong>Rollen</strong><br>
                            {{ app.user.roles|join(', ') }}
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!-- ===================================================== -->
        <!-- DETAIL ROW  (HIER SIND DIE ZAHLEN) -->
        <!-- ===================================================== -->

        <div class="row g-4">

            {% if vectorHealth is defined %}
                <div class="col-lg-4">
                    <div class="card bg-black border-secondary text-light h-100">
                        <div class="card-body">
                            <h5 class="text-info mb-3"><i class="bi bi-files"></i> Chunk-Vektor-Details</h5>

                            <div class="small text-info">NDJSON-Chunks</div>
                            <div class="h5 mb-3">
                                {{ vectorHealth.ndjson_chunk_count|number_format(0, ',', '.') }}
                            </div>

                            <div class="small text-info">Vektor-Index-Chunks</div>
                            <div class="h5">
                                {{ vectorHealth.vector_chunk_count|number_format(0, ',', '.') }}
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            {% if tagVectorHealth is defined %}
                <div class="col-lg-4">
                    <div class="card bg-black border-secondary text-light h-100">
                        <div class="card-body">
                            <h5 class="text-info mb-3"><i class="bi bi-tags"></i> Tag-Vektor-Details</h5>

                            <div class="small text-info">NDJSON-Tags</div>
                            <div class="h5 mb-3">
                                {{ tagVectorHealth.tags_ndjson_count|number_format(0, ',', '.') }}
                            </div>

                            <div class="small text-info">Vektor-Index-Tags</div>
                            <div class="h5">
                                {{ tagVectorHealth.vector_tag_count|number_format(0, ',', '.') }}
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            <!-- INDEXIERUNG -->
            <div class="col-lg-4">
                <div class="card bg-black border-secondary text-light h-100">
                    <div class="card-body">
                        <h5 class="text-info mb-3"><i class="bi bi-search"></i> Indexierung (Ingest Jobs)</h5>

                        <div class="text-muted small mb-3">
                            Erstellt den kompletten Wissensindex neu.
                            Kann je nach Datenmenge mehrere Minuten dauern.
                        </div>

                        <form method="post"
                              action="/admin/jobs/global-reindex"
                              onsubmit="return confirm('Global Reindex starten? Dies kann mehrere Minuten dauern.');">

                            <input type="hidden"
                                   name="_token"
                                   value="{{ csrf_token('global_reindex') }}">

                            <button type="submit"
                                    class="btn btn-sm btn-outline-info">
                                Global Reindex starten
                            </button>
                        </form>
                    </div>
                </div>
            </div>

            {% if is_granted('ROLE_SUPER_ADMIN') %}
                <div class="col-lg-4">
                    <div class="card bg-black border-danger text-light h-100">
                        <div class="card-body">
                            <h5 class="text-danger mb-3"><i class="bi bi-sign-stop-fill"></i> Kritische Systemoperationen</h5>

                            <div class="small mb-3 text-secondary">
                                Entfernt alle Dokumente, Versionen, Indizes und Jobs.
                                <br><strong>Nicht rückgängig zu machen.</strong>
                            </div>

                            <form method="post"
                                  action="{{ path('admin_document_reset') }}"
                                  onsubmit="return confirm('System vollständig zurücksetzen?');">

                                <input type="hidden"
                                       name="_token"
                                       value="{{ csrf_token('system_reset') }}">

                                <button type="submit"
                                        class="btn btn-outline-danger">
                                    Vollständigen System-Reset ausführen
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            {% endif %}

        </div>

    </div>
{% endblock %}