{% extends "base.html" %}

{% block title %}{{ comp_name }} - Threat Model{% endblock %}

{% block content %}
<h1>Component: {{ comp_name }}</h1>

<p>{{ component.description }}</p>

<div class="tag-list">
    {% if component.inBoundary %}<span class="tag tag--text">boundary: {{ component.inBoundary }}</span>{% endif %}
    {% for key, value in component.properties | implemented %}
    {% if value is sameas true %}
    <span class="tag tag--true">{{ key | replace('_', ' ') }}</span>
    {% else %}
    <span class="tag tag--text">{{ key | replace('_', ' ') }}: {{ value }}</span>
    {% endif %}
    {% endfor %}
</div>

{% if unimplemented_mitigations %}
<h2>Potential Mitigations</h2>
    <p>Properties not currently implemented that would mitigate applicable threats:</p>
    <div class="tag-list">
        {% for prop in unimplemented_mitigations %}
        <span class="tag tag--false">{{ prop | replace('_', ' ') }}</span>
        {% endfor %}
    </div>
{% endif %}

<h2>Threats Affecting This Component</h2>
{% if threats %}
<table>
    <thead>
        <tr>
            <th>Threat ID</th>
            <th>Name</th>
            <th>Description</th>
            <th>Potential Mitigations</th>
        </tr>
    </thead>
    <tbody>
        {% for threat_id in threats %}
        {% set threat = model.threats[threat_id] %}
        <tr>
            <td><a href="threat_{{ threat_id }}.html">{{ threat_id }}</a></td>
            <td>{{ threat.description }}</td>
            <td>{{ threat.details }}</td>
            <td>
                {% for mit in threat_unimplemented[threat_id] %}
                <a href="property_{{ mit.split('.')[0] | slugify }}.html" class="tag tag--false">{{ mit | replace('_', ' ') | replace('.', ' · ') }}</a>
                {% endfor %}
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<p>No threats identified for this component.</p>
{% endif %}

<h2>Scenarios Using This Component</h2>
{% if scenarios %}
<ul>
    {% for scenario_name in scenarios %}
    <li><a href="scenario_{{ scenario_name.replace(' ', '_') }}.html">{{ scenario_name }}</a></li>
    {% endfor %}
</ul>
{% else %}
<p>This component is not used in any scenarios.</p>
{% endif %}

<p><a href="components.html">Back to Components List</a> | <a href="index.html">Back to Summary</a></p>
{% endblock %}