<!doctype html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Connection Request</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;*/
}

.bgItem{
background: #ffffff;
}
.bgBody{
background: #ffffff;
}

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" bgcolor="#d1d3d4"  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">
  <tbody>
    <tr>
      <td><table width="600" 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="15"></td>
    </tr>
    <tr>
      <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td valign="top" width="60"><img src="{{ asset('public/backend/dist/img/infolink_logo.jpg') }}" alt="Logo" title="Logo" width="60" height="40" data-max-width="100"></td>
    </tr>
  </tbody>
</table>
</td>
    </tr>
  </tbody>
</table></td>
    </tr>
    <tr>
       <td height='15'></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 style="border: 1px solid #EEEEEE; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px"><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" align="center">
			  <tr><td height='25'></td></tr>
			  <tr>
				<td>
				  <div class='contentEditableContainer contentTextEditable'>
					<div class='contentEditable'>
						<?php 
						$client = DB::table('client')->select('client_id','client_title','client_billing_address','reference_by','reference_id')->where('client_id',$r_details->client_id)->first();
						?>
					  <h2 style="font-size: 18px;">Dear <?php echo $client->client_title.' (IL-C'.$r_details->client_id.')';?>,</h2>
					  <br>
					  <p style="font-size:16px;">Your connection request <?php echo $r_details->connection_request_id;?> has been cancelled.</p>
					  <br/>
					  <table width="100%" border="0" cellspacing="3" cellpadding="0" align="center" font-size="14">
						<tr>
							<td>Client Title</td>
							<td>:</td>
							<td><?php echo $client->client_title.' (IL-C'.$r_details->client_id.')';?></td>
						</tr>
						<tr>
							<td>Request Time</td>
							<td>:</td>
							<td><?php echo date("j F Y, g:i a",strtotime($r_details->request_time));?></td>
						</tr>
						<tr>
							<td>Schedule Time</td>
							<td>:</td>
							<td><?php echo $r_details->schedule_time; ?></td>
						</tr>
						<!-- <tr>
							<td>Location</td>
							<td>:</td>
							<td><?php //if($client->client_billing_address){ echo $client->client_billing_address;}?></td>
						</tr>-->
						<tr>
							<td>Status</td>
							<td>:</td>
							<td style="color:red"><?php if($r_details->status == 2){ echo 'Cancelled';}else{ echo '';}?></td>
						</tr>
						
						<tr>
							<td>Reason</td>
							<td>:</td>
							<td><?php echo $r_details->cancel_reason;?></td>
						</tr>
					  </table>
				
					</div>
				  </div>
				</td>
			  </tr>
			  <tr><td height='24'></td></tr>
			</table>
	  </td>
      <td valign="top" width="20">&nbsp;</td>
    </tr>
  </tbody>
</table>
</td>
    </tr>
  </tbody>
</table>

      </div>
	  <div class="movableContent" style="border: 0px; padding-top: 0px; position: relative;">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td height="20"></td>
    </tr>
    <tr>
      <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
	  <td class="specbundle">
			<div class='contentEditableContainer contentTextEditable'>
				<div class='contentEditable' style='text-align: left;'>
				  <h2 style="font-size: 20px;">Reference By</h2>
				  <br/>
				  <p>
				  <?php 
				  // reference_by (1) = employee, (2) = client
				  if($client->reference_by == 1){
					  $result = DB::table('admin')->select('user_name','user_phone','user_email')->where('admin_id',$client->reference_id)->first();
					  if($result){
					    echo $result->user_name.'<br/>'.$result->user_phone.'<br/>'.$result->user_email;
					  }
				  }elseif($client->reference_by == 2){
					  $r_client = DB::table('client')->select('client_id','client_title','client_phone1','client_email1')->where('client_id',$client->reference_id)->first();
					  if($r_client){
					  echo $r_client->client_title.' (IL-C'.$r_client->client_id.')'.'<br/>'.$r_client->client_phone1.'<br/>'.$r_client->client_email1;
					  }     
				}
				  ?>
				  </p>

				</div>
			  </div>
	  </td>
      <td class="specbundle">
		<div class='contentEditableContainer contentTextEditable'>
			<div class='contentEditable' style='text-align: left;'>
			  <h2 style="font-size: 20px;">Cancelled By</h2>
			  <br>
			  <p>
				<?php 
				$result = DB::table('admin')->select('user_name','user_phone','user_email')->where('admin_id',$r_details->cancel_admin_id)->first();
			    if($result){
			    echo $result->user_name.'<br/>'.$result->user_phone.'<br/>'.$result->user_email;
			    }
				?>
			  </p>

			</div>
		  </div>
	  </td>
    </tr>
  </tbody>
</table>
</td>
    </tr>
  </tbody>
</table>
      
      </div>
	  
	  <div class="movableContent" style="border: 0px; padding-top: 0px; position: relative;">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
                <tr><td colspan="3"><hr style='height:1px;background:#DDDDDD;border:none;'></td></tr>
  </tbody>
</table>
      </div>
      <!-- =============== END BODY =============== -->
<!-- =============== START FOOTER =============== -->

      <div class="movableContent" style="border: 0px; padding-top: 0px; position: relative;">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td valign="top" width="90" class="spechide">&nbsp;</td>
      <td><table width="100%" cellpadding="0" cellspacing="0" align="center">
                      <tr>
                        <td>
                          <div class='contentEditableContainer contentTextEditable'>
                            <div class='contentEditable' style='text-align: center;'>
                              <p>
								InfoLink Limited<br/>
								56, pragati Sharani, Block J, Baridhara, <br/>
								Dhaka 1212, Bangladesh. <br/>
								+8809610121121 <br/>
								https://www.infolinkbd.com
                              </p>
                            </div>
                          </div>
                        </td>
                      </tr>
                    </table></td>
      <td valign="top" width="90" class="spechide">&nbsp;</td>
    </tr>
  </tbody>
</table>
</td>
    </tr>
  </tbody>
</table>
      
      
      </div>
      <div class="movableContent" style="border: 0px; padding-top: 0px; position: relative;">
      
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td height="40"></td>
    </tr>
    
  </tbody>
</table>

     <!-- =============== END FOOTER =============== --> 
      </div>
      </td>
    </tr>
  </tbody>
</table>
</td>
      <td valign="top" width="20">&nbsp;</td>
    </tr>
  </tbody>
</table>
</td>
    </tr>
  </tbody>
</table>
</td>
    </tr>
  </tbody>
</table>

    <!--Default Zone End-->

  </body>
  </html>
