{% if error %}
  <div class="alert alert-error">
    <span>{{ error }}</span>
  </div>
{% else %}
  <div class="card bg-base-100 shadow">
    <div class="card-body">
      <div class="flex items-center gap-2 mb-3">
        <span class="badge badge-success">✓ Conversion EPT terminée</span>
      </div>
      <div class="text-sm space-y-1 mb-4">
        <div><span class="text-base-content/50">ID</span><code class="ml-2">{{ result.id }}</code></div>
        <div><span class="text-base-content/50">Fichier</span><span class="ml-2">{{ result.filename }}</span></div>
        <div><span class="text-base-content/50">Taille</span><span class="ml-2">{{ result.size_mb }} MB</span></div>
        <div><span class="text-base-content/50">Conversion</span><span class="ml-2">{{ result.conversion_time_seconds }}s</span></div>
      </div>
      <div class="flex gap-2">
        <a href="/viewer/{{ result.id }}" class="btn btn-primary" hx-get="/viewer/{{ result.id }}" hx-target="#viewer-container">
          👁️ Visualiser
        </a>
        <a href="/viewer/{{ result.id }}" target="_blank" class="btn btn-ghost btn-sm">
          ↗ Nouvel onglet
        </a>
      </div>
    </div>
  </div>
{% endif %}