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>
37 lines
1.2 KiB
HTML
37 lines
1.2 KiB
HTML
{% extends "pg/pg_base.html" %}
|
|
{% load static %}
|
|
|
|
{% block title %}پرداخت موفق{% endblock %}
|
|
|
|
{% block pg_content %}
|
|
<div class="pg-body">
|
|
<div class="pg-status-icon">
|
|
<img src="{% static 'image/pg/tik.png' %}" alt="پرداخت موفق">
|
|
</div>
|
|
|
|
<p class="pg-title is-success">{{ message|default:"پرداخت موفق" }}</p>
|
|
|
|
<hr class="pg-divider">
|
|
|
|
<div class="pg-row">
|
|
<span class="label">مبلغ شارژ</span>
|
|
<span class="value is-success">{{ 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 %}
|