{% extends 'base.html' %}

{% block content %}
<section class="py-16 bg-secondary sm:py-24 p-body-full">
  <div class="max-w-lg w-full mx-auto text-center shadow-lg border border-success rounded-xl p-8 bg-white">
    <h2 class="text-3xl font-extrabold mb-4 text-success">Payment</h2>
    <p class="mb-8 text-gray-700 text-lg">
      Click the button below to securely pay and access your document.
    </p>
    <form method="post">
      {% csrf_token %}
      <button type="submit" class="nav-link-desktop bg-transparent border-2 border-accent text-accent hover:bg-accent hover:text-primary font-semibold py-3 px-8 rounded-lg text-lg transition-all duration-300 ease-in-out">
        Pay & Check Your document
      </button>
    </form>
  </div>
</section>

{% endblock %}