{% extends "base.html" %}
{% block title %}View Responses{% endblock %}
{% block content %}
    <div class="alert alert-primary alert-dismissible fade show" role="alert">
        <h4 class="alert-heading">View Responses</h4>
        <button type="button"
                class="btn-close"
                data-bs-dismiss="alert"
                aria-label="Close"></button>
        <p>Use this page to view and analyze agent responses for the current revision.</p>
    </div>
    <h3 class="header-space">Test Results</h3>
    <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h5>
                        <i class="bi bi-play-circle"></i> Run Tests
                    </h5>
                </div>
                <div class="card-body">
                    <p>Execute test batch to generate responses for analysis.</p>
                    <button class="btn btn-primary" onclick="runTests()">
                        <i class="bi bi-play"></i> Run Test Batch
                    </button>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h5>
                        <i class="bi bi-file-text"></i> View Results
                    </h5>
                </div>
                <div class="card-body">
                    <p>View the results of previously executed tests.</p>
                    <button class="btn btn-outline-primary" onclick="viewResults()">
                        <i class="bi bi-eye"></i> View Test Results
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="mt-4">
        <div class="card">
            <div class="card-header">
                <h5>
                    <i class="bi bi-list"></i> Recent Test Data
                </h5>
            </div>
            <div class="card-body">
                <p class="text-muted">No test data available yet. Run some tests to see results here.</p>
            </div>
        </div>
    </div>
{% endblock %}
{% block scripts %}
    <script>
    function runTests() {
        alert('Test execution functionality will be implemented here.');
    }

    function viewResults() {
        alert('Test results viewing functionality will be implemented here.');
    }
    </script>
{% endblock %}
