dodati payment kodovi, generisanje kodova, pdf view,promena payment page

backend/core/templates/payment.html

@@ -1,19 +1,33 @@
 {% 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">
+<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 %}
-      <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
+      <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 %}