From 09799c028cfeb3d1bebbe7ab16cc3e7b41a3210c Mon Sep 17 00:00:00 2001
From: Haydar Ghasemi <haydar.ghasemi@gmail.com>
Date: Sun, 14 Dec 2025 14:05:48 +0330
Subject: [PATCH] feat(ipg): fix failed request and change html files

fix failed request and change html files
---
 apps/pg/models.py                             |  18 +-
 apps/pg/views.py                              |  11 +
 static/image/pg/fail.png                      | Bin 0 -> 2690 bytes
 static/image/pg/tik.png                       | Bin 0 -> 2703 bytes
 templates/pg/payment-confirm.html             |  33 ++
 ...ment_confirm.html => payment_failure.html} | 345 +++++++++---------
 templates/pg/payment_success.html             |  30 +-
 7 files changed, 231 insertions(+), 206 deletions(-)
 create mode 100644 static/image/pg/fail.png
 create mode 100644 static/image/pg/tik.png
 create mode 100644 templates/pg/payment-confirm.html
 rename templates/pg/{payment_confirm.html => payment_failure.html} (88%)

diff --git a/apps/pg/models.py b/apps/pg/models.py
index 792b4ae..4c196b7 100644
--- a/apps/pg/models.py
+++ b/apps/pg/models.py
@@ -159,14 +159,18 @@ class PaymentRequest(models.Model):
             logger.error(f"[Deposit Verify] Failed to get response from wallet service | payment_id={self.pk}")
             raise Exception('Failed to get response from wallet service')
 
-        if not verify_response.uuid or verify_response.state != 5:
+        if not verify_response.uuid:
+            logger.error(f"[Deposit Verify] Failed to get response uuid from wallet service | payment_id={self.pk}")
+            raise Exception('Failed to get response uuid from wallet service')
+
+        if verify_response.state != 5:
             logger.error(f"[Deposit Verify] Wallet verification failed | payment_id={self.pk}, response={verify_response}")
-            to_pay_failed = PaymentRequest.objects.filter(
-                pk=self.pk,
-                state=StateChoices.WALLET_SUBMIT_SUCCESS.value
-            ).update(
-                state=StateChoices.FAILED.value,
-            )
+            # to_pay_failed = PaymentRequest.objects.filter(
+            #     pk=self.pk,
+            #     state=StateChoices.WALLET_SUBMIT_SUCCESS.value
+            # ).update(
+            #     state=StateChoices.FAILED.value,
+            # )
             raise Exception('Failed to verify payment in wallet')
 
         to_pay_success = PaymentRequest.objects.filter(
diff --git a/apps/pg/views.py b/apps/pg/views.py
index 1451db6..c2c2a26 100644
--- a/apps/pg/views.py
+++ b/apps/pg/views.py
@@ -9,6 +9,7 @@ from rest_framework import generics
 from rest_framework.response import Response
 from rest_framework.views import APIView
 from drf_spectacular.utils import extend_schema
+from django.shortcuts import render
 
 from utils.commons import calculate_pna_commission
 from .constans import StateChoices
@@ -79,6 +80,11 @@ class PaymentRequestView(UpdateView):
         charge_request.save_commission()
         tool = charge_request.get_gateway_tools()
         tool.make_request()
+        charge_request.refresh_from_db()
+        if charge_request.state == StateChoices.FAILED:
+            return render(request, 'pg/payment_failure.html', {
+                'object': charge_request
+            })
         redirect_url = tool.get_pg_page_url()
         return HttpResponseRedirect(redirect_url)
 
@@ -88,6 +94,11 @@ class PaymentRequestView(UpdateView):
         charge_request.set_gateway({'pna': True})
         tool = charge_request.get_gateway_tools()
         tool.make_request()
+        charge_request.refresh_from_db()
+        if charge_request.state == StateChoices.FAILED:
+            return render(request, 'pg/payment_failure.html', {
+                'object': charge_request
+            })
         redirect_url = tool.get_pg_page_url()
         return HttpResponseRedirect(redirect_url)
 
diff --git a/static/image/pg/fail.png b/static/image/pg/fail.png
new file mode 100644
index 0000000000000000000000000000000000000000..ec72d92d49c53e72f8d9b5d05fcfd388546f06b4
GIT binary patch
literal 2690
zcmV-|3Vrp7P)<h;3K|Lk000e1NJLTq00341003491^@s6RaRm500009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH3KvO4K~#7F<y}p3
z+eQ|C-Jmj?IN{6%OjeTFno<rBYBx0%%ko^n)(Iq?z|sjMoxt)5EGwz0*@?P<L~kca
zk=o31%(zlB6`SbJdks*cDZEBE&;ViitCGnw8h;-j-hVd)Gz6pGW+#TYFQn*55cff=
z4uI%@fHrP!FASf6#y`+w+&)ntUTdX>3e@<o!+#E;0T8ex5Rpp8n-btVyo^5FCa)-n
z@IeglDpKzU-QmB+umsdf?5NjogZyF}wC;m2WL6IiLnZVJsotN|Npda3{?z-v-xA_k
zZDg|0CsU=5z8U^FfQnHmvCSd$7RE8?{jV>6IEIQ)39$_(bP;1v)5qNk3|>%T6CHZ*
z01x{VLcmyl`V-@Y4P@wM9zy_#V^F{Eht$Eri2eE7?>8eYpF<Jrp14kEWW;N!G)hl2
z!2g|ehbNP~UD3Pf0Zh@ukbSAe0}yB!iy^3bC{1i?>7U`(9j_gcOeFxVwK@T44P8id
zyPi$_VW)j9<R;$SqXJTW2<k0L@1WH6lp=Q2`&$R(XJ<f<r7N@^;NKCFIS56j4Wr(}
zry%4LPf14I`)<9AYA8(XsQ33C$QF_6CJ_mtC<)cOI$0Q@K?M;#^B}mCVJk%J)wdf@
zl*UKKg;aFVF+AN}7NLts2u52VoSw3YRIqb@c=`f7;Z1Bx>T&KsGDrd?^x}s@Xdp&w
z8+-V%4GzMA<UaK!*Na#WQc+4JK1L^FXfP;W0YaU*NUtxs&cwRvRLn3PeRc7ppNFty
zq|*B=XV?UF?z*eal`ex4>)(0_xsQ$B{n$t)bT3Z#@MAw`SerO7TsR<CVpBi$5^OG2
zqEC0b6~^9mz_?~oJkJ@1-oo3}JU=&IViV`TV;!UA`o~Txp*zHTP;wPa7|o)Sa$<#*
z*q_(%7tD>Q^cEVaMr7?nz}$<{yE(&l&~4ka4PaG)OH`#$FMXBhr#lB!3p=P54lF~^
zn7!?CDuI_+xnflTcbQZIs)a+m$0N%Sv^`(4#AiyZ$rwp>$?b&3YTUg%?ZPL3(dxz}
zveaV-D7BsyRc1@9R4;)8c>rjv;8OtxI$$$ql+e$>En-uH)d2>W>N{$BL=_U|UX|v3
zT&$9q{KEon5gUQvT?teHcUiA;Abo4XbPgF(`vI{j^Brz~%u;PZ2~e={Zw!r1&`}d8
zAMjI#M0o=<bnLbasr^u5rP$^VtOsRMf0)48M#p-zB3qaE`DV2C=(%fnSOi4oX!YS4
z+KW+3$}`Ldj7+|xAk4jMF<=KQNbNPT$xRC0>D4+fmS#calH2)P{gnLVGB?YCvT#J^
zLY24!Q7bQ8wL`}_y7uNtypdSBVk31>GEvPv`jp%WO0G4vsiD+)@}ySDFRr818)Aic
z!tH<;<efoZfGzfJhaxvOUu-i#j);X~xsY0acm19IF=~MSH76!HQ36yn)b<~zG`UVm
zc&*C{2t+Evsxl)es1E+K`j7kc)esxYl|FwcaRLD#wA>?i%`&7gxo)Ilv^XqZCQ60m
z6}SEW;yncv39%8?-#Mt5J&5N8jdP=z0_3`q8ZufGS{?J-5`&rQSX+<PZvzN~Bqe8V
zFbKImq=t<aTcoQq??DJKdRC@4kZrY%H&Cu4WD%jrT^^~4IzaD$GlXr@voelkhdY20
z`ZZL5vg9t4)ER8t{7<}JmuOU2slbx&04hRJa+^SEath75ZURI{O3)AZ-CJX*5WeI#
zg;WB%T?1|#O-?~xC7Tebqn71EZc|82!C$XdH1kJyymt%?XL4<*msChQCAmPML+%#i
z5m=r1;BX{28#R+U2ku(iJh7l_lh_#wk-I!n@!X3o{MTqZwHVb2FLIYjY7QDlEI~$!
zJeB+^gK2|*S6em02aO}vxm7elJ9Iub6o^>XvO&%8Bz1=6kt;R#v`lzn!%Z4?LP1hz
zSPr?GExaPJ7Ry#wHPtzys;Ls;0WNtpmKgJ1aeMtq{N+oi7+(3*fGNkau$@DL_*H7b
z2LhC(fePUp`-jfwmVqrRh@1{dV#nM70lKn_E1FPg3b~jS>~q_sQbTFY($L)03Q#sn
z)dX_w+_c7~jdQfN@dmOLv9-Cj2tua*(st9lnLJ*zU0h)1>q_;8J74$W^v`L4pa;w#
zyx`C4X{MOLBTQYE<i^po&uzmB?m2zVBCm7yC^F(3IXpl&Rz*J5gWQ*)dc`6w*s8YB
z`h-3cVv{BW26{7yKby=Gvz(@QLdB8X4#<@Q2m(uwTe8+dLTpm=XM2*`vAkzFP(Je8
zL(6BW+{hKBg(Pjv=5pA>**(nlZfRB>L>fw|gIJ0VyD?zu&xPEwK~JP5%LOe%HT!-;
ztdfV^4qQ99^TjB}SFRwRdQC1<0r_43_g5&0WJ*52-hrG`sdDauCO(a|K1f?YZ+c6U
zMRfL&)YU4I)P`LA!9HljOV*v)E#*4WLJ|z9pKJbJKA4VVei3Te<-kn6aYeFTi_x{?
zI+iU7c}`z$#H|CYK00H?os{$C=_-7JpjLa}3~<K0x7!s2Ydbjfep!3C1D_bK);8=D
zwKJv>h^%o|sWl<uyVYf_a#=UhImI+flWh~onx&at^Rh`Toj`nMclPfRl8M^9@2jVe
zGk44SPg26x)^=10sB;2EG0jD;3IK7;C3n~=E#@0Zm)fl8&Ry2GM5+SVV+W9*tOWaH
zv&0(LMA>H|N)QKEy^SDAnkK<y;cTQ5%;Idk4=x}FzpQN>%4B^i4#D%C%S5_b)1_^U
z%SuhT4I5H9&33uG3zAEcnl6FG1G$i@wFf!KB{m6l`Ph2~CE<9KDEp5RG}kxH7h61l
z>)b|e1edD{W^gQn5caS%u@4^+QV+*&h|>iyT${0-i8UACwk{Q+^fIA!z&QUA`s7Y?
zZ1tAU5?EeMaml(=ddp#`iB_7d8j@-L7*SO~D#1%)XGkTN9v_!%{CJ9P+cyna=F}|A
z9?1hILQAZGSBO}G(YZpsbX<qkOvam{@3$<1y;r(V4AtYJ6I==tOYm7H^cqNTEa1i0
zH7waj^{p80ZAJo1OFpj-2vFH5MJ&Oro*~s<P7slW3C%2zRs1S~--1moB{HY*d9P*4
z_L_>IUd2Ol{>e`*n}{z>><q~w<MgO`Nbfvo4Q~O%Sm|@uw;UxE*LIuUsuW3hVDzRC
z{M=yc`N^G9TbO`4fdB|bEP+&m7HUrj2o;4*lE7qf29M}4ucImmdclO)4OuP<O6&~Y
zhHY7>aHac7h@GLddZ-FDygHy#VrNJyoY8h_OqPcl-^EZ1u`?L=4B}0*Vv;DgRFgA|
zQ55IYkWyF4olq;W^GHdiTK%KsjdXzwk%^YX0F(6R0MW^^W-Ts_*hS2}<*0|1338o~
wXfrdteT($@*HH-=E6`Wcv@u14rcD3*1Ld8qrBMirrvLx|07*qoM6N<$f?+r5(EtDd

literal 0
HcmV?d00001

diff --git a/static/image/pg/tik.png b/static/image/pg/tik.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6beb97cd1500983316f3ae83447bbd9b611c162
GIT binary patch
literal 2703
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
JPDHLkV1flT2Pyyn

literal 0
HcmV?d00001

diff --git a/templates/pg/payment-confirm.html b/templates/pg/payment-confirm.html
new file mode 100644
index 0000000..3e87bfc
--- /dev/null
+++ b/templates/pg/payment-confirm.html
@@ -0,0 +1,33 @@
+{% extends "base.html" %}
+{% load static %}
+{% load crispy_forms_tags %}
+{% load jalali_tags %}
+
+{% block title %}بازگشت{% endblock %}
+{% block page_title %}بازگشت{% endblock %}
+
+
+{% block content %}
+    مبلغ {{ object.amount }} ریال با وضعیت {{ object.get_state_display }}<br>
+    <form action="{{ request.get_full_path }}" method="post" enctype="multipart/form-data">
+        {% csrf_token %}
+        <div class="row g-3">
+            <div class="col-md-12 col-lg-12" id="formset">
+                {#                <div class="card">#}
+                {#                    <div class="card-body">#}
+                {{ form|crispy }}
+                {#                    </div>#}
+                {#                </div>#}
+            </div>
+                        <h6 class="h6">بازگشت به برنامه</h6>
+            <div class="row">
+                <div class="col">
+                    <button type="submit" name="redirect-to-app" value="true" class="btn mx-auto d-block">
+                        <img class="img-thumbnail" width="128" height="128" src="{% static "image/icon.png" %}"/>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </form>
+
+{% endblock %}
\ No newline at end of file
diff --git a/templates/pg/payment_confirm.html b/templates/pg/payment_failure.html
similarity index 88%
rename from templates/pg/payment_confirm.html
rename to templates/pg/payment_failure.html
index 926cfab..1559144 100644
--- a/templates/pg/payment_confirm.html
+++ b/templates/pg/payment_failure.html
@@ -1,179 +1,168 @@
-{% load static %}
-{% load crispy_forms_tags %}
-{% load jalali_tags %}
-
-
-<!DOCTYPE html>
-<html lang="fa" dir="rtl">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Payment Unsuccessful</title>
-
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap" rel="stylesheet">
-
-    <style>
-
-        body {
-            margin: 0;
-            font-family: 'Vazirmatn', sans-serif;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            min-height: 100vh;
-        }
-
-
-        .mobile-frame {
-            width: 100vh;
-            height: 100vh;
-            background-color: #ffffff;
-            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
-            padding: 30px;
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: column;
-        }
-
-        .screen-content {
-            flex-grow: 1;
-            display: flex;
-            flex-direction: column;
-            justify-content: space-between;
-        }
-
-
-        .message-section {
-            flex-grow: 1;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            text-align: center;
-        }
-
-        .error-icon {
-            width: 40px;
-            height: 40px;
-            background-color: #e53935; /* Red for error */
-            border-radius: 50%;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            color: white;
-            font-size: 24px;
-            font-weight: bold;
-        }
-
-        .error-text {
-            color: #e53935;
-            font-size: 1.1rem;
-            font-weight: bold;
-            margin-top: 15px;
-            margin-bottom: 25px;
-        }
-
-        .divider {
-            width: 100%;
-            height: 1px;
-            background-color: #eeeeee;
-            border: none;
-            margin-bottom: 25px;
-        }
-
-        .details-text {
-            color: #757575;
-            font-size: 0.9rem;
-            line-height: 1.6;
-        }
-
-        .details-text .code {
-            color: #424242;
-            font-weight: 600;
-        }
-
-        .placeholder-link {
-            color: #bdbdbd;
-            font-size: 0.9rem;
-            text-decoration: underline;
-            margin-top: 40px;
-        }
-
-
-        .button-container {
-            display: flex;
-            flex-direction: column;
-            gap: 15px;
-            width: 100%;
-        }
-
-        .btn {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            gap: 8px;
-            width: 100%;
-            padding: 14px;
-            border-radius: 20px;
-            font-size: 1rem;
-            font-weight: bold;
-            font-family: 'Vazirmatn', sans-serif;
-            cursor: pointer;
-            transition: all 0.2s ease-in-out;
-            border: 1px solid transparent;
-        }
-
-        .btn-retry {
-            background-color: #ffffff;
-            border: 2px solid #6931c9;
-            color: #6931c9;
-        }
-
-        .btn-retry:hover {
-            background-color: #f9f7fd;
-        }
-
-        .btn-primary {
-            background-color: #6931c9;
-            color: #ffffff;
-        }
-
-        .btn-primary:hover {
-            background-color: #7745ce;
-        }
-    </style>
-</head>
-<body>
-
-<div class="mobile-frame">
-    <div class="screen-content">
-
-        <div class="message-section">
-            <div class="error-icon">!</div>
-            {% if message %}
-                <p class="error-text">{{ message }}</p>
-            {% else %}
-                <p class="error-text">پرداخت شما ناموفق بود</p>
-            {% endif %}
-            <hr class="divider">
-            <div class="details-text">
-                <p>کد پیگیری تراکنش شما: <span class="code">{{ object.reference_number }}</span></p>
-                <p>در صورت کسر از موجودی، مبلغ پرداختی طی یک تا 72 ساعت آینده به حساب شما بازگردانده خواهد شد.</p>
-            </div>
-            <a href="https://winsoo.ir" class="placeholder-link">وینسو</a>
-        </div>
-
-        <div class="button-container">
-            <form action="{{ request.get_full_path }}" method="post" enctype="multipart/form-data">
-                {% csrf_token %}
-                {{ form|crispy }}
-                <button class="btn btn-primary" name="redirect-to-app" value="true">بازگشت به صفحه اصلی</button>
-            </form>
-        </div>
-    </div>
-</div>
-
-</body>
+{% load static %}
+{% load crispy_forms_tags %}
+{% load jalali_tags %}
+
+
+<!DOCTYPE html>
+<html lang="fa" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Payment Unsuccessful</title>
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap" rel="stylesheet">
+
+    <style>
+
+        body {
+            margin: 0;
+            font-family: 'Vazirmatn', sans-serif;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+        }
+
+
+        .screen-content {
+            flex-grow: 1;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+        }
+
+
+        .message-section {
+            flex-grow: 1;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+        }
+
+        .error-icon {
+            width: 40px;
+            height: 40px;
+            background-color: #e53935; /* Red for error */
+            border-radius: 50%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: white;
+            font-size: 24px;
+            font-weight: bold;
+        }
+
+        .error-text {
+            color: #e53935;
+            font-size: 1.1rem;
+            font-weight: bold;
+            margin-top: 15px;
+            margin-bottom: 25px;
+        }
+
+        .divider {
+            width: 100%;
+            height: 1px;
+            background-color: #eeeeee;
+            border: none;
+            margin-bottom: 25px;
+        }
+
+        .details-text {
+            color: #757575;
+            font-size: 0.9rem;
+            line-height: 1.6;
+        }
+
+        .details-text .code {
+            color: #424242;
+            font-weight: 600;
+        }
+
+        .placeholder-link {
+            color: #bdbdbd;
+            font-size: 0.9rem;
+            text-decoration: underline;
+            margin-top: 40px;
+        }
+
+
+        .button-container {
+            display: flex;
+            flex-direction: column;
+            gap: 15px;
+            width: 100%;
+        }
+
+        .btn {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: 8px;
+            width: 100%;
+            padding: 14px;
+            border-radius: 8px;
+            font-size: 1rem;
+            font-weight: bold;
+            font-family: 'Vazirmatn', sans-serif;
+            cursor: pointer;
+            transition: all 0.2s ease-in-out;
+            border: 1px solid transparent;
+        }
+
+        .btn-retry {
+            background-color: #ffffff;
+            border: 2px solid #6931c9;
+            color: #6931c9;
+        }
+
+        .btn-retry:hover {
+            background-color: #f9f7fd;
+        }
+
+        .btn-primary {
+            background-color: #3B604B;
+            color: #ffffff;
+        }
+
+        .btn-primary:hover {
+            background-color: #3B604B;
+        }
+    </style>
+</head>
+<body>
+
+<div class="mobile-frame">
+    <div class="screen-content">
+
+        <div class="message-section">
+            <div ><img src="{% static "image/pg/fail.png" %}" alt="fail"></div>
+            {% if message %}
+                <p class="error-text">{{ message }}</p>
+            {% else %}
+                <p class="error-text">پرداخت ناموفق </p>
+            {% endif %}
+            <hr class="divider">
+            <div class="details-text">
+                <p>کد پیگیری تراکنش شما: <span class="code">{{ object.reference_number }}</span></p>
+                <p>در صورت کسر از موجودی، مبلغ پرداختی طی یک تا 72 ساعت آینده به حساب شما بازگردانده خواهد شد.</p>
+            </div>
+            <a href="https://winsoo.ir" class="placeholder-link">winsoo</a>
+        </div>
+
+        <div class="button-container">
+            <form action="{{ request.get_full_path }}" method="post" enctype="multipart/form-data">
+                {% csrf_token %}
+                {{ form|crispy }}
+                <button class="btn btn-primary" name="redirect-to-app" value="true">بازگشت به صفحه اصلی</button>
+            </form>
+        </div>
+    </div>
+</div>
+
+</body>
 </html>
\ No newline at end of file
diff --git a/templates/pg/payment_success.html b/templates/pg/payment_success.html
index fa011f1..fd9844e 100644
--- a/templates/pg/payment_success.html
+++ b/templates/pg/payment_success.html
@@ -24,18 +24,6 @@
             min-height: 100vh;
         }
 
-
-        .mobile-frame {
-            width: 100vh;
-            height: 100vh;
-            background-color: #ffffff;
-            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
-            padding: 30px;
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: column;
-        }
-
         .screen-content {
             flex-grow: 1;
             display: flex;
@@ -125,7 +113,7 @@
             width: 100%;
             padding: 15px;
             border: none;
-            border-radius: 20px;
+            border-radius: 8px;
             font-size: 1.1rem;
             font-weight: bold;
             font-family: 'Vazirmatn', sans-serif;
@@ -134,12 +122,12 @@
         }
 
         .btn-primary {
-            background-color: #6931c9;
+            background-color: #3B604B;
             color: #ffffff;
         }
 
         .btn-primary:hover {
-            background-color: #7745ce;
+            background-color: #3B604B;
         }
     </style>
 </head>
@@ -149,24 +137,24 @@
     <div class="screen-content">
 
         <div class="message-section">
-            <div class="success-icon">&#10003;</div>
+            <div ><img src="{% static "image/pg/tik.png" %}" alt="success"></div>
             <p class="title">پرداخت موفق</p>
-            <p class="subtitle">پرداخت با موفقیت انجام شد.</p>
             <hr class="divider">
             <div class="amount-row">
-                <span class="amount-label">مقدار پرداخت شده:</span>
-                <span class="amount-value">{{ object.amount }} ریال</span>
+                <span class="amount-label">مبلغ شارژ</span>
+                <span class="amount-value">{{ object.amount }} تومان</span>
             </div>
-            <a href="https://winsoo.ir" class="placeholder-link">وینسو</a>
+            <a href="https://winsoo.ir" class="placeholder-link">winsoo</a>
         </div>
 
         <div class="button-container">
             <form action="{{ request.get_full_path }}" method="post" enctype="multipart/form-data">
                 {% csrf_token %}
                 {{ form|crispy }}
-                <button class="btn btn-primary" name="redirect-to-app" value="true">بازگشت به صفحه اصلی</button>
+                <button class="btn btn-primary" name="redirect-to-app" value="true">بازگشت به وینسو</button>
             </form>
         </div>
+
     </div>
 </div>