<style>
	.form-group{
		width:50%;
		float:left; 
		margin:0;
	}
	.d_label_cls{
		float: left;
		width:50%;
		text-align: left;
		margin: 2px 10px;
		display: inline;
	}
	.div_cls{
		float: left;
		text-align: right;
		margin: 2px 10px;
		display: inline;
	}
	.d_label_l_cls{
		float: left;
		width:16%;
		text-align: left;
		margin: 2px 10px;
		display: inline;
	}
	.div_l_cls{
		float: left;
		text-align: right;
		margin: 2px 10px;
		display: inline;
	}
	.div_l_cls input{
		width: 228px;
	}
</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>Date : <?php if(isset($lul_data['lul_date'])){ echo $lul_data['lul_date'];}?> </span> </div>
					
					<div Style="width:50%;display: inline;float:right"><span style="margin-left: 190px;">Tocken No : <?php if(isset($lul_data['lul_token_no'])){ echo $lul_data['lul_token_no'];} ?></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 - AUTHORIZATION  <?php echo $lul_data['lul_type'];?> Details </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;">Customer Name</label>
							<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<?php echo $lul_data['cl_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;">W/Bridge Ticket No</label>
							<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<?php echo $lul_data['lul_W_Bridge_Ticket_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;">W/B Gross </label>
							<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<?php echo $lul_data['lul_w_bridge_gross']; ?>
							</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;">W/B Tare </label>
							<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<?php echo $lul_data['lul_w_bridge_tare']; ?>
							</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;">W/B Net </label>
							<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<?php echo $lul_data['lul_w_bridge_net']; ?>
							</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;">Truck No</label>
							<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<?php echo $lul_data['lul_truck_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;">Trailer No</label>
							<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<?php echo $lul_data['lul_trailer_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;">No of Bags</label>
							<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<?php echo $lul_data['lul_no_of_bag'];?>
							</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;">Tons</label>
							<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<?php echo $lul_data['lul_ton'];?>
							</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 $lul_data['lul_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 Ph</label>
							<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<?php echo $lul_data['lul_driver_ph_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;">Transporter</label>
							<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<?php echo $lul_data['tl_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;">Authorised By</label>
							<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<?php echo $lul_data['authorize_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;">Commodity</label>
							<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<?php echo $lul_data['com_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;">Desigination</label>
							<div class="div_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<?php
									if($this->user['panel_type']=='1'){
										echo "Entry Officer";
									}else if($this->user['panel_type']=='2'){
										echo "Authorizing Officer";
									}elseif($this->user['panel_type']=='3'){
										echo "Despatch Officer";
									}elseif($this->user['panel_type']=='5'){
										echo "Vehicle slip entry Officer";
									}
									echo ' , '.$this->user['l_user_name'];
								?>
							</div>
						</div>
						<?php
							if($lul_data['lul_destination']!=''){
						?>
								<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 $lul_data['lul_destination']; ?>
									</div>
								</div>
						<?php
							}
						?>

					</div>
					<div class="clear" style="clear:both"></div>

					<div class="for_form" style="width: 100%; padding: 23px 0px; border: 1px solid #9e9e9e;  min-height: 126px; margin: 5px 0px; background: #f7f7f7;">
						<div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
							<label class="d_label_l_cls" style="float: left; width:16%; text-align: left; margin: 2px 10px; display: inline;">Load By</label>
							<div class="div_l_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<input type="text" class="form-control" name="lul_load_by" style="box-shadow: none; float: left; width: 228px; height:30px;">
							</div>
						</div>
						<div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
							<label class="d_label_l_cls" style="float: left; width:16%; text-align: left; margin: 2px 10px; display: inline;">Bags Loaded</label>
							<div class="div_l_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<input type="text" class="form-control" name="lul_bag_loaded" style="box-shadow: none; float: left; width: 228px; height:30px;">
							</div>
							
						</div>
						<div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
							<label class="d_label_l_cls" style="float: left; width:16%; text-align: left; margin: 2px 10px; display: inline;">Name</label>
							<div class="div_l_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
								<input type="text" class="form-control" name="lul_l_name" style="box-shadow: none; float: left; width: 228px; height:30px;">
							</div>
						</div>
						<div class="div_main_cls1 " style="width:45%; padding:5px; float:left; ">
							<div class="form-group1 ">
								<label class="d_label_l_cls" style="float: left; width:16%; text-align: left; margin: 2px 5px; display: inline;">Bags(Short)</label>
								<div class="div_l_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
									<input type="text" class="form-control" name="lul_bag_short" style="width: 100px;height:30px;">
								</div>
							</div>
							<div class="form-group1 ">
								<label class="d_label_l_cls" style="float: left; width:16%; text-align: left; margin: 2px 10px; display: inline;">KGS</label>
								<div class="div_l_cls" style="float: left; text-align: right; margin: 2px 10px; display: inline;">
									<input type="text" class="form-control" name="lul_kgs" style="width: 100px;height:30px;">
								</div>
							</div>
						</div>
					</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: 20%;">
					<h4 class="text-center" style="text-align: center; font-size: 1em; margin: 1.33em 0; text-transform: uppercase;margin-top:5%;">  <b>Commodity 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;">Material Name</th>
									<th class="numeric col-md-3" style="border: 1px solid #ddd; border-top: 0; padding: 10px;border-bottom-width: 2px;vertical-align: bottom;">Bag Weight</th>
									<th class="col-md-3" style="border: 1px solid #ddd; border-top: 0; padding: 10px;border-bottom-width: 2px;vertical-align: bottom;">No of Bags</th>
									<th class="col-md-3" style="border: 1px solid #ddd; border-top: 0; padding: 10px;border-bottom-width: 2px;vertical-align: bottom;">Total Weight</th>
								</tr>
							</thead>
							<tbody id="tbody_id">
								<?php
									if(isset($lul_data['lul_token_no'])){
										foreach($luml_data as $luml_rows){
									?>
											<tr>
												<td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $luml_rows['ml_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 $luml_rows['ml_unit_kg'];?> </td>
												<td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $luml_rows['luml_no_of_bag'];?> </td>
												<td style="background-color: #f9f9f9; padding: 10px; border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top;text-align:center;"> <?php echo $luml_rows['luml_total_weight'];?> </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>