<style>
	.div_main_cls1{
	width:40%;
	float:left; 
	}
	.d_label_cls{
	float: left;
	width:40%;
	text-align: left;
	margin: 2px 10px;
	display: inline;
	}
	.div_cls{
	float: left;
	text-align: right;
	margin: 2px 10px;
	display: inline;
	}
	th
	{
	text-align:center !important;
	}
</style>
<link rel="stylesheet" href="<?php echo base_url();?>public_html/admin_assets/plugins/jQuery_print/normalize.min.css">
<div class="col-lg-10 col-lg-offset-1">
	<div class="col-md-12">
		<a class="col-md-2 pull-right btn btn-danger" id="print_btn">Print</a></br></br></br>
	</div>
	<div class="col-lg-12" id="ele1">
		<section class="panel">
			<header class="panel-heading" style="min-height:120px">
				<div Style="width:50%;display: inline;"> <span>Ref No :  <?php echo $igedl_data['idl_ref_no'];?> </span> </div>
				<div Style="width:50%;display: inline;float:right"><span style="margin-left: 190px;">Date: <?php echo $igedl_data['idl_date'];?> </span></div>
				<div Style="width:100%;">
					<h4 class="text-center" style="text-align: center; font-size: 1em; margin: 1.33em 0; text-transform: uppercase;"><i class="fa fa-truck truck_icon"></i><br/> <b>Container Details Entry At Gate1 –Print Out</b></h4>
				</div>
			</header>
			<div class="clear"></div>
			<div class="panel-body">
				<div class="col-lg-12">
					
					<div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
						<label class="d_label_cls" style="float: left; width:40%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;">Vessel Name </label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
							<?php echo $igedl_data['idl_vessel_name'];?>
						</div>
					</div>
                    <div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
						<label class="d_label_cls" style="float: left; width:40%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;">Gate Entry No</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
							<?php echo $igedl_data['igedl_gate_entry_no'];?>
						</div>
					</div>
					<div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
						<label class="d_label_cls" style="float: left; width:40%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;">Container Status
						</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igedl_data['csl_name'];?>
						</div>
					</div>
                    <div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
						<label class="d_label_cls" style="float: left; width:40%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;">Time In </label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igedl_data['idl_time_in'];?>
						</div>
					</div>
					<div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
						<label class="d_label_cls" style="float: left; width:40%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;">Bill Of Lading</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igedl_data['idl_bill_of_loading'];?>
						</div>
					</div>
					<div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
						<label class="d_label_cls" style="float: left; width:40%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;">Type Of Cargo
						</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igedl_data['ctl_name'];?>
						</div>
					</div>
					<div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
						<label class="d_label_cls" style="float: left; width:40%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;">Shipping Line</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igedl_data['idl_shipping_line'];?>
						</div>
					</div>
					<div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
						<label class="d_label_cls" style="float: left; width:40%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;">Destination
						</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igedl_data['idl_destination'];?>
						</div>
					</div>
					<div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
						<label class="d_label_cls" style="float: left; width:40%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;">Payment Agency
						</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igedl_data['pal_name'];?>
						</div>
					</div>
                    <div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
						<label class="d_label_cls" style="float: left; width:40%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;">Initiated By
						</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igedl_data['igedl_initiated_by'];?>
						</div>
					</div>
					<div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
						<label class="d_label_cls" style="float: left; width:40%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;">Proforma Invoice 
						</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igedl_data['idl_proforma_invoice'];?>
						</div>
					</div>
					<div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
						<label class="d_label_cls" style="float: left; width:40%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;">Billing Reference
						</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igedl_data['idl_bill_refer'];?>
						</div>
					</div>
						<div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
						<label class="d_label_cls" style="float: left; width:40%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;">IDC Gate Officer
						</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $user_name_val;?>
						</div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<header class="panel-heading" style="border-bottom: 1px dotted rgba(0, 0, 0, 0.2);    padding: 15px;text-transform: uppercase;color: #535351;font-size: 14px;font-weight: bold;    margin-top: 2%;">
				<h4 class="text-center" style="text-align: center; font-size: 1em; margin: 1.33em 0; text-transform: uppercase;margin-top:2%;">  <b>Container Details </b> </h4>
			</header>
			<div class="panel-body">
				<section id="unseen">
					<table class="table table-bordered table-striped table-condensed col-md-12" style="border: 1px solid #ddd; border-collapse:collapse; width: 100%; margin-bottom: 20px; float: left;margin-top:2%;">
						<thead>
							<tr>
								<th class="col-md-3" style="border: 1px solid #ddd; border-top: 0; padding: 10px;border-bottom-width: 2px;vertical-align: bottom;text-align:center; ">Container No</th>
								<th class="numeric col-md-3" style="border: 1px solid #ddd; border-top: 0; padding: 10px;border-bottom-width: 2px;vertical-align: bottom;text-align:center;">Size</th>
								<th class="col-md-3" style="border: 1px solid #ddd; border-top: 0; padding: 10px;border-bottom-width: 2px;vertical-align: bottom;text-align:center;">Type</th>
								<th class="col-md-3" style="border: 1px solid #ddd; border-top: 0; padding: 10px;border-bottom-width: 2px;vertical-align: bottom;text-align:center;">Status</th>
								<th class="col-md-3" style="border: 1px solid #ddd; border-top: 0; padding: 10px;border-bottom-width: 2px;vertical-align: bottom;text-align:center;"> Truck No</th>
								<th class="col-md-3" style="border: 1px solid #ddd; border-top: 0; padding: 10px;border-bottom-width: 2px;vertical-align: bottom;text-align:center;">Trailer No</th>
								<th class="col-md-3" style="border: 1px solid #ddd; border-top: 0; padding: 10px;border-bottom-width: 2px;vertical-align: bottom;text-align:center;">Driver Name</th>
								<th class="col-md-3" style="border: 1px solid #ddd; border-top: 0; padding: 10px;border-bottom-width: 2px;vertical-align: bottom;text-align:center;">License</th>
								<th class="col-md-3" style="border: 1px solid #ddd; border-top: 0; padding: 10px;border-bottom-width: 2px;vertical-align: bottom;text-align:center;">Transporter </th>
								
							</tr>
						</thead>
						<tbody id="tbody_id">
                            <?php
                                foreach($iidl_list as $iidl_key=>$iidl_row){
                            ?>  
                                    <tr>
                                        <td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $iidl_row['icdl_c_no'];?> </td>
                                        <td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $iidl_row['icdl_c_size'];?> </td>
                                        <td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $iidl_row['icdl_c_type'];?> </td>
                                        <td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $iidl_row['icdl_c_status'];?> </td>
                                        <td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $iidl_row['icdl_truck_no'];?> </td>
                                        <td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $iidl_row['icdl_trailer_no'];?> </td>
                                        <td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $iidl_row['icdl_driver_name'];?> </td>
                                        <td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $iidl_row['icdl_license'];?> </td>
                                        <td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $iidl_row['tl_name'];?> </td>
                                        
                                
                                    </tr>
                            <?php
                                }
                            ?>
                        </tbody>
					</table>
				</section>
			</div>
		</section>
	</div>
</div>
<script src="<?php echo base_url();?>public_html/admin_assets/plugins/jQuery_print/jQuery.print.js"></script>
<script type="text/javascript">
	jQuery('#ele1').print();
	$('#print_btn').click(function(){
		jQuery('#ele1').print();
	});
</script>