<!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">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Infolink Client Email</title>
  <style type="text/css">
  body {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   margin:0 !important;
   width: 100% !important;
   -webkit-text-size-adjust: 100% !important;
   -ms-text-size-adjust: 100% !important;
   -webkit-font-smoothing: antialiased !important;
 }
 .tableContent img {
   border: 0 !important;
   display: block !important;
   outline: none !important;
 }
 a{
  color:#382F2E;
}

p, h1,h2,ul,ol,li,div{
  margin:0;
  padding:0;
}

h1,h2{
  font-weight: normal;
  background:transparent !important;
  border:none !important;
}

@media only screen and (max-width:480px)
		
{
		
table[class="MainContainer"], td[class="cell"] 
	{
		width: 100% !important;
		height:auto !important; 
	}
td[class="specbundle"] 
	{
		width: 100% !important;
		float:left !important;
		font-size:13px !important;
		line-height:17px !important;
		display:block !important;
		padding-bottom:15px !important;
	}	
td[class="specbundle2"] 
	{
		width:80% !important;
		float:left !important;
		font-size:13px !important;
		line-height:17px !important;
		display:block !important;
		padding-bottom:10px !important;
		padding-left:10% !important;
		padding-right:10% !important;
	}
		
td[class="spechide"] 
	{
		display:none !important;
	}
	    img[class="banner"] 
	{
	          width: 100% !important;
	          height: auto !important;
	}
		td[class="left_pad"] 
	{
			padding-left:15px !important;
			padding-right:15px !important;
	}
		 
}
	
@media only screen and (max-width:540px) 

{
		
table[class="MainContainer"], td[class="cell"] 
	{
		width: 100% !important;
		height:auto !important; 
	}
td[class="specbundle"] 
	{
		width: 100% !important;
		float:left !important;
		font-size:13px !important;
		line-height:17px !important;
		display:block !important;
		padding-bottom:15px !important;
	}	
td[class="specbundle2"] 
	{
		width:80% !important;
		float:left !important;
		font-size:13px !important;
		line-height:17px !important;
		display:block !important;
		padding-bottom:10px !important;
		padding-left:10% !important;
		padding-right:10% !important;
	}
		
td[class="spechide"] 
	{
		display:none !important;
	}
	    img[class="banner"] 
	{
	          width: 100% !important;
	          height: auto !important;
	}
		td[class="left_pad"] 
	{
			padding-left:15px !important;
			padding-right:15px !important;
	}
		
}

.contentEditable h2.big,.contentEditable h1.big{
  font-size: 26px !important;
}

 .contentEditable h2.bigger,.contentEditable h1.bigger{
  font-size: 37px !important;
}

td,table{
  vertical-align: top;
}
td.middle{
  vertical-align: middle;
}

a.link1{
  font-size:13px;
  color:#27A1E5;
  line-height: 24px;
  text-decoration:none;
}
a{
  text-decoration: none;
}

.link2{
color:#ffffff;
border-top:10px solid #27A1E5;
border-bottom:10px solid #27A1E5;
border-left:18px solid #27A1E5;
border-right:18px solid #27A1E5;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background:#27A1E5;
}

.link3{
color:#555555;
border:1px solid #cccccc;
padding:10px 18px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background:#ffffff;
}

.link4{
color:#27A1E5;
line-height: 24px;
}

h2,h1{
line-height: 20px;
}
p{
  font-size: 14px;
  line-height: 21px;
  /*color:#AAAAAA;*/
}

.contentEditable li{
 
}

.appart p{
 
}
.bgItem{
background: #ffffff;
}
.bgBody{
background: #3B5998;
}

img { 
  outline:none; 
  text-decoration:none; 
  -ms-interpolation-mode: bicubic;
  width: auto;
  max-width: 100%; 
  clear: both; 
  display: block;
  float: none;
}

</style>
</head>
<body paddingwidth="0" paddingheight="0" style="padding-top: 0; padding-bottom: 0; padding-top: 0; padding-bottom: 0; background-repeat: repeat; width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;" offset="0" toppadding="0" leftpadding="0">
  <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#3B5998">
  <tbody>
      <tr>
	  <td height="15"></td>
	  </tr>
    <tr> <!-- tr1 Start -->
      <td>
		<table width="700" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff" style="font-family:helvetica, sans-serif;" class="MainContainer">
			<!-- =============== START HEADER =============== -->
		  <tbody>
			<tr>
			  <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
		  <tbody>
			<tr>
			  <td valign="top" width="20">&nbsp;</td>
			  <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
		  <tbody>
			<tr>
			  <td class="movableContentContainer">
			  <div class="movableContent" style="border: 0px; padding-top: 0px; position: relative;">
			  <table width="100%" border="0" cellspacing="0" cellpadding="0">
				  <tbody>
					<tr>
					  <td height="5"></td>
					</tr>
					<tr>
					  <td>
					  <table width="100%" border="0" cellspacing="0" cellpadding="0">
						  <tbody>
							<tr>
							  <td valign="top">
								
							  </td>
							  <td valign="top" width="90" class="spechide">&nbsp;</td>
							  <td valign="middle" style='vertical-align: middle;' width='150'>
								  <img src="{{ asset('public/backend/dist/img/infolink_logo.jpg') }}" alt="Logo" title="Logo" data-max-width="100">
								</td>
							</tr>
						  </tbody>
						</table>
					</td>
					</tr>
					
					<tr>
					   <td><hr style='height:1px;background:#82BEFA;border:none;'></td>
					</tr>
				  </tbody>
				</table>
			  </div>
			  <!-- =============== END HEADER =============== -->
			  
			<!-- =============== START BODY =============== -->
			  
			  <div class="movableContent" style="border: 0px; padding-top: 0px; position: relative;">
			  <table width="100%" border="0" cellspacing="0" cellpadding="0">
			  <tbody>
				<tr>
				  <td>
				  <p>
					<?php 
					$email_format = DB::table('notification')->where('id',1)->first();
		            
		            $client = DB::table('notification')->where('client_id',$client_id)->first();
		            
        			$address_query = DB::table('client_address')->where('client_id',$client->client_id)->first();
        			if($address_query){
        			    $billing_address = $address_query->house.','.$address_query->road.','.$address_query->district.','.$address_query->police_station.','.$address_query->post_office.','.$address_query->post_code;
        			}else{
        			  $billing_address = '';  
        			}
			
			$m1 = str_replace('[[client_id]]',$client->client_id,$email_format->message);
			
			//$m2 = str_replace('[[client_title]]',$client->client_title,$m1);
			
			$m2 = str_replace('[[contact_person]]',$client->contact_person,$m1);
			
			$m3 = str_replace('[[username]]',$client->client_username,$m2);
			
			$m4 = str_replace('[[email]]',$client->client_email1,$m3);
			
			$m5 = str_replace('[[contact_person]]',$client->contact_person,$m4);
			
			$m6 = str_replace('[[temporary_password]]',$temporary_password,$m5);
			
			$m7 = str_replace('[[contact_number1]]',$client->client_phone1,$m6);
			
			$m8 = str_replace('[[contact_number2]]',$client->client_phone2,$m7);
			
			$m9 = str_replace('[[billing_address]]',$billing_address,$m8);
			
			echo $m9;
					?>
					</p>
				  </td>
				</tr>
				<!-- <tr><td height='5' colspan="3"></td></tr>
				<tr><td colspan="3"><hr style='height:1px;background:#82BEFA;border:none;'></td></tr> -->
			  </tbody>
			</table>
			  </div>
			  
			  <!-- =============== END BODY =============== -->
			  
			  </td>
			</tr>
		  </tbody>
		</table>
		</td>
			  <td valign="top" width="20">&nbsp;</td>
			</tr>
		  </tbody>
		</table>
		</td>
			</tr>
		  </tbody>
		</table>
		</td>
    </tr> <!-- tr1 End -->
    <tr>
					  <td height="15"></td>
					</tr>
  </tbody>
</table>

  </body>
  </html>
