{% extends 'base.html' %}
{% block title %}Audit complet{% endblock %}
{% block content %}
<div class="flex justify-between items-center mb-4">
    <div>
        <h2 class="text-xl font-bold text-cyber-accent">Audit complet serveurs</h2>
        <p class="text-xs text-gray-500 mt-1">Applicatif + reseau + correlation — import JSON depuis le standalone</p>
    </div>
    <div class="flex gap-2 items-center">
        <form method="POST" action="/audit-full/import" enctype="multipart/form-data" class="flex gap-2 items-center">
            <input type="file" name="file" accept=".json" class="text-xs" required>
            <button type="submit" class="btn-primary px-4 py-2 text-sm" data-loading="Import en cours...|Insertion des donnees">Importer JSON</button>
        </form>
        <a href="/audit-full/flow-map" class="btn-sm bg-cyber-border text-cyber-accent px-4 py-2">Carte flux</a>
    </div>
</div>

{% if msg %}
<div class="mb-3 p-2 rounded text-sm {% if 'error' in msg %}bg-red-900/30 text-cyber-red{% else %}bg-green-900/30 text-cyber-green{% endif %}">
    {% if msg.startswith('imported_') %}
        {% set parts = msg.split('_') %}
        {{ parts[1] }} serveur(s) importe(s){% if parts[2]|int > 0 %}, {{ parts[2] }} erreur(s){% endif %}.
    {% elif msg.startswith('error_') %}Erreur: {{ msg[6:] }}{% endif %}
</div>
{% endif %}

{% if audits %}
<div class="card overflow-x-auto">
    <table class="w-full table-cyber text-xs">
        <thead><tr>
            <th class="text-left p-2">Hostname</th>
            <th class="p-2">OS</th>
            <th class="p-2">Kernel</th>
            <th class="p-2">Uptime</th>
            <th class="p-2">Services</th>
            <th class="p-2">Process</th>
            <th class="p-2">Ports</th>
            <th class="p-2">Conn</th>
            <th class="p-2">Reboot</th>
            <th class="p-2">Date</th>
        </tr></thead>
        <tbody>
        {% for a in audits %}
        <tr class="hover:bg-cyber-hover cursor-pointer" onclick="location.href='/audit-full/{{ a.id }}'">
            <td class="p-2 font-mono text-cyber-accent font-bold">{{ a.hostname }}</td>
            <td class="p-2 text-center text-gray-400">{{ (a.os_release or '')[:30] }}</td>
            <td class="p-2 text-center font-mono text-gray-500">{{ (a.kernel or '')[:25] }}</td>
            <td class="p-2 text-center text-gray-400">{{ (a.uptime or '')[:20] }}</td>
            <td class="p-2 text-center">{{ a.svc_count }}</td>
            <td class="p-2 text-center">{{ a.proc_count }}</td>
            <td class="p-2 text-center">{{ a.port_count }}</td>
            <td class="p-2 text-center">{{ a.conn_count }}</td>
            <td class="p-2 text-center">{% if a.reboot_required %}<span class="text-cyber-red">Oui</span>{% else %}<span class="text-cyber-green">Non</span>{% endif %}</td>
            <td class="p-2 text-center text-gray-500">{{ a.audit_date.strftime('%d/%m %H:%M') if a.audit_date else '-' }}</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<div class="card p-8 text-center text-gray-500">
    <p class="text-sm">Aucun audit importe.</p>
    <p class="text-xs mt-2">Lancez le standalone sur vos serveurs puis importez le JSON ici.</p>
</div>
{% endif %}
{% endblock %}