Ali Asadi
ecaa4bfa43
Introduce templates/pg/pg_base.html holding the common layout, Vazirmatn typography, colour tokens and reusable components (buttons, rows, dividers, gateway cards, alerts). All four payer-facing screens now extend it for a consistent, mobile-first UI matching the approved UI/UX design: - payment_request: card layout with amount row + gateway picker cards - payment_confirm: restyled "in review" state - payment_success: extends base, adds tracking-code row - payment_failure: extends base, keeps refund notice Mobile: full-bleed white screen, centred content, primary action pinned to the bottom with safe-area padding. >=480px: floated centred card on a grey canvas. No view/logic changes. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
33 lines
1.1 KiB
HTML
33 lines
1.1 KiB
HTML
{% extends "pg/pg_base.html" %}
|
|
{% load static %}
|
|
|
|
{% block title %}بازگشت به برنامه{% endblock %}
|
|
|
|
{% block pg_content %}
|
|
<div class="pg-body">
|
|
<p class="pg-title">پرداخت شما در حال بررسی است</p>
|
|
<p class="pg-subtitle">وضعیت تراکنش: {{ object.get_state_display }}</p>
|
|
|
|
<hr class="pg-divider">
|
|
|
|
<div class="pg-row">
|
|
<span class="label">مبلغ</span>
|
|
<span class="value">{{ object.splited_amount|default:object.amount }} ریال</span>
|
|
</div>
|
|
{% if object.reference_number %}
|
|
<div class="pg-row">
|
|
<span class="label">کد پیگیری</span>
|
|
<span class="value">{{ object.reference_number }}</span>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block pg_actions %}
|
|
<form action="{{ request.get_full_path }}" method="post">
|
|
{% csrf_token %}
|
|
<button type="submit" class="pg-btn pg-btn--primary" name="redirect-to-app" value="true">
|
|
بازگشت به وینسو
|
|
</button>
|
|
</form>
|
|
{% endblock %}
|