{% extends "base.html" %}

{% block content %}
    <h1 class="mb-4">VectorStore Admin</h1>

    {% if error %}
        <div class="alert alert-danger" role="alert">{{ error }}</div>
    {% endif %}

    <div class="card mb-4">
        <div class="card-header">Instance</div>
        <div class="card-body">
            {% if status %}
                <div class="row">
                    <div class="col-md-3"><strong>Status</strong><br>{{ status.status }}</div>
                    <div class="col-md-3"><strong>Provider</strong><br>{{ status.summary.provider or "n/a" }}</div>
                    <div class="col-md-3"><strong>Collection Prefix</strong><br>{{ status.summary.collection_prefix or "n/a" }}</div>
                    <div class="col-md-3"><strong>Effective Org</strong><br>{{ status.org_id }}</div>
                </div>
                <div class="row mt-3">
                    <div class="col-md-8"><strong>URI</strong><br>{{ status.summary.uri or "n/a" }}</div>
                    <div class="col-md-4"><strong>Embedding Model</strong><br>{{ status.summary.embedding_model or "n/a" }}</div>
                </div>
                <div class="row mt-3">
                    <div class="col-md-6"><strong>Configured Memory Org</strong><br>{{ status.summary.configured_org_id or "n/a" }}</div>
                </div>
            {% else %}
                <p class="mb-0">Status unavailable.</p>
            {% endif %}
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-header">Scope</div>
        <div class="card-body">
            <form method="GET" class="row">
                <div class="col-md-3 mb-3">
                    <label>Project</label>
                    <input class="form-control" name="project_id" value="{{ scope.project_id or '' }}">
                </div>
                <div class="col-md-3 mb-3">
                    <label>Repo</label>
                    <input class="form-control" name="repo_id" value="{{ scope.repo_id or '' }}">
                </div>
                <div class="col-md-3 mb-3">
                    <label>Context</label>
                    <input class="form-control" name="bounded_context" value="{{ scope.bounded_context or '' }}">
                </div>
                <div class="col-md-3 mb-3">
                    <label>Environment</label>
                    <input class="form-control" name="environment" value="{{ scope.environment or '' }}">
                </div>
                <div class="col-md-12">
                    <button class="btn btn-primary" type="submit">Apply Scope</button>
                </div>
            </form>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-6">
            <div class="card mb-4">
                <div class="card-header">Query</div>
                <div class="card-body">
                    <form method="POST">
                        <input type="hidden" name="action" value="query">
                        <input type="hidden" name="project_id" value="{{ scope.project_id or '' }}">
                        <input type="hidden" name="repo_id" value="{{ scope.repo_id or '' }}">
                        <input type="hidden" name="bounded_context" value="{{ scope.bounded_context or '' }}">
                        <input type="hidden" name="environment" value="{{ scope.environment or '' }}">
                        <div class="form-group">
                            <label>Query</label>
                            <textarea class="form-control" name="query" rows="3" required></textarea>
                        </div>
                        <div class="form-group">
                            <label>K</label>
                            <input class="form-control" name="k" value="5">
                        </div>
                        <div class="form-group">
                            <label>Metadata Filter JSON</label>
                            <textarea class="form-control" name="filter" rows="4">{}</textarea>
                        </div>
                        <button class="btn btn-primary" type="submit">Run Query</button>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="card mb-4">
                <div class="card-header">Load</div>
                <div class="card-body">
                    <form method="POST">
                        <input type="hidden" name="action" value="load">
                        <input type="hidden" name="project_id" value="{{ scope.project_id or '' }}">
                        <input type="hidden" name="repo_id" value="{{ scope.repo_id or '' }}">
                        <input type="hidden" name="bounded_context" value="{{ scope.bounded_context or '' }}">
                        <input type="hidden" name="environment" value="{{ scope.environment or '' }}">
                        <div class="form-group">
                            <label>Text</label>
                            <textarea class="form-control" name="text" rows="5" required></textarea>
                        </div>
                        <div class="form-group">
                            <label>ID</label>
                            <input class="form-control" name="ids" placeholder="doc-1">
                        </div>
                        <div class="form-group">
                            <label>Metadata JSON</label>
                            <textarea class="form-control" name="metadata" rows="4">{}</textarea>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-4">
                                <label>Document Type</label>
                                <input class="form-control" name="document_type" placeholder="requirement">
                            </div>
                            <div class="form-group col-md-4">
                                <label>Entity Type</label>
                                <input class="form-control" name="entity_type" placeholder="Requirement">
                            </div>
                            <div class="form-group col-md-4">
                                <label>Entity ID</label>
                                <input class="form-control" name="entity_id" placeholder="REQ-1">
                            </div>
                        </div>
                        <button class="btn btn-primary" type="submit">Load Text</button>
                    </form>
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header">Delete</div>
                <div class="card-body">
                    <form method="POST">
                        <input type="hidden" name="action" value="delete">
                        <div class="form-group">
                            <label>Document IDs</label>
                            <textarea class="form-control" name="ids" rows="4" placeholder="doc-1&#10;doc-2" required></textarea>
                        </div>
                        <button class="btn btn-danger" type="submit">Delete IDs</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-header">Result</div>
        <div class="card-body">
            {% if result %}
                <pre class="mb-0">{{ result | tojson(indent=2) }}</pre>
            {% else %}
                <p class="mb-0">Run a query, load, or delete action to inspect results.</p>
            {% endif %}
        </div>
    </div>
{% endblock %}