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

{% block content %}
<div class="page-header">
    <h1 class="icon" id="dashboard">Dashboard</h1>
    <p class="subtitle">Security overview at a glance</p>
</div>

<div class="stats-grid">
    <div class="stat-card">
        <div class="stat-icon">🖥️</div>
        <div class="stat-content">
            <div class="stat-value">{{ total_servers }}</div>
            <div class="stat-label">Active Servers</div>
        </div>
    </div>
    
    <div class="stat-card stat-critical">
        <div class="stat-icon">🔴</div>
        <div class="stat-content">
            <div class="stat-value">{{ severity_counts.get('critical', 0) }}</div>
            <div class="stat-label">Critical</div>
        </div>
    </div>
    
    <div class="stat-card stat-high">
        <div class="stat-icon">🟠</div>
        <div class="stat-content">
            <div class="stat-value">{{ severity_counts.get('high', 0) }}</div>
            <div class="stat-label">High</div>
        </div>
    </div>
    
    <div class="stat-card stat-medium">
        <div class="stat-icon">🟡</div>
        <div class="stat-content">
            <div class="stat-value">{{ severity_counts.get('medium', 0) }}</div>
            <div class="stat-label">Medium</div>
        </div>
    </div>
    
    <div class="stat-card">
        <div class="stat-icon">📚</div>
        <div class="stat-content">
            <div class="stat-value">{{ cve_stats.total_cves or 0 }}</div>
            <div class="stat-label">Unique CVEs</div>
        </div>
    </div>
</div>

<div class="dashboard-grid">
    <div class="card">
        <div class="card-header">
            <h2>Recent Vulnerabilities</h2>
            <a href="{{ url_for('vulnerabilities.vulnerabilities_list') }}" class="btn btn-sm">View All</a>
        </div>
        <div class="card-body">
            {% if recent_vulns %}
            <table class="table">
                <thead>
                    <tr>
                        <th>CVE</th>
                        <th>Title</th>
                        <th>Server</th>
                        <th>Detected</th>
                    </tr>
                </thead>
                <tbody>
                    {% for vuln in recent_vulns %}
                    <tr>
                        <td><span class="badge badge-{{ (vuln.severity or 'info') | replace('SeverityLevel.', '') | lower }}">{{ vuln.cve_id or 'N/A' }}</span></td>
                        <td>{{ vuln.title[:50] }}{% if vuln.title|length > 50 %}...{% endif %}</td>
                        <td>
                            {% if vuln.server %}
                            <a href="{{ url_for('servers.server_detail', server_id=vuln.server_id) }}">
                                {{ vuln.server.ip_address }}
                            </a>
                            {% endif %}
                        </td>
                        <td>{{ vuln.first_detected.strftime('%Y-%m-%d') if vuln.first_detected else 'N/A' }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
            {% else %}
            <p class="empty-state">No recent vulnerabilities found 🎉</p>
            {% endif %}
        </div>
    </div>
    
    <div class="card">
        <div class="card-header">
            <h2>Recent Scans</h2>
            <a href="{{ url_for('history.scan_history') }}" class="btn btn-sm">View All</a>
        </div>
        <div class="card-body">
            {% if recent_scans %}
            <table class="table">
                <thead>
                    <tr>
                        <th>Type</th>
                        <th>Status</th>
                        <th>Services</th>
                        <th>Vulns</th>
                        <th>Time</th>
                    </tr>
                </thead>
                <tbody>
                    {% for scan in recent_scans %}
                    {% set type_labels = {
                        'server': 'Server',
                        'server_auth': 'Server (Auth)',
                        'domain': 'Domain',
                        'discovery': 'Discovery'
                    } %}
                    <tr>
                        <td>{{ type_labels.get(scan.scan_type.value, scan.scan_type.value) }}</td>
                        <td>
                            <span class="badge badge-{{ scan.status.value }}">{{ scan.status.value }}</span>
                        </td>
                        <td>
                            {# Services column: services_found for server/domain scans, hosts_scanned for discovery #}
                            {% if scan.server or scan.dns_record %}
                                {{ scan.services_found if scan.services_found is not none else '-' }}
                            {% else %}
                                {{ scan.hosts_scanned if scan.hosts_scanned else '-' }}
                            {% endif %}
                        </td>
                        <td>{{ scan.vulnerabilities_found if scan.vulnerabilities_found is not none else '-' }}</td>
                        <td>{{ scan.created_at.strftime('%m/%d %H:%M') if scan.created_at else 'N/A' }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
            {% else %}
            <p class="empty-state">No scans yet. <a href="{{ url_for('scanning.discovery_page') }}">Start discovery</a></p>
            {% endif %}
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h2>CVE Database</h2>
        <a href="{{ url_for('cve.cve_page') }}" class="btn btn-sm">View All</a>
    </div>
    <div class="card-body">
        <div class="info-grid">
            <div class="info-item">
                <span class="info-label">Unique CVEs Detected:</span>
                <span class="info-value">{{ cve_stats.total_cves or 0 }}</span>
            </div>
            <div class="info-item">
                <span class="info-label">Critical:</span>
                <span class="info-value">{{ cve_stats.by_severity.get('critical', 0) }}</span>
            </div>
            <div class="info-item">
                <span class="info-label">High:</span>
                <span class="info-value">{{ cve_stats.by_severity.get('high', 0) }}</span>
            </div>
            <div class="info-item">
                <span class="info-label">Medium:</span>
                <span class="info-value">{{ cve_stats.by_severity.get('medium', 0) }}</span>
            </div>
            <div class="info-item">
                <span class="info-label">Low:</span>
                <span class="info-value">{{ cve_stats.by_severity.get('low', 0) }}</span>
            </div>
            <div class="info-item">
                <span class="info-label">Info:</span>
                <span class="info-value">{{ cve_stats.by_severity.get('info', 0) }}</span>
            </div>
        </div>
    </div>
</div>
{% endblock %}