{% extends "base.html" %}

{% block content %}
    <h1 class="mb-4">Reports</h1>
    <div class="row">
        <!-- Compliance Report Card -->
        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    Compliance Report
                </div>
                <div class="card-body">
                    <p>{{ reports.compliance }}</p>
                </div>
            </div>
        </div>
        <!-- AI Fairness Report Card -->
        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    AI Fairness Report
                </div>
                <div class="card-body">
                    <p>{{ reports.fairness }}</p>
                </div>
            </div>
        </div>
    </div>
{% endblock %}