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

{% block title %}Neues Dokument{% endblock %}

{% block body %}

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3">Neues Dokument</h1>

        <a href="{{ path('admin_documents') }}"
           class="btn btn-sm btn-outline-secondary">
            Zurück zur Übersicht
        </a>
    </div>

    <div class="card bg-black border-secondary text-light">
        <div class="card-body">

            <form method="post" enctype="multipart/form-data">

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

                {# ============================= #}
                {# Titel                         #}
                {# ============================= #}

                <div class="mb-4">
                    <label class="form-label">Titel</label>

                    <div class="alert alert-secondary small">
                        <strong>Hinweis zur Qualität:</strong><br>
                        Der Titel ist entscheidend für die semantische Einordnung
                        der erzeugten Chunks. Jeder Chunk erhält den Titel als Kontext,
                        wodurch Retrieval und Antwortqualität signifikant verbessert werden.<br><br>

                        Wird kein Titel angegeben, wird automatisch der Dateiname
                        verwendet (nicht empfohlen).
                    </div>

                    <input class="form-control bg-dark text-light border-secondary"
                           name="title"
                           placeholder="z. B. Sicherheitsdatenblatt – Produkt XY">
                </div>

                {# ============================= #}
                {# Datei Upload                  #}
                {# ============================= #}

                <div class="mb-4">
                    <label class="form-label">Datei</label>

                    <input type="file"
                           class="form-control bg-dark text-light border-secondary"
                           name="file"
                           required>

                    <div class="form-text text-secondary">
                        Unterstützte Formate: PDF, DOCX, TXT, MD.
                        Das Dokument wird versioniert gespeichert und anschließend
                        indexiert.
                    </div>
                </div>

                {# ============================= #}
                {# Submit                        #}
                {# ============================= #}

                <div class="d-flex justify-content-end">
                    <button class="btn btn-outline-info">
                        Dokument speichern
                    </button>
                </div>

            </form>

        </div>
    </div>

    <div class="mt-4 small text-secondary">
        Hinweis: Nach dem Upload wird automatisch eine neue Dokumentversion erstellt.
        Die Indexierung erfolgt asynchron über einen Ingest-Job.
    </div>

{% endblock %}