{% extends "base.html" %}
{% block title %}CVE Database - Hermetic Suite{% endblock %}

{% block content %}
<div class="page-header">
    <h1 class="icon" id="cve">CVE Database</h1>
    <p class="subtitle">Vulnerabilities detected on your servers and domains</p>
</div>

<div class="stats-grid">
    <div class="stat-card">
        <div class="stat-content">
            <div class="stat-value">{{ stats.total_cves or 0 }}</div>
            <div class="stat-label">Detected CVEs</div>
        </div>
    </div>
    <div class="stat-card stat-critical">
        <div class="stat-content">
            <div class="stat-value">{{ stats.by_severity.get('critical', 0) }}</div>
            <div class="stat-label">Critical</div>
        </div>
    </div>
    <div class="stat-card stat-high">
        <div class="stat-content">
            <div class="stat-value">{{ stats.by_severity.get('high', 0) }}</div>
            <div class="stat-label">High</div>
        </div>
    </div>
    <div class="stat-card stat-medium">
        <div class="stat-content">
            <div class="stat-value">{{ stats.by_severity.get('medium', 0) }}</div>
            <div class="stat-label">Medium</div>
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-content">
            <div class="stat-value">{{ stats.by_severity.get('low', 0) }}</div>
            <div class="stat-label">Low</div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h2>Search CVEs</h2>
    </div>
    <div class="card-body">
        <form action="{{ url_for('cve.cve_search') }}" method="GET" class="form-inline">
            <div class="form-group">
                <input type="text" name="q" placeholder="Search by CVE ID or product name" style="width: 300px;">
            </div>
            <button type="submit" class="btn btn-primary">🔍 Search</button>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h2>CVEs Detected on Your Servers and Domains</h2>
    </div>
    <div class="card-body">
        {% if detected_cves %}
        <table class="table">
            <thead>
                <tr>
                    <th>CVE ID</th>
                    <th>Severity</th>
                    <th>CVSS</th>
                    <th>Targets Affected</th>
                    <th>Description</th>
                </tr>
            </thead>
            <tbody>
                {% for cve in detected_cves %}
                <tr>
                    <td>
                        <a href="{{ url_for('cve.cve_detail', cve_id=cve.cve_id) }}">
                            {{ cve.cve_id }}
                        </a>
                    </td>
                    <td>
                        <span class="badge badge-{{ cve.severity }}">{{ cve.severity | upper }}</span>
                    </td>
                    <td>{{ cve.cvss_score or '-' }}</td>
                    <td>{{ cve.server_count }}</td>
                    <td>{{ cve.description[:100] }}{% if cve.description|length > 100 %}...{% endif %}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% else %}
        <p class="empty-state">No CVEs detected yet. Run vulnerability scans to detect CVEs on your servers and domains.</p>
        {% endif %}
    </div>
</div>

{% endblock %}