<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;
	}
	/*	.back_img
	{
	    background:url('https://sjcreations.in/icd/public_html/background.png');
	    background-size:cover;
	    background-repeat:no-repeat;
	    
	}*/
</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">
		    <div class="back_img" >
			<header class="panel-heading" style="min-height:120px">
				<div Style="width:50%;display: inline;"> <span>Ref No :  <?php echo $igetl_data['idl_ref_no'];?> </span> </div>
				<div Style="width:50%;display: inline;float:right"><span style="margin-left: 190px;">Date: <?php echo $igetl_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>ETC Cargo Limited(ICD018) - ICD Container Out – Vehicle Gate Entry – Approve(Local) – ICD Gate – Entry Officer/Authorization Officer  </b></h4>
				</div>
			</header>
			<div class="clear"></div>
			<div class="panel-body">
				<div class="col-lg-12"  style="padding:0px;">
					<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 $igetl_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;">Tansad No </label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
							<?php echo $igetl_data['igedl_tansad_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;">Bill Of Lading</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_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;">Importer Name</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_data['iml_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 $igetl_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;">Agent Name</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_data['agl_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;">Registration No</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_data['igedl_regi_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;">Initiated By
						</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_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;">Invoice No</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_data['idl_invoice_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;">Authorized By</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_data['igedl_authorized_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;">VAT Amount</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_data['igetl_vat_amount'];?>
						</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;">Invoice Date</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_data['igetl_invoice_date'];?>
						</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;">Total Amount</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_data['igetl_total_amount'];?>
						</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;">Inv Sub Total</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_data['igetl_sub_total'];?>
						</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 $igetl_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;">Container Status
						</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_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;">Token Type
						</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_data['igetl_token_type'];?>
						</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;">Token No
						</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_data['igetl_token_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;">Expiry. Date
						</label>
						<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_data['igetl_expiry_date'];?>
						</div>
					</div>
				</div>
                <div style="clear:both"></div>
                <div class="col-lg-12"  style="padding:0px;border: 1px solid #000;min-height: 91px;margin-top:25px;">
					<div style="width:70%; padding:0px; float:left; ">
                        <div class="div_main_cls1 " style="width:60%; padding:5px; float:left; ">
                            <label class="d_label_cls" style="float: left; width:50%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;font-size: 12px;">ICD Supervisor Name</label>
                            <div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;font-size: 12px;">
                                <?php echo $igetl_data['igetl_igeo_icd_supervisor_name'];?>	
                            </div>
                        </div>
                        <div class="div_main_cls1 " style="width:40%; padding:5px; float:left; ">
                            <label class="d_label_cls" style="float: left; width:50%; text-align: left; margin: 2px 10px; display: inline;font-weight:bold;font-size: 12px;">Loaded Time</label>
                            <div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;font-size: 12px;">
                                <?php echo $igetl_data['igetl_igeo_loaded_time'];?>
                            </div>
                        </div>
                        <div style="clear:both"></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;font-size: 12px;">Location </label>
                            <div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                                <?php echo $igetl_data['igetl_igeo_location'];?>
                            </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;font-size: 12px;">Loaded Date</label>
                            <div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                                <?php echo $igetl_data['igetl_igeo_loaded_date'];?>
                            </div>
                        </div>
                    </div>
                    <div class="div_main_cls1 " style="width:30%; padding:0px; float:left; ">
                        <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;font-size: 12px;"> Signature</label>
                            <div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                                &nbsp;
                            </div>
                        </div>
                    </div>					
				</div>
                <div style="clear:both"></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;"> Goods Description </th>
								
								
							</tr>
						</thead>
						<tbody id="tbody_id">
                            <?php
                                foreach($itncl_list as $itncl_key=>$itncl_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 $itncl_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 $itncl_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 $itncl_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 $itncl_row['icdl_goods_desc'];?> </td>          
                                    </tr>
                            <?php
                                }
                            ?>
                        </tbody>
					</table>
				</section>
			</div>
		</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(){
	    // $('#ele1').css("background","url('https://sjcreations.in/icd/public_html/background.png')")
		jQuery('#ele1').print();
	});
</script>