{% extends "base.html" %}

{% block content %}
    <h1 class="mb-4">Requirements Workspace</h1>

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

    {% if ingest_result %}
        <div class="alert alert-success" role="alert">
            Ingested {{ ingest_result.ingested_count }} requirements into project <code>{{ ingest_result.project_id }}</code>.
        </div>
    {% endif %}

    <div class="card mb-4">
        <div class="card-header">Scope</div>
        <div class="card-body">
            <form method="POST" enctype="multipart/form-data">
                <input type="hidden" name="action" value="parse">
                <div class="form-row">
                    <div class="form-group col-md-3">
                        <label>Project ID</label>
                        <input class="form-control" name="project_id" value="{{ form_values.project_id }}">
                    </div>
                    <div class="form-group col-md-3">
                        <label>Repo ID</label>
                        <input class="form-control" name="repo_id" value="{{ form_values.repo_id }}">
                    </div>
                    <div class="form-group col-md-3">
                        <label>Context</label>
                        <input class="form-control" name="bounded_context" value="{{ form_values.bounded_context }}">
                    </div>
                    <div class="form-group col-md-3">
                        <label>Environment</label>
                        <input class="form-control" name="environment" value="{{ form_values.environment }}">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label>Document ID</label>
                        <input class="form-control" name="document_id" value="{{ form_values.document_id }}" placeholder="policy-001">
                    </div>
                    <div class="form-group col-md-6">
                        <label>Source Name</label>
                        <input class="form-control" name="source_name" value="{{ form_values.source_name }}" placeholder="HIPAA Requirements.pdf">
                    </div>
                </div>
                <div class="form-group">
                    <label>Upload Document</label>
                    <input class="form-control-file" type="file" name="document">
                </div>
                <div class="form-group">
                    <label>Or Paste Source Text</label>
                    <textarea class="form-control" name="text" rows="8" placeholder="Paste a requirement document, policy excerpt, regulation text, or design spec...">{{ form_values.text }}</textarea>
                </div>
                <button class="btn btn-primary" type="submit">Parse Document</button>
                {% if preview %}
                    <button class="btn btn-secondary ml-2" type="submit" name="action" value="ingest">Ingest Parsed Requirements</button>
                {% endif %}
            </form>
        </div>
    </div>

    {% if preview %}
        <div class="card mb-4">
            <div class="card-header">Parse Summary</div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3"><strong>Document ID</strong><br>{{ preview.document_id }}</div>
                    <div class="col-md-3"><strong>Source Name</strong><br>{{ preview.source_name }}</div>
                    <div class="col-md-3"><strong>Pages</strong><br>{{ preview.page_count }}</div>
                    <div class="col-md-3"><strong>Requirements</strong><br>{{ preview.requirements|length }}</div>
                </div>
            </div>
        </div>

        <div class="card mb-4">
            <div class="card-header">Parsed Requirements</div>
            <div class="card-body">
                {% if preview.requirements %}
                    <div class="table-responsive">
                        <table class="table table-dark table-striped">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Category</th>
                                    <th>Pages</th>
                                    <th>Source Section</th>
                                    <th>Title</th>
                                    <th>Evidence</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for item in preview.requirements %}
                                    <tr>
                                        <td><code>{{ item.id }}</code></td>
                                        <td>{{ item.category }}</td>
                                        <td>{{ item.page_numbers | join(", ") or "n/a" }}</td>
                                        <td>{{ item.source_section or "n/a" }}</td>
                                        <td>{{ item.title }}</td>
                                        <td>{{ item.evidence }}</td>
                                    </tr>
                                    <tr>
                                        <td colspan="6">
                                            <strong>Requirement Text</strong><br>
                                            {{ item.text }}
                                        </td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                {% else %}
                    <p class="mb-0">No discrete requirements were extracted from the current document.</p>
                {% endif %}
            </div>
        </div>
    {% endif %}
{% endblock %}