33 lines
1.3 KiB
HTML
33 lines
1.3 KiB
HTML
{% extends 'base.html' %}
|
|
{% block content %}
|
|
<section class="py-24 bg-gradient-to-br from-teal-100 to-primary flex items-center justify-center">
|
|
<div class="max-w-md w-full mx-auto text-center shadow-2xl border border-accent rounded-2xl p-4 bg-white/90 backdrop-blur">
|
|
<h2 class="text-3xl font-extrabold mb-6 text-accent">Payment</h2>
|
|
<p class="text-lg text-gray-700 mb-6">Please enter your payment code to proceed to document.</p>
|
|
|
|
{% if success %}
|
|
<p class="text-green-600 font-semibold mb-4">{{ success }}</p>
|
|
{% endif %}
|
|
<form method="post" class="space-y-6">
|
|
{% csrf_token %}
|
|
<input
|
|
type="text"
|
|
name="code"
|
|
maxlength="10"
|
|
class="w-full px-4 py-3 border-2 border-accent rounded-lg focus:outline-none focus:ring-2 focus:ring-accent text-lg tracking-widest text-center font-mono mb-2"
|
|
placeholder="Enter your code"
|
|
required
|
|
>
|
|
<button
|
|
type="submit"
|
|
class="w-full bg-accent text-primary hover:bg-yellow-400 font-bold py-3 px-8 rounded-lg shadow-lg text-lg transition-all duration-200 ease-in-out transform hover:scale-105"
|
|
>
|
|
Enter Code
|
|
</button>
|
|
</form>
|
|
{% if error %}
|
|
<p class="text-red-600 mt-6 font-semibold text-lg">{{ error }}</p>
|
|
{% endif %}
|
|
</div>
|
|
</section>
|
|
{% endblock %} |