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">
|
|
<div class="pg-status-icon">
|
|
<img src="{% static 'image/pg/fail.png' %}" alt="پرداخت ناموفق">
|
|
</div>
|
|
|
|
<p class="pg-title is-danger">{{ message|default:"پرداخت ناموفق" }}</p>
|
|
|
|
<hr class="pg-divider">
|
|
|
|
<div class="pg-note">
|
|
کد پیگیری تراکنش شما:
|
|
<span class="code">{{ object.reference_number }}</span>
|
|
</div>
|
|
<div class="pg-note">
|
|
در صورت کسر از موجودی، مبلغ پرداختی طی یک تا ۷۲ ساعت آینده به حساب شما بازگردانده خواهد شد.
|
|
</div>
|
|
</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 %}
|