{% extends "base.html" %}
{% block title %}Évaluation soumise{% endblock %}
{% block body %}
<div class="min-h-screen flex items-center justify-center bg-gradient-to-br from-green-800 to-slate-900 p-4">
  <div class="bg-white rounded-2xl shadow-2xl w-full max-w-lg overflow-hidden text-center">

    <div class="bg-gradient-to-r from-green-600 to-green-800 px-8 py-10 text-white">
      <div class="text-6xl mb-4">✅</div>
      <h1 class="text-2xl font-bold">Évaluation soumise !</h1>
      <p class="text-green-100 text-sm mt-2">Votre évaluation a bien été enregistrée.</p>
    </div>

    <div class="px-8 py-8">
      <div class="space-y-4 mb-8">
        <div class="bg-green-50 rounded-xl p-4 text-sm text-green-800">
          <p class="font-semibold mb-1">✔ Vos réponses ont été sauvegardées</p>
          <p class="text-green-600 text-xs">L'évaluation a été corrigée automatiquement</p>
        </div>

        <div class="bg-blue-50 rounded-xl p-4 text-sm text-blue-800">
          <p class="font-semibold mb-1">📊 Résultats disponibles</p>
          <p class="text-blue-600 text-xs">Vos notes seront communiquées par votre instructeur</p>
        </div>

        <div class="bg-slate-50 rounded-xl p-4 text-sm text-slate-600">
          <p>Vous pouvez maintenant fermer cette fenêtre.</p>
        </div>
      </div>

      <a href="{{ root_path }}/logout"
        class="inline-block bg-slate-700 hover:bg-slate-800 text-white font-semibold px-8 py-3 rounded-xl transition-colors text-sm">
        Se déconnecter
      </a>
    </div>
  </div>
</div>
{% endblock %}