<template>
  <div style="max-width: 600px; margin: 2rem auto; text-align: center;">
    <div class="card">
      <h2 style="margin-bottom: 1rem;">Vote enregistré</h2>
      <p style="margin-bottom: 1.5rem;">
        Votre vote a été soumis avec succès. Vous pouvez revenir à l'éditeur pour modifier votre choix
        à tout moment (seul votre dernier vote sera pris en compte).
      </p>
      <div style="display: flex; gap: 1rem; justify-content: center;">
        <NuxtLink :to="`/commune/${slug}`" class="btn btn-primary">
          Modifier mon vote
        </NuxtLink>
        <NuxtLink to="/" class="btn btn-secondary">
          Retour à l'accueil
        </NuxtLink>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
const route = useRoute()
const slug = route.params.slug as string
</script>
