{% if error %}
  <Alert message="{{ error }}" type="error" />
{% else %}
  <Card>
    <div class="flex items-center gap-2 mb-3">
      <Badge label="✓ Conversion EPT terminée" variant="success" />
    </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">
      <Button
        label="👁️ Visualiser"
        variant="primary"
        hx_get="/viewer/{{ result.id }}"
        hx_target="#viewer-container"
      />
      <a href="/viewer/{{ result.id }}" target="_blank" class="btn btn-ghost btn-sm">
        ↗ Nouvel onglet
      </a>
    </div>
  </Card>
{% endif %}