{% if results.detections %}
<div class="card mt-4">
    <div class="card-header">
        Detections
    </div>
    <div class="card-body">
        <p style="text-align:center; font-size: 18px;font-weight:bold;">
            {% for family in results.detections %}
                <span class="badge bg-danger">{{family}}</span>
            {% endfor %}
        </p>
    </div>
</div>
{% endif %}

{% if results.configs %}
<div class="card mt-4">
    <div class="card-header">
        Malware Config(s)
    </div>
    <div class="card-body">
        {% for config_block in results.configs %}
            {% for filepath, config in config_block.items() %}
                <table class="table table-striped table-bordered" style="table-layout: fixed;">
                    <tr>
                        <th style="border-top: 0; width: 15%;">File</th>
                        <td style="border-top: 0; word-wrap: break-word;"><b>{{filepath}}</b></td>
                    </tr>
                    <tbody>
                    {% for key, value in config.items() %}
                        {% if key == "raw" and value is mapping %}
                          {% for subkey, subvalue in value.items() %}
                            <tr>
                              <td class="font-weight-bold text-info">{{ subkey }}</td>
                              <td class="text-break">{{ subvalue | malware_config }}</td>
                            </tr>
                          {% endfor %}
                        {% else %}
                          <tr>
                            <td class="font-weight-bold text-info">{{ key }}</td>
                            <td class="text-break">{{ value | malware_config }}</td>
                          </tr>
                        {% endif %}
                    {% endfor %}
                </table>
            {% endfor %}
        {% endfor %}
    </div>
</div>
{% endif %}