forked from hesabix/arc
73 lines
3 KiB
HTML
Executable file
73 lines
3 KiB
HTML
Executable file
{% extends "payment/base.html" %}
|
|
|
|
{% block title %}پرداخت ناموفق{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="icon failed">✕</div>
|
|
<h1>پرداخت ناموفق</h1>
|
|
<p class="message">متأسفانه تراکنش شما با موفقیت انجام نشد. {% if error_message %}{{ error_message }}{% endif %}</p>
|
|
|
|
<div class="details">
|
|
<div class="detail-row">
|
|
<span class="detail-label">شماره تراکنش:</span>
|
|
<span class="detail-value">{{ transaction_id }}</span>
|
|
</div>
|
|
{% if external_ref %}
|
|
<div class="detail-row">
|
|
<span class="detail-label">شماره پیگیری:</span>
|
|
<span class="detail-value">{{ external_ref }}</span>
|
|
</div>
|
|
{% endif %}
|
|
<div class="detail-row">
|
|
<span class="detail-label">تاریخ و زمان:</span>
|
|
<span class="detail-value">{{ timestamp }}</span>
|
|
</div>
|
|
{% if error_code %}
|
|
<div class="detail-row">
|
|
<span class="detail-label">کد خطا:</span>
|
|
<span class="detail-value">{{ error_code }}</span>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div style="background: #fef2f2; border-radius: 12px; padding: 15px; margin-bottom: 20px; text-align: right;">
|
|
<p style="color: #991b1b; font-size: 14px; line-height: 1.6;">
|
|
💡 <strong>راهنمایی:</strong><br>
|
|
لطفاً موجودی کارت و صحت اطلاعات وارد شده را بررسی کنید. در صورت کسر مبلغ، ظرف 72 ساعت به حساب شما بازگردانده میشود.
|
|
</p>
|
|
</div>
|
|
|
|
{% if source == 'app' %}
|
|
<a href="hesabix://payment/callback?tx_id={{ transaction_id }}&status=failed{% if external_ref %}&ref={{ external_ref }}{% endif %}" class="btn btn-primary" style="font-size: 18px; padding: 18px 40px;">
|
|
بازگشت به اپلیکیشن
|
|
</a>
|
|
<div style="margin-top: 16px;">
|
|
<a href="{{ retry_url }}" class="btn btn-secondary">تلاش مجدد</a>
|
|
</div>
|
|
{% else %}
|
|
<a href="{{ retry_url }}" class="btn btn-primary">تلاش مجدد</a>
|
|
<a href="{{ dashboard_url }}" class="btn btn-secondary">بازگشت به داشبورد</a>
|
|
{% endif %}
|
|
|
|
<div style="margin-top: 20px; color: #6b7280; font-size: 13px;">
|
|
<p>نیاز به کمک دارید؟ <a href="{{ support_url }}" style="color: #667eea; text-decoration: none;">تماس با پشتیبانی</a></p>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
<script>
|
|
// راهنمایی برای کاربر
|
|
{% if source == 'app' %}
|
|
setTimeout(function() {
|
|
if (!document.hidden) {
|
|
const container = document.querySelector('.container');
|
|
const hint = document.createElement('div');
|
|
hint.style.cssText = 'margin-top: 20px; padding: 12px; background: #fef3c7; border-radius: 10px; color: #92400e; font-size: 14px;';
|
|
hint.innerHTML = '💡 روی دکمه "بازگشت به اپلیکیشن" کلیک کنید یا "تلاش مجدد" برای پرداخت دوباره';
|
|
container.appendChild(hint);
|
|
}
|
|
}, 3000);
|
|
{% endif %}
|
|
</script>
|
|
{% endblock %}
|
|
|