|
|
<%@ 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>
|
