{% extends 'base.html' %}
{% block title %}Audit spécifique{% 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 spécifique</h2>
        <p class="text-xs text-gray-500 mt-1">Auditer un ou plusieurs serveurs à la demande</p>
    </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 class="flex gap-3 items-end">
            <div>
                <label class="text-xs text-gray-500">Ou importer un fichier (.txt)</label>
                <input type="file" name="hostnames_file" accept=".txt" class="text-xs text-gray-400">
            </div>
            <div>
                <label class="text-xs text-gray-500">Parallélisme</label>
                <select name="parallel" class="text-xs py-1 px-2">
                    <option value="1">Séquentiel (1)</option>
                    <option value="5" selected>5 en parallèle</option>
                    <option value="10">10 en parallèle</option>
                    <option value="20">20 en parallèle</option>
                </select>
            </div>
        </div>
        <p class="text-xs text-gray-600">Si plus de 10 serveurs, le parallélisme est recommandé.</p>
        <button type="submit" class="btn-primary px-4 py-2 text-sm" data-loading="Audit en cours...|Connexion SSH - peut prendre quelques minutes">Lancer l'audit</button>
    </form>
</div>
{% endblock %}