{% extends 'ecp_auth/base.html' %}

{% block title %}Сертифікат згенеровано{% endblock %}

{% block content %}
<div class="space-y-6 text-center">
  <div class="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-emerald-100 mb-4">
    <svg class="h-8 w-8 text-emerald-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
    </svg>
  </div>
  
  <h2 class="text-2xl font-bold tracking-tight text-slate-900">
    Ваш ЕЦП ключ успішно згенеровано!
  </h2>
  
  <p class="text-slate-600">
    Акаунт створено. Ваш файл ключа (<code>.p12</code>) має завантажитися автоматично за кілька секунд.
    Збережіть його в надійному місці, оскільки система його не зберігає.
  </p>
  
  <div class="pt-6">
    <a href="{{ next_url }}" class="inline-flex w-full items-center justify-center rounded-lg bg-slate-900 px-4 py-2.5 text-sm font-semibold text-white transition hover:bg-slate-700">
      Перейти до системи
    </a>
  </div>
  
  <p class="mt-4 text-xs text-slate-500">
    Якщо завантаження не почалося автоматично, 
    <a href="{% url 'ecp_auth:download_cert_file' %}" class="text-emerald-600 hover:text-emerald-500 font-semibold underline">натисніть тут</a>.
  </p>
</div>

<script>
  window.onload = function() {
    // Тригер автоматичного завантаження файлу
    setTimeout(function() {
      window.location.href = "{% url 'ecp_auth:download_cert_file' %}";
    }, 1000);
  };
</script>
{% endblock %}