File: /home/assibfaf/public_html/prox-templates/mail/payment.tpl
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{$templateVars.site_name}</title>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="margin: 0pt auto; padding: 0px; background:#F4F7FA;">
<table id="main" width="100%" height="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#F4F7FA">
<tbody>
<tr>
<td valign="top">
<table class="innermain" cellpadding="0" width="580" cellspacing="0" border="0" bgcolor="#F4F7FA" align="center" style="margin:0 auto; table-layout: fixed;">
<tbody>
<!-- START of MAIL Content -->
<tr>
<td colspan="4">
<!-- Logo start here -->
<table class="logo" width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td colspan="2" height="30"></td>
</tr>
<tr>
<td valign="top" align="center">
<a href="{$templateVars.site_url}" style="display:inline-block; cursor:pointer; text-align:center;">
<img src="{$templateVars.site_logo}" height="35" border="0" alt="{$templateVars.site_name}">
</a>
</td>
</tr>
<tr>
<td colspan="2" height="30"></td>
</tr>
</tbody>
</table>
<!-- Logo end here -->
<!-- Main CONTENT -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" style="border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
<tbody>
<tr style="font-family: -apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif; color:#4E5C6E; font-size:14px; line-height:20px; margin-top:20px;">
<td class="content" colspan="2" valign="top" align="center" style="padding-left:90px; padding-right:90px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff">
<tbody>
<tr>
<td align="center" valign="bottom" colspan="2" cellpadding="3">
<img alt="{$templateVars.site_name}" width="80" src="{$templateVars.site_url}/static/images/succeed-green.png" />
</td>
</tr>
<tr>
<td height="30"></td>
</tr>
<tr>
<td align="center">
<div style="font-size: 22px; line-height: 32px; font-weight: 500; margin-left: 20px; margin-right: 20px; margin-bottom: 25px;">Your payment of {$templateVars.paid_amount} to {$templateVars.site_name} was successfull.</div>
</td>
</tr>
<tr>
<td height="24"></td>
</tr>
<tr>
<td height="1" bgcolor="#DAE1E9"></td>
</tr>
<tr>
<td height="24"></td>
</tr>
<tr>
<td align="center">
<table style="width: 100%; border-collapse:collapse;">
<tbody style="border: 0; padding: 0; margin-top:20px;">
<tr>
<td style="padding-bottom: 10px; padding-top: 10px;">Order ID</td>
<td style="padding-bottom: 10px; padding-top: 10px;"><span style="font-family:'Monaco', monospace;border:1px solid #DAE1E9;letter-spacing:2px;padding:5px 8px;border-radius:4px;background-color:#F4F7FA;color:#2E7BC4;">{$templateVars.order_id}</span>
</td>
</tr>
<tr>
<td style="padding-bottom: 10px; padding-top: 10px;">Title</td>
<td style="padding-bottom: 10px; padding-top: 10px;">{$templateVars.title}</td>
</tr>
{if $templateVars.type == "order"}
<tr>
<td style="padding-bottom: 10px; padding-top: 10px;">Pages</td>
<td style="padding-bottom: 10px; padding-top: 10px;">{$templateVars.pages}</td>
</tr>
{/if}
<tr>
<td width="50%" valign="top" style="padding-bottom: 10px; padding-top: 10px;">Payment method</td>
<td style="padding-bottom: 10px; padding-top: 10px;">{$templateVars.payment_method}</td>
</tr>
<tr>
<td style="padding-bottom: 10px; padding-top: 10px;">Date</td>
<td style="padding-bottom: 10px; padding-top: 10px;">{$templateVars.paid_at}</td>
</tr>
<tr>
<td style="padding-bottom: 10px; padding-top: 10px;">Amount
<br/>
</td>
<td style="padding-bottom: 10px; padding-top: 10px;"> <strong>{$templateVars.paid_amount}</strong>
<br/>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="24"></td>
</tr>
<tr>
<td height="1" bgcolor="#DAE1E9"></td>
</tr>
<tr>
<td height="24"></td>
</tr>
<tr>
<td>
<p>
<a href="{$templateVars.order_url}" style="display:block; font-size: 16px; padding:15px 25px; background-color:#3C90DF; color:#ffffff; border: 1px solid #2E7BC4; border-radius:4px; text-decoration:none; text-align:center; font-weight:500;">View My Order</a>
</p>
</tr>
<tr>
<td height="24"></td>
</tr>
<tr>
<td height="1" bgcolor="#DAE1E9"></td>
</tr>
<tr>
<td height="24"></td>
</tr>
<tr>
<td align="center">
<span style="color:#9BA6B2; font-size:12px; line-height:19px;">
<p>For customer service inquiries, please contact customer support. Please include your Order ID <strong>{$templateVars.order_id}</strong>.</p>
</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="60"></td>
</tr>
</tbody>
</table>
<!-- FOOTER start here -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td height="10"></td>
</tr>
<tr>
<td valign="top" align="center">
<span style="font-family: -apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif; color:#9EB0C9; font-size:10px;">©
<a href="{$templateVars.site_url}" target="_blank" style="color:#9EB0C9 !important; text-decoration:none;">{$templateVars.site_name}</a> {$templateVars.current_year}
</span>
</td>
</tr>
<tr>
<td height="50"></td>
</tr>
</tbody>
</table>
<!-- FOOTER end here -->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>