<?php $baseUrl = Yii::app()->getBaseUrl(true); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
				<!--[if gte mso 9]><xml>
			<o:OfficeDocumentSettings>
				<o:AllowPNG/>
				<o:PixelsPerInch>96</o:PixelsPerInch>
			</o:OfficeDocumentSettings>
		</xml><![endif]-->
				<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
				<meta name="viewport" content="width=device-width">
				<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
				<title>Template Base</title>
				<style id="media-query">
				/* Client-specific Styles & Reset */
				
				#outlook a {
								padding: 0;
				}
				/* .ExternalClass applies to Outlook.com (the artist formerly known as Hotmail) */
				
				.ExternalClass {
								width: 100%;
				}
				
				.ExternalClass,
				.ExternalClass p,
				.ExternalClass span,
				.ExternalClass font,
				.ExternalClass td,
				.ExternalClass div {
								line-height: 100%;
				}
				
				#backgroundTable {
								margin: 0;
								padding: 0;
								width: 100% !important;
								line-height: 100% !important;
				}
				/* Buttons */
				
				.button a {
								display: inline-block;
								text-decoration: none;
								-webkit-text-size-adjust: none;
								text-align: center;
				}
				
				.button a div {
								text-align: center !important;
				}
				/* Outlook First */
				
				body.outlook p {
								display: inline !important;
				}
				
				a[x-apple-data-detectors] {
								color: inherit !important;
								text-decoration: none !important;
								font-size: inherit !important;
								font-family: inherit !important;
								font-weight: inherit !important;
								line-height: inherit !important;
				}
				/*  Media Queries */
				
				@media only screen and (max-width: 500px) {
								table[class="body"] img {
												height: auto !important;
												width: 100% !important;
								}
								table[class="body"] img.fullwidth {
												max-width: 100% !important;
								}
								table[class="body"] center {
												min-width: 0 !important;
								}
								table[class="body"] .container {
												width: 95% !important;
								}
								table[class="body"] .row {
												width: 100% !important;
												display: block !important;
								}
								table[class="body"] .wrapper {
												display: block !important;
												padding-right: 0 !important;
								}
								table[class="body"] .columns,
								table[class="body"] .column {
												table-layout: fixed !important;
												float: none !important;
												width: 100% !important;
												padding-right: 0px !important;
												padding-left: 0px !important;
												display: block !important;
								}
								table[class="body"] .wrapper.first .columns,
								table[class="body"] .wrapper.first .column {
												display: table !important;
								}
								table[class="body"] table.columns td,
								table[class="body"] table.column td,
								.col {
												width: 100% !important;
								}
								table[class="body"] table.columns td.expander {
												width: 1px !important;
								}
								table[class="body"] .right-text-pad,
								table[class="body"] .text-pad-right {
												padding-left: 10px !important;
								}
								table[class="body"] .left-text-pad,
								table[class="body"] .text-pad-left {
												padding-right: 10px !important;
								}
								table[class="body"] .hide-for-small,
								table[class="body"] .show-for-desktop {
												display: none !important;
								}
								table[class="body"] .show-for-small,
								table[class="body"] .hide-for-desktop {
												display: inherit !important;
								}
								.mixed-two-up .col {
												width: 100% !important;
								}
				}
				
				@media screen and (max-width: 500px) {
								div[class="col"] {
												width: 100% !important;
								}
				}
				
				@media screen and (min-width: 501px) {
								table[class="container"] {
												width: 500px !important;
								}
				}
				
				body{
  margin: 0;
  width: 100%;
  background: #ccc;
  text-align: justify;
}
p{
	text-align: justify;
}
#div1{
  width: 55%;
  float: left;
  background: #eee;
  padding: 2px;
}
#div2{
  width: 40%;
  float: left;
  background: #eee;
  padding: 2px;
}
.blue{
	color: blue;
}
				</style>
</head>

<body style="width: 100% !important;min-width: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100% !important;margin: 0;padding: 0;background-color: #FFFFFF">
				<table cellpadding="0" cellspacing="0" width="100%" class="body" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;height: 100%;width: 100%;table-layout: fixed">
								<tbody>
												<tr style="vertical-align: top">
																<td class="center" align="center" valign="top" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;text-align: center;background-color: #e6e6e6">
																				<table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top">
																								<tbody>
																												<tr>
																																<td height="30"></td>
																												</tr>
																												<tr style="vertical-align: top">
																																<td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;" ">
																																				<!--[if gte mso 9]>
																				<table id="outlookholder " border="0 " cellspacing="0 " cellpadding="0 " align="center "><tr><td>
																				<![endif]-->
																																				<!--[if (IE)]>
																				<table width="500 " align="center " cellpadding="0 " cellspacing="0 " border="0 ">
																								<tr>
																												<td>
																				<![endif]-->

																				<!-- box -->
																					<table align="center " cellpadding="0 " cellspacing="0 " border="0 " style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 500px;margin: 0 auto;text-align: inherit;background: #FFF;box-shadow: 0 0 15px #9c9c9c; ">
																								<tr>
																												<td>
																														<table cellpadding="0 " cellspacing="0 " align="center " width="100% " border="0 " class="container " style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 500px;margin: 0 auto;text-align: inherit ">
																																								<tbody>
																																												<tr style="vertical-align: top ">
																																																<td width="100% " style="word-break: break-word;border-collapse: collapse !important;vertical-align: top ">
																																																				<table cellpadding="0 " cellspacing="0 " width="100% " bgcolor="transparent " class="block-grid " style="border-spacing: 0;border-collapse: collapse;vertical-align: top;width: 100%;max-width: 500px;color: #000000;background-color: transparent ">
																																																								<tbody>
																																																												<tr style="vertical-align: top ">
																																																																<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;text-align: center;font-size: 0 ">
																																																																				<!--[if (gte mso 9)|(IE)]><table width="100% " align="center " bgcolor="transparent " cellpadding="0 " cellspacing="0 " border="0 "><tr><![endif]-->
																																																																				<!--[if (gte mso 9)|(IE)]><td valign="top " width="500 " style="width:500px; "><![endif]-->
																																																																				<div class="col num12 " style="display: inline-block;vertical-align: top;width: 100% ">
																																																																								<table cellpadding="0 " cellspacing="0 " align="center " width="100% " border="0 " style="border-spacing: 0;border-collapse: collapse;vertical-align: top ">
																																																																												<tbody>
																																																																																<tr style="vertical-align: top ">
																																																																																				<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent ">
																																																																																								<table cellpadding="0 " cellspacing="0 " width="100% " border="0 " style="border-spacing: 0;border-collapse: collapse;vertical-align: top ">
																																																																																												<tbody>
																																																																																																<tr style="vertical-align: top ">
																																																																																																				<td align="center " style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;width: 100%;padding:0 ">
																																																																																																								<div align="left " style="font-size:16px; margin-left:2rem;margin-top:2rem; ">
																																																																																																									<p style="font-size:16px; font-family: Helvetica;">DELIVERY <span style="font-weight: bold; color: #B71C1C;">CUSTOMER QUALITY FEEDBACK</span></p>			
																																																																																																								</div>
																																																																																																				</td>
																																																																																																</tr>
																																																																																												</tbody>
																																																																																								</table>
																																																																																				</td>
																																																																																</tr>
																																																																												</tbody>
																																																																								</table>
																																																																				</div>
																																																																				<!--[if (gte mso 9)|(IE)]></td><![endif]-->
																																																																				<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
																																																																</td>
																																																												</tr>
																																																								</tbody>
																																																				</table>
																																																</td>
																																												</tr>
																																								</tbody>
																																				</table>
																																				<table cellpadding="0 " cellspacing="0 " align="center " width="100% " border="0 " class="container " style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 500px;margin: 0 auto;text-align: inherit ">
																																					<tbody>
																																						<tr style="vertical-align: top ">
																																							<td width="100% " style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; " align="center ">
																																								<table cellpadding="0 " cellspacing="0 " width="100% " style="border-spacing: 0;border-collapse: collapse;vertical-align: top ">
																																									<tbody>
																																									<tr>
																																										<td height="20"></td>
																																									</tr>
																																										<tr style="vertical-align: top ">
																																											<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 10px;padding-right: 40px;padding-bottom: 10px;padding-left: 40px;">
																																												<div style="color:#555555;line-height:120%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; ">
																																													<div style="font-size:12px;line-height:14px;color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:left; ">
						
						
<div id="main" style="background: #EEEEEE; float: left;width: 100%;padding: 5px 0;" >
    <div id="div1"> &nbsp;  Company ID</div>
    <div id="div2" style="text-indent: 40px;"><?php echo $mailContent['customer_id'];?></div>
  </div>
  <br /><br/>
  
  <p style="text-align : left;"><span class="blue"><a href="<?php echo $mailContent['mail_link'];?>">Click Here</a></span> or Copy Paste "<span class="blue"><?php echo $mailContent['mail_link'];?></span>"
  
  <br /><br/>
  <p>Kindly click on the above link to activate the Customer Quality Feedback Form. We would appreciate if you would spend a few moments to update the link to help us to improve our Delivery performance and standards and help to work in a a better and more efficient manner with you. <br>
<br>
Thanking you,
<br><br>
Bluesky Technology Consultants FZE			</p>

																																									</div>
																																										</div>
																																											</td>
																																										</tr>
																																								
																																									</tbody>
																																								</table>
																																							</td>
																																						</tr>
																																					</tbody>
																																				</table>
																																				<table cellpadding="0 " cellspacing="0 " align="center " width="100% " border="0 " class="container " style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 500px;margin: 0 auto;text-align: inherit ">
																																								<tbody>
																																												<tr style="vertical-align: top ">
																																																<td width="100% " style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; " align="center ">
																																																				<table cellpadding="0 " cellspacing="0 " width="100% " bgcolor="transparent " class="block-grid " style="border-spacing: 0;border-collapse: collapse;vertical-align: top;width: 100%;max-width: 500px;color: #333;background-color: transparent ">
																																																								<tbody>
																																																												<tr style="vertical-align: top ">
																																																																<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;text-align: center;font-size: 0 ">
																																																																				<!--[if (gte mso 9)|(IE)]><table width="100% " align="center " bgcolor="transparent " cellpadding="0 " cellspacing="0 " border="0 "><tr><![endif]-->
																																																																				<!--[if (gte mso 9)|(IE)]><td valign="top " width="500 " style="width:500px; "><![endif]-->
																																																																				<div class="col num12 " style="display: inline-block;vertical-align: top;width: 100% ">
																																										
																																																																																																																								<!--[if (gte mso 9)|(IE)]>
																																																																																																																												</td>
																																																																																																																										</tr>
																																																																																																																								</table>
																																																																																																																								<![endif]-->
																																																																																																																				</td>
																																																																																																																</tr>
																																																																																																												</tbody>
																																																																																																								</table>
																																																																																																				</td>
																																																																																																</tr>
																																																																																												</tbody>
																																																																																								</table>
																																																																																								<table cellpadding="0 " cellspacing="0 " width="100% " style="border-spacing: 0;border-collapse: collapse;vertical-align: top ">
																																																																																												<tbody>
																																																																																																<tr style="vertical-align: top ">
																																																																																																				<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px ">
																																																																																																								<div style="color:#555555;line-height:120%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; ">
																																																																																																												<div style="font-size:12px;line-height:30px;color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:left; ">
																																																																																																																<p style="margin: 0;font-size: 12px;line-height: 25px;text-align: center; background: #eee;">This Feedback is auto generated by Bluesky Technology Consultants FZE at <br /><?php echo date('Y/m/d h:m A'); ?>.</p>
																																																																																																												</div>
																																																																																																								</div>
																																																																																																				</td>
																																																																																																</tr>
																																																																																												</tbody>
																																																																																								</table>
																																																																																				</td>
																																																																																</tr>
																																																																												</tbody>
																																																																								</table>
																																																																				</div>
																																																																				<!--[if (gte mso 9)|(IE)]></td><![endif]-->
																																																																				<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
																																																																</td>
																																																												</tr>
																																																								</tbody>
																																																				</table>
																																																</td>
																																												</tr>
																																								</tbody>
																																				</table>

																																				</td>
																																			</tr>
																																		</table>

																																				<!-- end box -->


																																				<!--[if mso]>
																																				</td></tr></table>
																																				<![endif]-->
																																				<!--[if (IE)]>
																																				</td></tr></table>
																																				<![endif]-->
																																</td>
																												</tr>
																												<tr>
																													<td height="80 "></td>
																												</tr>
																								</tbody>
																				</table>
																</td>
												</tr>
								</tbody>
				</table>
</body>
</html>

