Browse Source

#20108 change layout of Receipt

feature/19315_Customer-Registration
Leeza Baidar 11 months ago
parent
commit
90e38a27ca
  1. 183
      CustomerOnlineV2/CustomerOnlineV2/Views/Transaction/Receipt.cshtml

183
CustomerOnlineV2/CustomerOnlineV2/Views/Transaction/Receipt.cshtml

@ -4,174 +4,185 @@
@{
Layout = "_Layout2";
}
<style>
table.no-border {
border-collapse: collapse;
background-color: #262262;
color: white;
}
table.no-border,
table.no-border thead,
table.no-border tbody,
table.no-border tfoot,
table.no-border tr,
table.no-border td,
table.no-border th {
border: none !important;
}
</style>
<div class="container">
<div class="row">
<!-- Middle Panel -->
<div class="col-lg-12">
<div class="col-md-6">
<div class="mb-4">
<h3 class="fw-400">Transaction Details</h3>
<p>Refer us to your friends and become one of IME London Remit's Preferred Clients!</p>
</div>
<div class="card">
<div class="card-body p-4">
<div class="row mb-4">
<div class="col-md-12">
<div class="row">
<div class="col-md-6">
<table>
<div class="card-body p-2">
<table class="table no-border" style="text-align:center;">
<tr>
<td>
<strong>Creation Date:</strong>
<span id="MainContent_lblTxnDate">@Model.CreatedDate</span>
@* <strong>Status:</strong> *@
<span id="MainContent_lblStatusDetail">@Model.Status</span>
</td>
</tr>
<tr>
<td style="font-size:18px;">
@* <strong>
Amount :
</strong> *@
<span>@Utilities.ShowDecimal(Model.PayoutAmount) @Model.PayoutCurr</span>
</td>
</tr>
<tr>
<td>
<strong>Transaction ID:</strong>
<span id="MainContent_lblTxnID">@Model.TransactionId</span>
<strong>Send To:</strong>
<span id="MainContent_lblBenficiaryName">@Model.ReceiverName</span>
<br>
</td>
</tr>
<tr>
<td>
<strong>Control Number:</strong>
<strong>Reference Number:</strong>
<span id="MainContent_lblTxnID">@Model.ControlNo</span>
</td>
</tr>
<tr>
<td>
<strong>Transaction ID:</strong>
<span id="MainContent_lblTxnID">@Model.TransactionId</span>
</td>
</tr>
</table>
</div>
<div class="col-md-6">
<div class="text-end">
<a href="" target="_blank" class="btn btn-sm btn-secondary"><i class="fa fa-print me-2"></i>Print</a>
</div>
<div class="form-group text-center">
<h3>
Status:
<span id="MainContent_lblStatusDetail">@Model.Status</span>
</h3>
</div>
</div>
</div>
<hr class="mx-n4 mb-4">
</div>
<div class="col-md-6 border-end">
<div class="form-group">
<h3>Your Receiver Information</h3>
<table>
<div class="px-4">
<span class="me-2">
<strong class="me-2">To: </strong>
<i class=" currency-flag currency-flag-npr me-1"></i>
</span>
<span>@Model.PCountry</span>
<table class="table">
<tr>
<td>
<b>Full Name</b><br>
<span id="MainContent_lblBenficiaryName">@Model.ReceiverName</span>
<br>
Transaction Date:</td>
<td>
<strong><span id="MainContent_lblTxnDate">@Model.CreatedDate</span></strong>
</td>
</tr>
<tr>
<td>Receiver Name:</td>
<td>
<b>Address</b><br>
<span id="MainContent_lblReceiverAddress">@Model.ReceiverAddress</span>
<strong><span id="MainContent_lblBenficiaryName">@Model.ReceiverName</span></strong>
</td>
</tr>
</table>
</div>
<div class="form-group">
<hr>
<h3>Receiving Details</h3>
<table>
<tr>
<td>Address:</td>
<td>
<b>Delivery Method</b><br>
<span id="MainContent_lblDeliverMethod">@Model.DeliveryMethod</span>
<br>
<br>
<strong><span id="MainContent_lblReceiverAddress">@Model.ReceiverAddress</span></strong>
</td>
</tr>
<tr id="MainContent_rowBankTransfer">
<tr>
<td>Collected Amount :</td>
<td>
<b>Bank Details</b><br>
Bank Name:<span id="MainContent_lblReceiverBank">@Model.BankName</span>
<br>
Bank Branch:<span id="MainContent_lblReceiverBankBranch">@Model.BankBranch</span>
<br>
Bank Account No:<span id="MainContent_lblReceiverBankAcc">@Model.AccountNumber</span>
<strong><span>@Utilities.ShowDecimal(Model.TotalToPay) @Model.CollectionCurrency</span></strong>
</td>
</tr>
</table>
</div>
<div class="form-group">
<table>
<tr>
<td>Service Fee :</td>
<td>
<b>Purpose of Remittance:</b>
<strong><span>@Utilities.ShowDecimal(Model.TransferFee) @Model.CollectionCurrency</span></strong>
</td>
</tr>
<tr>
<td>Total Sent Amount :</td>
<td>
&nbsp;
<span id="MainContent_lblPurpose">@Model.PurposeOfRemit</span>
<strong><span>@Utilities.ShowDecimal(Model.SendAmount) @Model.CollectionCurrency</span></strong>
</td>
</tr>
</table>
</div>
</div>
<div class="col-md-6">
<div class="px-4">
<h3>Your Payment Details</h3>
<span class="me-2">
<strong class="me-2">To: </strong>
<i class=" currency-flag currency-flag-npr me-1"></i>
</span>
<span>@Model.PCountry</span>
<table class="table">
<tr>
<td>Delivery Amount :</td>
<td>Exchange Rate :</td>
<td>
<strong><span>@Model.ExRate</span></strong>
</td>
</tr>
<tr>
<td>Total Payout Amount :</td>
<td>
<strong><span>@Utilities.ShowDecimal(Model.PayoutAmount) @Model.PayoutCurr</span></strong>
</td>
</tr>
<tr>
<td>Exchange Rate :</td>
<td>Delivery Method :</td>
<td>
<strong><span>@Model.ExRate</span></strong>
<strong><span>@Model.DeliveryMethod</span></strong>
</td>
</tr>
<tr>
<td>Bank Name :</td>
<td>
<i>Promotion Premium Rate* :</i>
<strong><span>@Model.BankName</span></strong>
</td>
</tr>
<tr>
<td>Bank Branch :</td>
<td>
<strong><span>@Model.PromotionPremiumRate</span></strong>
<strong><span>@Model.BankBranch</span></strong>
</td>
</tr>
<tr>
<td>Send Amount :</td>
<td>Bank Account No :</td>
<td>
<strong><span>@Utilities.ShowDecimal(Model.SendAmount) @Model.CollectionCurrency</span></strong>
<strong><span>@Model.AccountNumber</span></strong>
</td>
</tr>
<tr>
<td>Transfer Fee :</td>
<td>Purpose of Remittance :</td>
<td>
<strong><span>@Utilities.ShowDecimal(Model.TransferFee) @Model.CollectionCurrency</span></strong>
<strong><span>@Model.PurposeOfRemit</span></strong>
</td>
</tr>
<tr>
<td>Promotion Discount* :</td>
<td>
<strong><span>@Model.PromotionDiscount</span></strong>
<i>Promotion Premium Rate* :</i>
</td>
<td>
<strong><span>@Model.PromotionPremiumRate</span></strong>
</td>
</tr>
<tr>
<td>Total to Pay :</td>
<td>Promotion Discount* :</td>
<td>
<strong><span>@Utilities.ShowDecimal(Model.TotalToPay) @Model.CollectionCurrency</span></strong>
<strong><span>@Model.PromotionDiscount</span></strong>
</td>
</tr>
<tr>
<td>Paid by :</td>
<td>
<strong><span>@Model.PaidBy</span></strong>
</td>
</tr>
</table>
</div>
</div>
@ -179,5 +190,3 @@
</div>
</div>
</div>
</div>
</div>
Loading…
Cancel
Save