<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title></title>
	
	
	 <style>
        
        h1,h2,h3,h4,h5,h6{
            margin: 0;
            padding: 0;
        }
        p{
            margin: 0;
            padding: 0;
        }
        .container7{
            width: 100%;
            margin-right: auto;
            margin-left: auto;
			background-color: #F6F6F6;
			page-break-after: always;
        }
        .brand-section{
           background-color: #0059aa;
           padding: 10px 40px;
		   border: 1px solid gray;
		   height:87px;
        }
		.brand-section1{
           background-color: #F6F6F6;
           padding: 10px 40px;
		   font-size:3px;
		   border: 1px solid gray;
        }
		.wrd{
             text-align: left;
			font-size:12px;
        }
        .logo{
            width: 50%;
        }
		.tbl{
		background-color: #F6F6F6;	
		}

        .row{
            display: flex;
            flex-wrap: wrap;
        }
        .col-6{
            width: 60%;
            flex: 0 0 auto;
			/*background-color: #F6F6F6;*/
        }
        .text-white{
            color: #fff;
			font-size:10px;
        }
		.text-black{
			font-size:10px;
        }
        .company-details{
            float: right;
            text-align: right;
        }
        .body-section{
            padding: 16px;
            border: 1px solid gray;
			background-color: #F6F6F6;
        }
        .heading{
            font-size: 15px;
            margin-bottom: 08px;
        }
        .sub-heading{
            color: #262626;
            margin-bottom: 05px;
			padding-left:6px;
			font-size:7px;
			text-align:justify;
        }
        table{
            background-color: #fff;
            width: 100%;
            border-collapse: collapse;
        }
        table thead tr{
            border: 1px solid #111;
            background-color: #f2f2f2;
        }
        table td {
            vertical-align: middle !important;
            text-align: center;
        }
        table th, table td {
            padding-top: 08px;
            padding-bottom: 08px;
        }
        .table-bordered{
            box-shadow: 0px 0px 5px 0.5px gray;
        }
        .table-bordered td, .table-bordered th {
            border: 1px solid #dee2e6;
        }
        .text-right{
            text-align: end;
        }
        .w-15{
            width: 15%;
			text-align: left;
			font-size:10px;
        }
		.w-45{
            width: 45%;
			text-align: left;
			font-size:10px;
        }
		.w-5{
            width: 5%;
			text-align: left;
			font-size:10px;
        }
        .float-right{
            float: right;
        }
    </style>

   </head>
   
   <body>
   
   <?php
  $sql81 = "SELECT clients.client_fname,clients.client_lname,clients.client_tin,clients.client_phone,clients.client_email,clients.client_address,client_cate.clientcate_name,client_source.source_name FROM clients,client_cate,client_source WHERE clients.client_id = {$client_id} and clients.clientcate_id=client_cate.clientcate_id and clients.client_source_id=client_source.source_id";
				$result81 = $conn->query($sql81);
				while($data81 = mysqli_fetch_array($result81))
							{
							$clientName = $data81['client_fname']." ".$data81['client_lname'];
							$client_tin = $data81['client_tin'];
							$phoneNumber = $data81['client_phone'];
							$emailAddress = $data81['client_email'];
							$clientAddress = $data81['client_address'];
							$source_name = $data81['source_name'];
							$client_cateName = $data81['clientcate_name'];
				            }
							
							
							
				 $phone = substr($phoneNumber, 3);
	             $phone_number = '0'.$phone;
				 ?>
   
   
   <div class="container7">
        <div class="brand-section">
            <div class="row">
                <div class="col-6">
				
				<?php
			  //global $conn;
			  $sql362a = "SELECT company_details.logo FROM company_details";
              $result362a = $conn->query($sql362a);
			  $num362a = mysqli_num_rows($result362a);
			          if($num362a>0){
              while ($row362a = mysqli_fetch_array($result362a)){
						$image_urla = substr($row362a['logo'], 3);
						echo "<img src = ".$image_urla." width='40%' height='50px'>";
			                }
                            }
			  ?>	
                    <!--<h1 class="text-white">Kreen Logistics</h1>-->
                </div> 
                <div class="col-6">
                    <div class="company-details">
                        <p class="text-white">+255764508508</p>
						<p class="text-white">info@brightvision.co.tz</p>
						<p class="text-white">P O Box 105087</p>
						<p class="text-white">Dar es Salaam</p>
						<p class="text-white">Tanzania</p>
						<p class="text-white">TIN: 142002477</p>
						<p class="text-white">VRN: 40046025X</p>
                    </div>
                </div> 
            </div>
        </div>
		
			<div class="brand-section1">
            <div class="row">
			<table border="0" class="tbl" style="width:100%">
			   <tr>
			   <td style="width:100%">
                <div class="col-12">
                    <h1 class="text-black"><center>Customer Details</center></h1>
                </div>
				</td>
			   </tr>
			</table>	
				
				
            </div>
        </div>

        <div class="body-section">
            <div class="row">
			   <table border="0" class="tbl" style="width:100%">
			   <tr>
			   <td style="width:60%">
                <div class="col-6">
                    <p class="sub-heading"><b>Customer Name:</b><?php print $clientName; ?></p>
                    <p class="sub-heading"><b>Customer TIN:</b> <?php print $client_tin; ?> </p>
                    <p class="sub-heading"><b>Customer Phone#:</b> <?php print $phone_number; ?> </p>
					<p class="sub-heading"><b>Customer Source:</b> <?php print $source_name; ?> </p>
					
					
                </div>
				</td>
				<td style="width:40%">
                <div class="col-6">
                    <p class="sub-heading"><b>Customer Email:</b>  <?php print $emailAddress; ?></p>
                    <p class="sub-heading"><b>Customer Address:</b>  <?php print $clientAddress; ?> </p>
					<p class="sub-heading"><b>Customer Category:</b>  <?php print $client_cateName; ?> </p>
					
					
					
                </div>
				</td>
				</tr>
				</table>
            </div>
        </div>

      

             
    </div>
	
	<div style="page-break-inside: avoid;">
	
	
	</div>
   
 		  
</body>
</html>	
			  
		
		
 
  
		
			  
			  
			  
			  
			  
			  
			  
			  
			  
  
		
			  
  
		
			  
			  
			  
		
		
 
  
		
			  
			  
			  
		
		
 
  
		
			  
			  
			  
			  
		
		
 
  
		
			  
			  
			  
			  
			 
			  
			  
			  
			 
 
		
			  
			  
			  
			  
		
 
  	  
			  
			  
			 
			  
			  
			  
			  
				 
				 
   
   