<style>
	.div_main_cls1{
		width:40%;
		float:left; 
		font-size:13px;
		line-height:12px;
		
	}
	.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-left btn btn-danger" id="print_btn1" style="margin-left:5px;">Gate1 Copy</a> 
		<a class="col-md-2 pull-left btn btn-danger" id="print_btn2" style="margin-left:5px;">Truck Driver  Copy</a> 
		<a class="col-md-2 pull-left btn btn-danger" id="print_btn3" style="margin-left:5px;">ICD Gate Copy</a></br></br></br>
	</div>
	<div class="col-lg-12" id="ele1"  style="padding:0px;">
		<section class="panel" style="padding-top:0px !important;">
			<header class="panel-heading" style="min-height:120px">
				<div Style="width:50%;display: inline;"> 
					<span>Gate Pass Out No : <?php echo $igetl_data['igetl_otm_gate_pass_out_no'];?></span> <br>                 
					<span>ICD Out No : <?php echo $igetl_data['igetl_otm_icd_out_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 GATE PASS ENTRY(Local Empty) – ICD – Entry Officer/Authorization Officer    <b id="copy_type_id"></b> </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;">Driver Name  </label>
                        <div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_data['igetl_driver_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;">Driver Lic No </label>
                        <div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
                            <?php echo $igetl_data['igetl_driver_lic_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;">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;">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_otm_super_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_otm_load_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_otm_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_otm_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>
			 <img src="http://sjcreations.in/icd-new/public_html/backgroundd.png" style="margin:0px auto; display:block">
			<header class="panel-heading" style="border-bottom: 1px dotted rgba(0, 0, 0, 0.2);padding:0px;text-transform: uppercase;color: #535351;font-size: 14px;font-weight: bold;">
				<h4 class="text-center" style="text-align: center; font-size: 1em; margin: 1.33em 0; text-transform: uppercase;margin-top:2%;">  <b>Material Details </b> </h4>
			</header>
			<div class="panel-body" style="padding-top:0px"> 
				<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;">
						<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; "> Goods Description </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;"> UOM </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;"> Packing Type </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;"> QTY </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;"> Remarks </th>
							</tr>
						</thead>
						<tbody id="tbody_id">
                            <?php
                                foreach($itml_list as $itml_key=>$itml_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 $itml_row['itml_goods_desc'];?> </td>
                                        <td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $itml_row['itml_uom'];?> </td>         
                                        <td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $itml_row['itml_packing_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 $itml_row['itml_qty'];?> </td>         
                                        <td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $itml_row['itml_remarks'];?> </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_btn1').click(function(){
		$('#copy_type_id').html('');
		$('#copy_type_id').html('- Gate1');
		jQuery('#ele1').print();
	});

	$('#print_btn2').click(function(){
		$('#copy_type_id').html('');		
		$('#copy_type_id').html('- Truck Driver');		
		jQuery('#ele1').print();
	});

	$('#print_btn3').click(function(){
		$('#copy_type_id').html('');		
		$('#copy_type_id').html('- ICD Gate');		
		jQuery('#ele1').print();
	});
</script>