{% extends "base.html" %}
{% block content %}
<div class="container">
    <div class="row">
        <div class="col">
            <h1 class="pt-4 mt-5 mb-4">Thank you.</h1>
            We will send the document to {{ email }} when it is ready.
        </div>
    </div>
    <h2>Top 10 Identified Risks</h2>
    <table class="table table-striped table-bordered">
        <thead>
            <tr>
                <th scope="col">Risk ID</th>
                <th scope="col">Risk Name</th>
                <th scope="col">Category</th>
                <th scope="col">Primary Impact</th>
                <th scope="col">Secondary Impact</th>
                <th scope="col">Tertiary Impact</th>
                <th scope="col">Detection Difficulty</th>
                <th scope="col">Recovery Complexity</th>
                <th scope="col">Business Impact Severity</th>
            </tr>
        </thead>
        <tbody>
            {% for risk in top_risks %}
                <tr>
                    <td>{{ risk.risk_id }}</td>
                    <td>{{ risk.risk_name }}</td>
                    <td>{{ risk.category }}</td>
                    <td>{{ risk.primary_impact }}</td>
                    <td>{{ risk.secondary_impact }}</td>
                    <td>{{ risk.tretiary_impact }}</td>
                    <td>{{ risk.detection_difficulty }}</td>
                    <td>{{ risk.recovery_complexity }}</td>
                    <td>{{ risk.businnes_impact_severity }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock content %}

{% block bottom %}
    <script src="/static/js/formHandling.js"></script>
{% endblock bottom %}