You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
380 lines
14 KiB
380 lines
14 KiB
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomerSoaReceipt.aspx.cs" Inherits="Swift.web.Remit.CustomerSOA.CustomerSoaReceipt" %>
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
<head runat="server">
|
|
<link href="/ui/css/style.css" rel="stylesheet" />
|
|
<link href="/ui/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="/ui/css/waves.min.css" type="text/css" rel="stylesheet" />
|
|
<link href="/ui/css/menu.css" type="text/css" rel="stylesheet" />
|
|
<link href="/ui/css/style.css" type="text/css" rel="stylesheet" />
|
|
<link href="/ui/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
|
|
<link href="/js/jQuery/jquery-ui.css" rel="stylesheet" type="text/css" />
|
|
<script src="/ui/js/jquery.min.js"></script>
|
|
<script src="/ui/bootstrap/js/bootstrap.min.js"></script>
|
|
<script src="/js/Swift_grid.js" type="text/javascript"> </script>
|
|
<script src="/js/functions.js" type="text/javascript"></script>
|
|
<script src="/ui/js/jquery-ui.min.js"></script>
|
|
<script src="/js/swift_autocomplete.js"></script>
|
|
<script src="/js/swift_calendar.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js" type="text/javascript"></script>
|
|
<script type="text/javascript">
|
|
$(document).keydown(function (event) {
|
|
if (event.ctrlKey == true && (event.which == '80')) { //cntrl + p
|
|
window.print();
|
|
event.preventDefault();
|
|
}
|
|
});
|
|
|
|
</script>
|
|
<style>
|
|
header {
|
|
top: 0;
|
|
height: 80px;
|
|
width: 100%;
|
|
}
|
|
|
|
footer {
|
|
width: 100%;
|
|
height: 100px;
|
|
bottom: 0;
|
|
}
|
|
|
|
.header-space {
|
|
height: 50px;
|
|
}
|
|
|
|
tr.total td {
|
|
background: #808080;
|
|
color: #000;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.tright {
|
|
white-space: nowrap;
|
|
text-align: right;
|
|
}
|
|
|
|
label {
|
|
# font-weight: 400;
|
|
}
|
|
|
|
.info {
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
padding: 0px;
|
|
margin: 3px 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
td {
|
|
border: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
thead {
|
|
display: table-header-group;
|
|
}
|
|
|
|
tfoot {
|
|
display: table-footer-group;
|
|
}
|
|
|
|
.page-content td {
|
|
padding: 5px;
|
|
font-size: 13px;
|
|
line-height: 15px;
|
|
border: 1px solid #cccccc !important;
|
|
}
|
|
|
|
.page-content tr:nth-child(even) {
|
|
/*background-color: #87ceeb;*/
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 0px !important;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
@media print {
|
|
|
|
tr.total td {
|
|
-webkit-print-color-adjust: exact;
|
|
background: #808080 !important;
|
|
color: #000 !important;
|
|
font-size: 11px !important;
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
.page-content tr:nth-child(even) {
|
|
-webkit-print-color-adjust: exact;
|
|
/*background-color: #87ceeb !important;*/
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
table thead {
|
|
/*background: #1717b2;
|
|
color: white;*/
|
|
}
|
|
|
|
table tr:nth-child(even) {
|
|
/*background-color: #87ceeb;*/
|
|
}
|
|
|
|
td {
|
|
white-space: nowrap;
|
|
line-height: normal;
|
|
}
|
|
|
|
header {
|
|
top: 0;
|
|
height: 200px;
|
|
position: fixed;
|
|
width: 100%;
|
|
min-height: 100px;
|
|
}
|
|
|
|
footer {
|
|
width: 100%;
|
|
height: 100px;
|
|
bottom: 0;
|
|
position: fixed;
|
|
}
|
|
|
|
.header-space {
|
|
height: 125px;
|
|
}
|
|
|
|
.footer-space {
|
|
height: 100px;
|
|
}
|
|
|
|
.footer {
|
|
display: none;
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 0px !important;
|
|
font-size: 10px;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
.headerClass {
|
|
-webkit-print-color-adjust: exact;
|
|
/*background: #1717b2 !important;*/
|
|
/*color: #fff !important;*/
|
|
text-align: center;
|
|
}
|
|
|
|
/*.page-content .headerClass td span {
|
|
-webkit-print-color-adjust: exact;
|
|
color: white !important;
|
|
}*/
|
|
}
|
|
</style>
|
|
<style type="text/css">
|
|
.holderDiv {
|
|
margin-top: 5px;
|
|
}
|
|
.auto-style1 {
|
|
height: 24px;
|
|
}
|
|
.auto-style2 {
|
|
height: 30px;
|
|
}
|
|
.auto-style3 {
|
|
width: 737px;
|
|
}
|
|
.auto-style4 {
|
|
float: left;
|
|
height: 68px;
|
|
width: 354px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<form id="form1" runat="server">
|
|
<div class="holderDiv">
|
|
<header>
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<table width="100%;" border="0">
|
|
<tbody>
|
|
<tr>
|
|
<td class="auto-style3">
|
|
<div class="logo">
|
|
<img src="../../Images/ime-london-logo.png" class="auto-style4" />
|
|
<%-- <img style="float: left;" width="190" src="/Images/jme.png">--%>
|
|
</div>
|
|
</td>
|
|
<td width="20%;">
|
|
<h2><span class="info" style="text-align: right;">Remittance History</span></h2>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<table width="100%;">
|
|
<tbody>
|
|
<tr>
|
|
<td width="15%;" valign="top" class="auto-style2">
|
|
<p style="margin-bottom: 5px; margin-top: 10px; font-size: 14px; float: left" class="tleft">
|
|
<strong>Period </strong>
|
|
</p>
|
|
</td>
|
|
|
|
<td width="50%;" valign="top" class="auto-style2">
|
|
<p style="margin-bottom: 5px; margin-top: 10px; font-size: 14px; float: left" class="tleft">
|
|
: <strong id="txtperiod" runat="server"></strong>
|
|
</p>
|
|
</td>
|
|
<td width="15%;" valign="top" class="auto-style2">
|
|
<p style="margin-bottom: 5px; margin-top: 10px; text-align: left; font-size: 14px" class="tleft">
|
|
<strong>Print Date </strong>
|
|
</p>
|
|
</td>
|
|
<td width="20%;" valign="top" class="auto-style2">
|
|
<p style="margin-bottom: 5px; margin-top: 10px; text-align: left; font-size: 14px" class="tleft">
|
|
: <strong id="txtPrintDate" runat="server"></strong>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="15%" valign="top" class="auto-style1">
|
|
<label>Name</label></td>
|
|
<td width="50%" valign="top" class="auto-style1"><span class="info">: <strong class="info"><strong id="txtName" runat="server"></strong></strong></span></td>
|
|
<td width="15%" valign="top" class="auto-style1">
|
|
<label>Customer Id</label></td>
|
|
<td width="20%" valign="top" class="auto-style1"><span class="info">: <strong class="info"><strong id="txtCustomerId" runat="server"></strong></strong></span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</header>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<td>
|
|
<div class="header-space"> </div>
|
|
</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<table width="100%;">
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td width="15%" valign="top">
|
|
<label>Address</label></td>
|
|
<td width="50%" valign="top" style="white-space: normal"><span class="info">: <strong class="info"><strong id="txtAddress" runat="server"></strong> </strong></span></td>
|
|
<td width="15%" valign="top">
|
|
<label>DOB</label></td>
|
|
<td width="30%" valign="top"><span class="info">: <strong class="info"><strong id="txtDob" runat="server"></strong></strong></span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<table class="page-content" cellspacing='0' cellpadding='0' border-spacing='0' style="width: 100%, border:0;">
|
|
<thead>
|
|
<tr class="headerClass" style="text-align: center">
|
|
<td>SN</td>
|
|
<td>
|
|
<span style="white-space: nowrap;">Date
|
|
<br>
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span style="white-space: nowrap">Receiver Name<br />
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span style="white-space: nowrap">Ref Number<br />
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span style="white-space: nowrap">Transfer Type<br />
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span style="white-space: nowrap">Service Charge<br />
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span style="white-space: nowrap">Transfer Amount<br />
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span style="white-space: nowrap">Collected Amount<br />
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<div id="rpt_grid" runat="server" class="no-margin"></div>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td>
|
|
<div class="footer-space"> </div>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
<footer>
|
|
<section>
|
|
<div style="display: table; width: 100%; vertical-align: middle;">
|
|
<div style="display: table-cell; z-index: 1; float: left; text-align: left; width: 40%; position: relative">
|
|
<p>Registration No.: 6432399, FCA Registration No.: 576127 </p>
|
|
<p>HMRC Registration No.: 12663526 </p>
|
|
<img style="display:none" width="50" src="/css/images/watermarkNew.png" style="position: absolute; height: 78px; width: 73px; right: 100px; z-index: -2; top: 0;" />
|
|
</div>
|
|
|
|
<div style="display: table-cell; float: left; text-align: right; width: 57%;">
|
|
<p>IME London (Subhida UK Ltd. Company)</p>
|
|
<p>Pentax House South Hill Avenue, South Harrow, London, HA2 0DU</p>
|
|
<p>Tel: +4402088660307, +4407984713677</p>
|
|
<p>E-mail: info@imelondon.co.uk</p>
|
|
</div>
|
|
<div style="display: table-cell; float: left; text-align: right; width: 3%;">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</footer>
|
|
</div>
|
|
</form>
|
|
</body>
|
|
</html>
|