{% extends "base.html" %}

{% block content %}
<h2 style="margin-bottom: 1.5rem; color: #00ff88;">Violation History</h2>

<div style="margin-bottom: 1.5rem;">
    <button class="btn" style="margin-right: 1rem;">Export PDF Report</button>
    <button class="btn" style="background: #333;">Configure Webhooks</button>
</div>

{% if scans %}
    {% for scan in scans %}
    <div class="card">
        <div style="display: flex; justify-content: space-between; align-items: start;">
            <div>
                <span class="severity {{ scan.severity }}">{{ scan.severity }}</span>
                <strong style="margin-left: 1rem; color: #fff;">
                    {{ scan.violation_type.replace('_', ' ').title() }}
                </strong>
                <p style="margin-top: 0.5rem; color: #e0e0e0;">{{ scan.message }}</p>
                {% if scan.details %}
                <p style="margin-top: 0.3rem; color: #888; font-size: 0.9rem;">{{ scan.details }}</p>
                {% endif %}
                <p style="margin-top: 0.5rem; font-size: 0.85rem; color: #555;">
                    📄 {{ scan.file_path }}
                </p>
            </div>
            <div style="text-align: right; color: #666; font-size: 0.85rem;">
                {{ scan.timestamp.strftime('%Y-%m-%d %H:%M:%S') }}
            </div>
        </div>
    </div>
    {% endfor %}
{% else %}
    <div class="card">
        <p style="color: #888; text-align: center; padding: 2rem;">
            No violations recorded yet.
        </p>
    </div>
{% endif %}
{% endblock %}