{% 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">Systemübersicht</h1>
            <span class="badge bg-secondary">RAG Enterprise</span>
        </div>

        <!-- ===================================================== -->
        <!-- KPI ROW -->
        <!-- ===================================================== -->

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

            {% 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 %}

            <!-- Vector Status -->
            <div class="col-lg-6 col-xl-4">
                <div class="card bg-black border-secondary text-light h-100">
                    <div class="card-body">

                        <div class="small text-secondary mb-2">Vektor-Infrastruktur</div>

                        {% if vectorHealth is defined %}
                            <h4 class="mb-2">
                            <span class="badge {{ badgeClass }}">
                                {{ vectorHealth.status }}
                            </span>
                            </h4>

                            <div class="small text-secondary">
                                NDJSON-Chunks: {{ vectorHealth.ndjson_chunk_count|number_format(0, ',', '.') }}
                                <br>
                                Vektor-Index-Chunks: {{ vectorHealth.vector_chunk_count|number_format(0, ',', '.') }}
                            </div>
                        {% else %}
                            <div class="text-secondary small">
                                Keine Infrastrukturdaten 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-4">
                <div class="card bg-black border-secondary text-light h-100">
                    <div class="card-body">

                        <div class="small text-secondary mb-2">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-secondary">
                            {{ percent }} % ausgelastet
                        </div>

                    </div>
                </div>
            </div>

            <!-- Governance Snapshot -->
            <div class="col-lg-6 col-xl-4">
                <div class="card bg-black border-secondary text-light h-100">
                    <div class="card-body">

                        <div class="small text-secondary mb-2">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 -->
        <!-- ===================================================== -->

        <div class="row g-4">

            {% if vectorHealth is defined %}

                <!-- Vector Detail -->
                <div class="col-lg-6">
                    <div class="card bg-black border-secondary text-light h-100">
                        <div class="card-body">

                            <h5 class="text-info mb-3">Details zur Vektor-Infrastruktur</h5>

                            <div class="row">
                                <div class="col-6">
                                    <div class="small text-secondary">NDJSON-Chunks</div>
                                    <div class="h5">
                                        {{ vectorHealth.ndjson_chunk_count|number_format(0, ',', '.') }}
                                    </div>
                                </div>

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

                        </div>
                    </div>
                </div>

            {% endif %}

            {% if is_granted('ROLE_SUPER_ADMIN') %}

                <!-- Critical Operations -->
                <div class="col-lg-6">
                    <div class="card bg-black border-danger text-light h-100">
                        <div class="card-body">

                            <h5 class="text-danger mb-3">Kritische Systemoperationen</h5>

                            <div class="small mb-3 text-secondary">
                                Ein vollständiger System-Reset entfernt:
                                <ul>
                                    <li>Alle Dokumente und Versionen</li>
                                    <li>Den gesamten var/knowledge Inhalt</li>
                                    <li>Den FAISS-Vektorindex für Chunks und Tags</li>
                                    <li>Alle Ingest-Jobs</li>
                                    <li>Alle Tags-Jobs</li>
                                    <li>Alle Tags / Dokument Tags</li>
                                </ul>
                                <strong>Diese Aktion ist nicht rückgängig zu machen.</strong>
                            </div>

                            {% for label, messages in app.flashes %}
                                {% for message in messages %}
                                    <div class="alert alert-{{ label }}">
                                        {{ message }}
                                    </div>
                                {% endfor %}
                            {% endfor %}

                            <form method="post"
                                  action="{{ path('admin_document_reset') }}"
                                  onsubmit="return confirm('System vollständig zurücksetzen? Diese Aktion kann nicht rückgängig gemacht werden.');">

                                <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 %}