{% extends "base.html" %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h2><i class="fas fa-search me-2"></i>Consistency Report</h2>
            <a href="{{ url_for('run.view_run', id=run.id) }}" class="btn btn-outline-secondary">Back to Run</a>
        </div>

        <div class="card shadow-sm mb-4">
            <div class="card-header bg-{{ 'success' if report.score >= 8 else 'warning' if report.score >= 5 else 'danger' }} text-white">
                <h4 class="mb-0">Consistency Score: {{ report.score }}/10</h4>
            </div>
            <div class="card-body">
                <p class="lead">{{ report.summary }}</p>
                <hr>
                <h5 class="text-danger"><i class="fas fa-exclamation-circle me-2"></i>Issues Detected</h5>
                <ul class="list-group list-group-flush">
                    {% for issue in report.issues %}
                    <li class="list-group-item">
                        <i class="fas fa-bug text-danger me-2"></i> {{ issue }}
                    </li>
                    {% else %}
                    <li class="list-group-item text-success">No major issues found.</li>
                    {% endfor %}
                </ul>
            </div>
            <div class="card-footer bg-light">
                <small class="text-muted">Tip: Use the "Read & Edit" feature to fix these issues manually, or use "Modify & Re-run" to have AI rewrite sections.</small>
            </div>
        </div>
    </div>
</div>
{% endblock %}