feat(examples): add ConnectIPS confirm template
This commit is contained in:
1 file changed
+48
@@ -0,0 +1,48 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}connectIPS — Confirm Payment{% endblock %}
|
||||
{% block topbar_extra %}
|
||||
<a class="back" href="{% url 'payments:payments-home' %}">← Cancel & go home</a>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="card" style="max-width:440px; margin:0 auto;">
|
||||
<div class="card-title" style="display:flex; align-items:center; gap:.5rem; border-bottom:none;">
|
||||
<img src="https://nchl.com.np/wp-content/uploads/2023/11/NCHL-Logo.png" alt="NCHL" style="height:30px; width:auto;">
|
||||
<span style="font-weight:700; letter-spacing:.02em;">connect<span style="color:var(--connectips);">IPS</span></span>
|
||||
<span style="font-size:.78rem; color:var(--muted); margin-left:auto;">STEP 3 of 3 — Confirm</span>
|
||||
</div>
|
||||
|
||||
<div style="border:1px solid var(--border); border-radius:var(--radius); padding:.8rem 1rem; margin-bottom:1rem; font-size:.85rem;">
|
||||
<div style="display:flex; justify-content:space-between; margin-bottom:.35rem;"><span style="color:var(--muted);">Merchant</span><span style="font-weight:600;">{{ merchant }}</span></div>
|
||||
<div style="display:flex; justify-content:space-between; margin-bottom:.35rem;"><span style="color:var(--muted);">Debiting account</span><code>{{ bank }}</code></div>
|
||||
<div style="display:flex; justify-content:space-between; margin-bottom:.35rem;"><span style="color:var(--muted);">Order / TXNID</span><code>{{ order_id }}</code></div>
|
||||
<div style="display:flex; justify-content:space-between;"><span style="color:var(--muted);">Amount</span><span style="font-weight:600; font-size:1.05rem;">NPR {{ amount }}</span></div>
|
||||
</div>
|
||||
|
||||
{% if error %}
|
||||
<div style="background:var(--warning-soft); border:1px solid var(--warning); color:var(--warning); border-radius:var(--radius); padding:.6rem .8rem; font-size:.82rem; margin-bottom:1rem;">{{ error }}</div>
|
||||
{% endif %}
|
||||
|
||||
<form method="post" action="{% url 'payments:payments-callback' 'connectips' %}">
|
||||
<input type="hidden" name="TXNID" value="{{ order_id }}">
|
||||
<input type="hidden" name="ReferenceID" value="{{ ref_id }}">
|
||||
<input type="hidden" name="SIMULATED" value="True">
|
||||
<input type="hidden" name="STATUS" value="SUCCESS">
|
||||
<label class="form-label" for="ci-tpin">Transaction Password (PIN) or OTP</label>
|
||||
<input class="form-control" type="password" id="ci-tpin" name="ci_tpin" value="123456" autocomplete="off">
|
||||
<button class="btn btn-connectips" type="submit" style="width:100%; margin-top:1.1rem;">Submit to complete payment</button>
|
||||
</form>
|
||||
|
||||
<form method="post" action="{% url 'payments:payments-callback' 'connectips' %}" style="margin-top:.6rem;">
|
||||
<input type="hidden" name="TXNID" value="{{ order_id }}">
|
||||
<input type="hidden" name="ReferenceID" value="{{ ref_id }}">
|
||||
<input type="hidden" name="SIMULATED" value="True">
|
||||
<input type="hidden" name="STATUS" value="FAILED">
|
||||
<button class="btn btn-ghost btn-sm" type="submit" style="width:100%;">Cancel / Decline</button>
|
||||
</form>
|
||||
|
||||
<p style="color:var(--muted); font-size:.78rem; margin-top:.9rem;">
|
||||
Demo — Transaction Password <code>123456</code> or OTP <code>987654</code>.
|
||||
</p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in new issue
Block a user