{% extends 'base.html' %}
{% block title %}Audit temps réel{% endblock %}
{% block content %}
<div class="flex justify-between items-center mb-4">
    <div>
        <a href="/audit" class="text-xs text-gray-500 hover:text-gray-300">← Audit</a>
        <h2 class="text-xl font-bold text-cyber-accent">Audit temps réel</h2>
    </div>
</div>

<div class="card p-5">
    <form method="POST" action="/audit/realtime" enctype="multipart/form-data" class="space-y-3">
        <div>
            <label class="text-xs text-gray-500">Serveurs (un par ligne ou séparés par virgule)</label>
            <textarea name="hostnames_text" rows="6" class="w-full font-mono text-xs" placeholder="vpinfaweb1&#10;vrtrabkme1&#10;lpemvaste1"></textarea>
        </div>
        <div>
            <label class="text-xs text-gray-500">Ou importer un fichier (.txt, un hostname par ligne)</label>
            <input type="file" name="hostnames_file" accept=".txt" class="text-xs text-gray-400">
        </div>
        <button type="submit" class="btn-primary px-4 py-2 text-sm" onclick="this.textContent='Audit en cours...'; this.disabled=true; this.form.submit()">Générer le rapport d'audit</button>
    </form>
</div>
{% endblock %}
