django-cfg 1.3.7__py3-none-any.whl → 1.3.11__py3-none-any.whl

django_cfg/apps/payments/admin_interface/templates/payments/payment_detail.html

@@ -0,0 +1,363 @@
+{% extends 'payments/base.html' %}
+{% load static %}
+{% load payment_tags %}
+
+{% block title %}Payment Details - Payment Admin{% endblock %}
+
+{% block page_title %}Payment Details{% endblock %}
+{% block page_subtitle %}Payment {{ payment.internal_payment_id|default:payment.id|truncatechars:8 }}{% endblock %}
+
+{% block content %}
+<div x-data="paymentDetail()" x-init="init('{{ payment.id }}')" class="space-y-6">
+    
+    <!-- Back Navigation -->
+    <div class="flex items-center space-x-4 mb-6">
+        <a href="{% url 'cfg_payments_admin:payment-list' %}" 
+           class="inline-flex items-center px-4 py-2 bg-gray-600 hover:bg-gray-700 text-white rounded-md text-sm font-medium transition-colors">
+            <span class="material-icons-outlined mr-2">arrow_back</span>
+            Back to Payments
+        </a>
+        
+        <!-- Status Refresh Button -->
+        <button @click="refreshPaymentStatus()" 
+                :disabled="loading"
+                class="inline-flex items-center px-4 py-2 bg-blue-600 hover:bg-blue-700 disabled:bg-blue-400 text-white rounded-md text-sm font-medium transition-colors">
+            <span class="material-icons-outlined mr-2" :class="{ 'animate-spin': loading }">refresh</span>
+            <span x-show="!loading">Refresh Status</span>
+            <span x-show="loading">Refreshing...</span>
+        </button>
+    </div>
+
+    <!-- Payment Overview Card -->
+    <div class="bg-white dark:bg-gray-800 shadow rounded-lg">
+        <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
+            <div class="flex items-center justify-between">
+                <div>
+                    <h3 class="text-lg font-medium text-gray-900 dark:text-white">Payment Overview</h3>
+                    <p class="text-sm text-gray-600 dark:text-gray-400 mt-1">Complete payment information</p>
+                </div>
+                <div class="flex items-center space-x-3">
+                    {% include 'payments/components/status_badge.html' with payment=payment %}
+                    {% if payment.pay_address %}
+                    <button @click="showQRCode = !showQRCode" 
+                            class="inline-flex items-center px-3 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-md text-sm font-medium transition-colors">
+                        <span class="material-icons-outlined mr-2">qr_code</span>
+                        <span x-text="showQRCode ? 'Hide QR' : 'Show QR'"></span>
+                    </button>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+        
+        <div class="p-6">
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
+                <!-- Payment Information -->
+                <div>
+                    <h4 class="text-md font-semibold text-gray-900 dark:text-white mb-4">Payment Information</h4>
+                    <dl class="space-y-3">
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">Internal ID:</dt>
+                            <dd class="text-sm font-mono text-gray-900 dark:text-white">{{ payment.internal_payment_id|default:payment.id }}</dd>
+                        </div>
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">Provider ID:</dt>
+                            <dd class="text-sm font-mono text-gray-900 dark:text-white">{{ payment.provider_payment_id|default:"N/A" }}</dd>
+                        </div>
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">Amount:</dt>
+                            <dd class="text-sm font-semibold text-gray-900 dark:text-white">${{ payment.amount_usd|floatformat:2 }}</dd>
+                        </div>
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">Currency:</dt>
+                            <dd class="text-sm text-gray-900 dark:text-white">{{ payment.currency.code }} - {{ payment.currency.name }}</dd>
+                        </div>
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">Provider:</dt>
+                        <dd class="text-sm text-gray-900 dark:text-white">{{ payment.provider }}</dd>
+                        </div>
+                        {% if payment.description %}
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">Description:</dt>
+                            <dd class="text-sm text-gray-900 dark:text-white">{{ payment.description }}</dd>
+                        </div>
+                        {% endif %}
+                        {% if payment.payment_url %}
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">Payment URL:</dt>
+                            <dd class="text-sm">
+                                <a href="{{ payment.payment_url }}" target="_blank" 
+                                   class="text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300">
+                                    Open Payment Page
+                                    <span class="material-icons-outlined text-sm ml-1">open_in_new</span>
+                                </a>
+                            </dd>
+                        </div>
+                        {% endif %}
+                    </dl>
+                </div>
+
+                <!-- User Information -->
+                <div>
+                    <h4 class="text-md font-semibold text-gray-900 dark:text-white mb-4">User Information</h4>
+                    <dl class="space-y-3">
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">Name:</dt>
+                            <dd class="text-sm text-gray-900 dark:text-white">{{ payment.user.get_full_name|default:"N/A" }}</dd>
+                        </div>
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">Email:</dt>
+                            <dd class="text-sm text-gray-900 dark:text-white">{{ payment.user.email }}</dd>
+                        </div>
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">Username:</dt>
+                            <dd class="text-sm text-gray-900 dark:text-white">{{ payment.user.username }}</dd>
+                        </div>
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">User ID:</dt>
+                            <dd class="text-sm font-mono text-gray-900 dark:text-white">{{ payment.user.id }}</dd>
+                        </div>
+                    </dl>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <!-- QR Code Section (Collapsible) -->
+    {% if payment.pay_address %}
+    <div x-show="showQRCode" 
+         x-transition:enter="transition ease-out duration-300"
+         x-transition:enter-start="opacity-0 transform scale-95"
+         x-transition:enter-end="opacity-100 transform scale-100"
+         x-transition:leave="transition ease-in duration-200"
+         x-transition:leave-start="opacity-100 transform scale-100"
+         x-transition:leave-end="opacity-0 transform scale-95"
+         class="bg-white dark:bg-gray-800 shadow rounded-lg">
+        <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
+            <h3 class="text-lg font-medium text-gray-900 dark:text-white">Payment QR Code</h3>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mt-1">Scan to make payment</p>
+        </div>
+        
+        <div class="p-6">
+            {% include 'payments/components/payment_qr_code.html' %}
+        </div>
+    </div>
+    {% else %}
+    <div class="bg-yellow-100 border border-yellow-400 text-yellow-700 px-4 py-3 rounded mb-4">
+        <strong>QR Code not shown:</strong> payment.pay_address is empty or null
+    </div>
+    {% endif %}
+
+    <!-- Crypto Details (if applicable) -->
+    {% if payment.pay_address %}
+    <div class="bg-white dark:bg-gray-800 shadow rounded-lg">
+        <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
+            <h3 class="text-lg font-medium text-gray-900 dark:text-white">Cryptocurrency Details</h3>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mt-1">Blockchain transaction information</p>
+        </div>
+        
+        <div class="p-6">
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
+                <!-- Payment Addresses -->
+                <div>
+                    <h4 class="text-md font-semibold text-gray-900 dark:text-white mb-4">Payment Addresses</h4>
+                    <dl class="space-y-3">
+                        <div>
+                            <dt class="text-sm text-gray-600 dark:text-gray-400 mb-1">Pay Address:</dt>
+                            <dd class="text-sm font-mono bg-gray-50 dark:bg-gray-700 p-2 rounded border border-gray-200 dark:border-gray-600 break-all" data-field="pay_address">
+                                {{ payment.pay_address }}
+                            </dd>
+                        </div>
+                        {% if payment.sender_address %}
+                        <div>
+                            <dt class="text-sm text-gray-600 dark:text-gray-400 mb-1">Sender Address:</dt>
+                            <dd class="text-sm font-mono bg-gray-50 dark:bg-gray-700 p-2 rounded border border-gray-200 dark:border-gray-600 break-all">
+                                {{ payment.sender_address }}
+                            </dd>
+                        </div>
+                        {% endif %}
+                        {% if payment.receiver_address %}
+                        <div>
+                            <dt class="text-sm text-gray-600 dark:text-gray-400 mb-1">Receiver Address:</dt>
+                            <dd class="text-sm font-mono bg-gray-50 dark:bg-gray-700 p-2 rounded border border-gray-200 dark:border-gray-600 break-all">
+                                {{ payment.receiver_address }}
+                            </dd>
+                        </div>
+                        {% endif %}
+                    </dl>
+                </div>
+
+                <!-- Transaction Details -->
+                <div>
+                    <h4 class="text-md font-semibold text-gray-900 dark:text-white mb-4">Transaction Details</h4>
+                    <dl class="space-y-3">
+                        {% if payment.pay_amount %}
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">Pay Amount:</dt>
+                            <dd class="text-sm font-semibold text-gray-900 dark:text-white" data-field="pay_amount">
+                                {{ payment.pay_amount|floatformat:8 }} {{ payment.currency.code }}
+                            </dd>
+                        </div>
+                        {% endif %}
+                        {% if payment.network %}
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">Network:</dt>
+                            <dd class="text-sm text-gray-900 dark:text-white">{{ payment.network.name }}</dd>
+                        </div>
+                        {% endif %}
+                        {% if payment.expires_at %}
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">Expires At:</dt>
+                            <dd class="text-sm text-gray-900 dark:text-white">{{ payment.expires_at|date:"M d, Y H:i" }}</dd>
+                        </div>
+                        {% endif %}
+                        {% if payment.completed_at %}
+                        <div class="flex justify-between">
+                            <dt class="text-sm text-gray-600 dark:text-gray-400">Completed At:</dt>
+                            <dd class="text-sm text-gray-900 dark:text-white">{{ payment.completed_at|date:"M d, Y H:i" }}</dd>
+                        </div>
+                        {% endif %}
+                        {% if payment.transaction_hash %}
+                        <div>
+                            <dt class="text-sm text-gray-600 dark:text-gray-400 mb-1">Transaction Hash:</dt>
+                            <dd class="text-sm font-mono bg-gray-50 dark:bg-gray-700 p-2 rounded border border-gray-200 dark:border-gray-600 break-all" data-field="transaction_hash">
+                                {{ payment.transaction_hash }}
+                                {% if payment.get_payment_explorer_link %}
+                                <a href="{{ payment.get_payment_explorer_link }}" target="_blank" 
+                                   class="ml-2 text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300">
+                                    <span class="material-icons-outlined text-sm">open_in_new</span>
+                                </a>
+                                {% endif %}
+                            </dd>
+                        </div>
+                        {% endif %}
+                    </dl>
+                </div>
+            </div>
+        </div>
+    </div>
+    {% endif %}
+
+    <!-- Timeline -->
+    <div class="bg-white dark:bg-gray-800 shadow rounded-lg">
+        <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
+            <h3 class="text-lg font-medium text-gray-900 dark:text-white">Timeline</h3>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mt-1">Payment lifecycle timestamps</p>
+        </div>
+        
+        <div class="p-6">
+            <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
+                <div class="text-center">
+                    <div class="text-sm text-gray-600 dark:text-gray-400 mb-1">Created</div>
+                    <div class="text-sm font-medium text-gray-900 dark:text-white">{{ payment.created_at|date:"M d, Y" }}</div>
+                    <div class="text-xs text-gray-500 dark:text-gray-400">{{ payment.created_at|time:"H:i:s" }}</div>
+                </div>
+                <div class="text-center">
+                    <div class="text-sm text-gray-600 dark:text-gray-400 mb-1">Status Changed</div>
+                    {% if payment.status_changed_at %}
+                    <div class="text-sm font-medium text-gray-900 dark:text-white" data-field="status_changed_at">{{ payment.status_changed_at|date:"M d, Y" }}</div>
+                    <div class="text-xs text-gray-500 dark:text-gray-400">{{ payment.status_changed_at|time:"H:i:s" }}</div>
+                    {% else %}
+                    <div class="text-sm text-gray-500 dark:text-gray-400" data-field="status_changed_at">Not changed</div>
+                    {% endif %}
+                </div>
+                <div class="text-center">
+                    <div class="text-sm text-gray-600 dark:text-gray-400 mb-1">Updated</div>
+                    <div class="text-sm font-medium text-gray-900 dark:text-white">{{ payment.updated_at|date:"M d, Y" }}</div>
+                    <div class="text-xs text-gray-500 dark:text-gray-400">{{ payment.updated_at|time:"H:i:s" }}</div>
+                </div>
+                <div class="text-center">
+                    <div class="text-sm text-gray-600 dark:text-gray-400 mb-1">Processed</div>
+                    {% if payment.processed_at %}
+                    <div class="text-sm font-medium text-gray-900 dark:text-white">{{ payment.processed_at|date:"M d, Y" }}</div>
+                    <div class="text-xs text-gray-500 dark:text-gray-400">{{ payment.processed_at|time:"H:i:s" }}</div>
+                    {% else %}
+                    <div class="text-sm text-gray-500 dark:text-gray-400">Not processed</div>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Provider Data (if available) -->
+    {% if payment.provider_data %}
+    <div class="bg-white dark:bg-gray-800 shadow rounded-lg">
+        <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
+            <h3 class="text-lg font-medium text-gray-900 dark:text-white">Provider Information</h3>
+            <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">Data provided by {{ payment.provider|title }}</p>
+        </div>
+        
+        <div class="p-6">
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                {% for key, value in payment.provider_data.items %}
+                <div>
+                    <dt class="text-sm font-medium text-gray-600 dark:text-gray-400 mb-1">{{ key|title }}:</dt>
+                    <dd class="text-sm text-gray-900 dark:text-white">
+                        {% if value|length > 50 %}
+                            <div class="font-mono bg-gray-50 dark:bg-gray-700 p-2 rounded border border-gray-200 dark:border-gray-600 break-all text-xs">
+                                {{ value }}
+                            </div>
+                        {% else %}
+                            {{ value }}
+                        {% endif %}
+                    </dd>
+                </div>
+                {% endfor %}
+            </div>
+            
+            <!-- Raw JSON (collapsible) -->
+            <div class="mt-6 pt-6 border-t border-gray-200 dark:border-gray-700">
+                <button onclick="document.getElementById('raw-provider-data').classList.toggle('hidden')" 
+                        class="text-sm text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300">
+                    <span class="material-icons-outlined text-sm mr-1">code</span>
+                    Toggle Raw JSON
+                </button>
+                <div id="raw-provider-data" class="hidden mt-3">
+                    <pre class="text-xs font-mono bg-gray-50 dark:bg-gray-700 p-4 rounded border border-gray-200 dark:border-gray-600 overflow-x-auto">{{ payment.provider_data|pprint }}</pre>
+                </div>
+            </div>
+        </div>
+    </div>
+    {% endif %}
+
+    <!-- Actions -->
+    <div class="bg-white dark:bg-gray-800 shadow rounded-lg">
+        <div class="p-6">
+            <div class="flex flex-wrap gap-3">
+                {% if payment.status == 'pending' or payment.status == 'confirming' %}
+                <button @click="cancelPayment()" 
+                        :disabled="loading"
+                        class="inline-flex items-center px-4 py-2 bg-red-600 hover:bg-red-700 disabled:bg-red-400 text-white rounded-md text-sm font-medium transition-colors">
+                    <span class="material-icons-outlined mr-2">cancel</span>
+                    Cancel Payment
+                </button>
+                {% endif %}
+                
+                <button @click="exportDetails()" 
+                        class="inline-flex items-center px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-md text-sm font-medium transition-colors">
+                    <span class="material-icons-outlined mr-2">file_download</span>
+                    Export Details
+                </button>
+                
+                {% if payment.callback_url %}
+                <a href="{{ payment.callback_url }}" 
+                   target="_blank"
+                   class="inline-flex items-center px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white rounded-md text-sm font-medium transition-colors">
+                    <span class="material-icons-outlined mr-2">open_in_new</span>
+                    Callback URL
+                </a>
+                {% endif %}
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}
+
+{% block extra_js %}
+<!-- Payment API Client -->
+<script src="{% static 'payments/js/api-client.js' %}"></script>
+<!-- Payment Detail Page JavaScript -->
+<script src="{% static 'payments/js/payment-detail.js' %}"></script>
+<!-- QR Code Library -->
+<script src="https://cdn.jsdelivr.net/npm/qrcode@1.5.3/build/qrcode.min.js"></script>
+{% endblock %}

django_cfg/apps/payments/admin_interface/templates/payments/payment_form.html

@@ -18,6 +18,36 @@
             <form @submit.prevent="submitForm()" class="p-6 space-y-6">
                 {% csrf_token %}
                 
+                <!-- Error Display -->
+                <div x-show="errorMessage" 
+                     x-transition:enter="transition ease-out duration-300"
+                     x-transition:enter-start="opacity-0 transform -translate-y-2"
+                     x-transition:enter-end="opacity-100 transform translate-y-0"
+                     x-transition:leave="transition ease-in duration-200"
+                     x-transition:leave-start="opacity-100 transform translate-y-0"
+                     x-transition:leave-end="opacity-0 transform -translate-y-2"
+                     class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-md p-4">
+                    <div class="flex">
+                        <div class="flex-shrink-0">
+                            <span class="material-icons-outlined text-red-400">error</span>
+                        </div>
+                        <div class="ml-3">
+                            <h3 class="text-sm font-medium text-red-800 dark:text-red-200">
+                                Payment Creation Failed
+                            </h3>
+                            <div class="mt-2 text-sm text-red-700 dark:text-red-300">
+                                <p x-text="errorMessage"></p>
+                            </div>
+                            <div class="mt-3">
+                                <button @click="clearError()" 
+                                        class="text-sm font-medium text-red-800 dark:text-red-200 hover:text-red-600 dark:hover:text-red-100">
+                                    Dismiss
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                
                 <!-- Amount -->
                 <div>
                     <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
@@ -96,12 +126,8 @@
                             class="block w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white disabled:opacity-50"
                             required>
                         <option value="">Select currency...</option>
-                        <template x-for="currency in currencies" :key="currency.code">
-                            <option :value="currency.code">
-                                <span x-text="currency.code"></span> - 
-                                <span x-text="currency.name"></span>
-                                <span x-show="currency.type === 'crypto'" class="text-blue-600"> (Crypto)</span>
-                                <span x-show="currency.network_name" class="text-gray-500" x-text="`[${currency.network_name}]`"></span>
+                        <template x-for="currency in currencies" :key="`${currency.provider_currency_code || currency.code}-${currency.network?.code || Math.random()}`">
+                            <option :value="currency.provider_currency_code || currency.code" x-text="`${currency.currency?.code || currency.code} - ${currency.currency?.name || currency.name}${currency.currency?.currency_type === 'crypto' ? ' (Crypto)' : ''}${currency.network?.name ? ' [' + currency.network.name + ']' : ''}`">
                             </option>
                         </template>
                     </select>
@@ -122,22 +148,22 @@
                                 <span class="text-gray-500">Network:</span> 
                                 <span x-text="getCurrencyInfo(form.currency_code)?.network_name"></span>
                             </div>
-                            <div x-show="getCurrencyInfo(form.currency_code)?.min_amount || getCurrencyInfo(form.currency_code)?.max_amount" class="mt-1">
+                            <div x-show="getCurrencyInfo(form.currency_code)?.provider_min_amount_usd || getCurrencyInfo(form.currency_code)?.provider_max_amount_usd" class="mt-1">
                                 <span class="text-gray-500">Limits:</span>
-                                <span x-show="getCurrencyInfo(form.currency_code)?.min_amount">
-                                    Min: $<span x-text="getCurrencyInfo(form.currency_code)?.min_amount"></span>
+                                <span x-show="getCurrencyInfo(form.currency_code)?.provider_min_amount_usd">
+                                    Min: $<span x-text="getCurrencyInfo(form.currency_code)?.provider_min_amount_usd"></span>
                                 </span>
-                                <span x-show="getCurrencyInfo(form.currency_code)?.max_amount">
-                                    Max: $<span x-text="getCurrencyInfo(form.currency_code)?.max_amount"></span>
+                                <span x-show="getCurrencyInfo(form.currency_code)?.provider_max_amount_usd">
+                                    Max: $<span x-text="getCurrencyInfo(form.currency_code)?.provider_max_amount_usd"></span>
                                 </span>
                             </div>
-                            <div x-show="getCurrencyInfo(form.currency_code)?.fee_percentage > 0 || getCurrencyInfo(form.currency_code)?.fixed_fee > 0" class="mt-1">
+                            <div x-show="getCurrencyInfo(form.currency_code)?.provider_fee_percentage > 0 || getCurrencyInfo(form.currency_code)?.provider_fixed_fee_usd > 0" class="mt-1">
                                 <span class="text-gray-500">Fees:</span>
-                                <span x-show="getCurrencyInfo(form.currency_code)?.fee_percentage > 0">
-                                    <span x-text="(getCurrencyInfo(form.currency_code)?.fee_percentage * 100).toFixed(2)"></span>%
+                                <span x-show="getCurrencyInfo(form.currency_code)?.provider_fee_percentage > 0">
+                                    <span x-text="(getCurrencyInfo(form.currency_code)?.provider_fee_percentage * 100).toFixed(2)"></span>%
                                 </span>
-                                <span x-show="getCurrencyInfo(form.currency_code)?.fixed_fee > 0">
-                                    + $<span x-text="getCurrencyInfo(form.currency_code)?.fixed_fee"></span>
+                                <span x-show="getCurrencyInfo(form.currency_code)?.provider_fixed_fee_usd > 0">
+                                    + $<span x-text="getCurrencyInfo(form.currency_code)?.provider_fixed_fee_usd"></span>
                                 </span>
                             </div>
                         </div>
@@ -187,7 +213,7 @@
                         Cancel
                     </a>
                     <button type="submit" 
-                            :disabled="loading || !form.amount || !form.currency || !form.provider"
+                            :disabled="loading || !form.amount_usd || !form.currency_code || !form.provider || !form.user"
                             class="px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:ring-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed">
                         <span x-show="!loading">Create Payment</span>
                         <span x-show="loading">Creating...</span>

django_cfg/apps/payments/admin_interface/views/__init__.py

@@ -13,6 +13,7 @@ from .api import (
     AdminPaymentViewSet,
     AdminWebhookViewSet,
     AdminWebhookEventViewSet,
+    WebhookTestViewSet,
     AdminStatsViewSet,
     AdminUserViewSet,
 )
@@ -29,6 +30,7 @@ __all__ = [
     'AdminPaymentViewSet',
     'AdminWebhookViewSet',
     'AdminWebhookEventViewSet',
+    'WebhookTestViewSet',
     'AdminStatsViewSet',
     'AdminUserViewSet',
 ]

django_cfg/apps/payments/admin_interface/views/api/payments.py

@@ -7,6 +7,7 @@ DRF ViewSets for payment management in admin interface.
 from rest_framework import viewsets, status
 from rest_framework.decorators import action
 from rest_framework.response import Response
+from rest_framework import serializers
 from django_filters.rest_framework import DjangoFilterBackend
 from rest_framework.filters import SearchFilter, OrderingFilter
 from django.db.models import Count, Sum, Avg, Q
@@ -72,6 +73,53 @@ class AdminPaymentViewSet(AdminBaseViewSet):
         
         return queryset
     
+    def create(self, request, *args, **kwargs):
+        """Create payment with enhanced error handling."""
+        serializer = self.get_serializer(data=request.data)
+        
+        if serializer.is_valid():
+            try:
+                payment = serializer.save()
+                response_serializer = AdminPaymentDetailSerializer(payment, context={'request': request})
+                return Response(response_serializer.data, status=status.HTTP_201_CREATED)
+            except serializers.ValidationError as e:
+                # Extract the error message from ValidationError
+                error_message = str(e)
+                if hasattr(e, 'detail') and isinstance(e.detail, list) and len(e.detail) > 0:
+                    error_message = str(e.detail[0])
+                elif hasattr(e, 'detail') and isinstance(e.detail, dict):
+                    # Handle field-specific errors
+                    error_message = '; '.join([f"{field}: {', '.join(errors) if isinstance(errors, list) else errors}" 
+                                             for field, errors in e.detail.items()])
+                
+                return Response(
+                    {
+                        'success': False,
+                        'error': error_message,
+                        'message': error_message  # Add message field for frontend compatibility
+                    },
+                    status=status.HTTP_400_BAD_REQUEST
+                )
+        else:
+            # Handle validation errors
+            error_messages = []
+            for field, errors in serializer.errors.items():
+                if isinstance(errors, list):
+                    error_messages.extend([str(error) for error in errors])
+                else:
+                    error_messages.append(str(errors))
+            
+            error_message = '; '.join(error_messages)
+            return Response(
+                {
+                    'success': False,
+                    'error': error_message,
+                    'message': error_message,  # Add message field for frontend compatibility
+                    'errors': serializer.errors
+                },
+                status=status.HTTP_400_BAD_REQUEST
+            )
+    
     @action(detail=False, methods=['get'])
     def stats(self, request):
         """Get comprehensive payment statistics."""
@@ -189,3 +237,57 @@ class AdminPaymentViewSet(AdminBaseViewSet):
         
         serializer = self.get_serializer(payment)
         return Response(serializer.data)
+    
+    @action(detail=True, methods=['post'])
+    def refresh_status(self, request, pk=None):
+        """Refresh payment status from provider via AJAX."""
+        payment = self.get_object()
+        
+        try:
+            # Import here to avoid circular imports
+            from django_cfg.apps.payments.services.core.payment_service import PaymentService
+            
+            # Create PaymentStatusRequest
+            from django_cfg.apps.payments.services.types import PaymentStatusRequest
+            
+            status_request = PaymentStatusRequest(
+                payment_id=str(payment.id),
+                force_provider_check=True
+            )
+            
+            # Create service instance and force refresh from provider
+            payment_service = PaymentService()
+            result = payment_service.get_payment_status(status_request)
+            
+            if result.success:
+                # Reload payment from database to get updated data
+                payment.refresh_from_db()
+                
+                # Serialize updated payment data
+                serializer = self.get_serializer(payment)
+                
+                return Response({
+                    'success': True,
+                    'message': 'Payment status refreshed successfully',
+                    'payment': serializer.data,
+                    'provider_response': result.data.get('provider_response') if result.data else None
+                })
+            else:
+                return Response({
+                    'success': False,
+                    'message': result.message or 'Failed to refresh payment status',
+                    'error_details': result.data if result.data else None
+                }, status=status.HTTP_400_BAD_REQUEST)
+                
+        except Exception as e:
+            logger.error(f"Error refreshing payment {payment.id} status", extra={
+                'payment_id': payment.id,
+                'error': str(e),
+                'admin_user': request.user.id
+            })
+            
+            return Response({
+                'success': False,
+                'message': f'Error refreshing payment status: {str(e)}',
+                'error_type': type(e).__name__
+            }, status=status.HTTP_500_INTERNAL_SERVER_ERROR)