MOON
Server: Apache
System: Linux nserver.cafsindia.com 4.18.0-553.104.1.lve.el8.x86_64 #1 SMP Tue Feb 10 20:07:30 UTC 2026 x86_64
User: cafsindia (1002)
PHP: 8.2.30
Disabled: NONE
Upload Files
File: /home/cafsindia/allyindian_com/backend/application/views/package_ticket/block_seats.php
<?php $this->load->view("partial/header");?>
<style type="text/css">
img{
	height: 30px;
    width: 30px;
}
.mrgn{
	margin-left: -23px;
	font-size: 10px;
    font-weight: bold;
}
.click{
	cursor: pointer;
}
.blocked{
   background-image: url("<?php echo base_url(); ?>/images/seats/blocked_seat.png");
   background-size: cover;    
}
.available{
   background-image: url("<?php echo base_url(); ?>/images/seats/available_seat.png");
   background-size: cover;
}
.blocked_sl{
   background-image: url("<?php echo base_url(); ?>/images/seats/blocked_sl.png");
   background-size: cover;
}
.available_sl{
   background-image: url("<?php echo base_url(); ?>/images/seats/available_sl.png");
   background-size: cover;
}
.booked{
   background-image: url("<?php echo base_url(); ?>/images/seats/booked_seat.png");
   background-size: cover;    
}
.booked_sl{
   background-image: url("<?php echo base_url(); ?>/images/seats/booked_sl.png");
   background-size: cover;
}
.selected{
   background-image: url("<?php echo base_url(); ?>/images/seats/selected.png");
   background-size: cover;    
}
.selected_sl{
   background-image: url("<?php echo base_url(); ?>/images/seats/selected_sl.png");
   background-size: cover;
}
.col8{
	background-color: #FFFFFF;
    padding: 13px 30px;
}
.seat_row{
	margin: 15PX;
    padding: 15px;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    border-radius: 4px;
}
</style>
<?php
foreach ($vehicle_data as $key => $value){
	$package_id             =  $value['package_id'];
	$package_title          =  $value['package_title'];
	$vehicle_id             =  $value['vehicle_id'];
	$veh_type               =  $value['veh_type'];
	$seat_type              =  $value['seat_type'];
	$multi_type             =  $value['multi_type'];
	//Upper seat data
	$no_of_seats_up         =  $value['no_of_seats_up'];
	$seats_per_row_up       =  $value['seats_per_row_up'];
	$seats_in_last_row_up   =  $value['seats_in_last_row_up'];
	//Lower seats data
	$no_of_seats_low        =  $value['no_of_seats_low'];
	$seats_per_row_low      =  $value['seats_per_row_low'];
	$seats_in_last_row_low  =  $value['seats_in_last_row_low'];
	$lower                  =  $value['vehicle_lower'];
	$upper                  =  $value['vehicle_upper'];
	if($seat_type === "1"){
		$class = "available click";
	}else
	if($seat_type === "2"){
		$class = "available_sl click";
	}else
	if($seat_type === "3"){
		$class = "seater_sl click";
	}
}

if($multi_type === "1"){
	//Lower
	$low_nos = $no_of_seats_low;
	$nospr_low = $seats_per_row_low;
	$noslr_low = $seats_in_last_row_low;
	$seatnocol_low = "";

	$fseat_low   = $low_nos - $noslr_low;
	$totrows_low = $nospr_low+1;
	$coldiv_low  = ceil($fseat_low / $nospr_low);
	$colms_low   = $coldiv_low + 1;
	$pathrow_low = ceil($nospr_low/2)+1;

	if($nospr_low === $noslr_low){
		$nocolumn_low = $colms_low * $nospr_low;
	}else{
		$nocolumn_low = ($colms_low * $nospr_low) + ($noslr_low - $nospr_low);
	}
//Upper seats
	$nos_up   = $no_of_seats_up;
	$nospr_up = $seats_per_row_up;
	$noslr_up = $seats_in_last_row_up;
	$seatnocol = "";

	$fseat_up   = $nos_up - $noslr_up;
	$totrows_up = $nospr_up + 1;
	$coldiv_up  = ceil($fseat_up / $nospr_up);
	$colms_up   = $coldiv_up + 1;
	$pathrow_up = ceil($nospr_up / 2)+1;

	if($nospr_up == $noslr_up){
		$nocolumn_up = $colms_up * $nospr_up;
	}else{
		$nocolumn_up = ($colms_up * $nospr_up) + ($noslr_up - $nospr_up);
	}
}else
if($multi_type === "2"){
	$low_nos = $no_of_seats_low;
	$nospr_low = $seats_per_row_low;
	$noslr_low = $seats_in_last_row_low;
	$seatnocol_low = "";

	$fseat_low   = $low_nos - $noslr_low;
	$totrows_low = $nospr_low+1;
	$coldiv_low  = ceil($fseat_low / $nospr_low);
	$colms_low   = $coldiv_low + 1;
	$pathrow_low = ceil($nospr_low/2)+1;

	if($nospr_low === $noslr_low){
		$nocolumn = $colms_low * $nospr_low;
	}else{
		$nocolumn = ($colms_low * $nospr_low) + ($noslr_low - $nospr_low);
	}	
}

?>
<?php $sno = 1; if($multi_type === "2"){ ?>
<div class="row seat_row">
	<div class="col-md-4">
		<table class="table table-bordered table-striped">
			<tr><td><b>Package Title</b></td><td><?php echo $package_title; ?></td>
			</tr>
			<tr><td><b>Package Date</b></td><td><?php echo $package_date; ?></td>
			</tr>
			<tr><td><b>Vehicle Type</b></td><td><?php echo $veh_type; ?></td>
			</tr>
			<tr><td><b>Available</b></td><td><img style="padding: 3px;" src="<?php echo base_url(); ?>/images/seats/available_seat.png"/><img  src="<?php echo base_url(); ?>/images/seats/available_sl.png"/></td>
			</tr>
			<tr><td><b>Blocked</b></td><td><img style="padding: 3px;" src="<?php echo base_url(); ?>/images/seats/blocked_seat.png"/><img src="<?php echo base_url(); ?>/images/seats/blocked_sl.png"/></td>
			</tr>
			<tr><td><b>Booked</b></td><td><img style="padding: 3px;" src="<?php echo base_url(); ?>/images/seats/booked_seat.png"/><img src="<?php echo base_url(); ?>/images/seats/booked_sl.png"/></td>
			</tr>
			<tr><td><b>Selected By Others</b></td><td><img style="padding: 3px;" src="<?php echo base_url(); ?>/images/seats/selected.png"/><img src="<?php echo base_url(); ?>/images/seats/selected_sl.png"/></td>
			</tr>
		</table>
	</div>
	<div class="col-md-8 col8">
		<table width="700" height="216" cellpadding="2" cellspacing="2">
		<?php 
		$nobox = 0;
		for($i=1;$i<=$totrows_low;$i++){
		    if($i == 1){ ?>
			<tr>
				<td style="padding: 10px;" rowspan="<?php echo $totrows_low?>" valign="top"><img src="<?php echo base_url(); ?>/images/driver.png" width="75" height="75" /></td>
				 <?php for($j=1;$j<=$colms_low;$j++){ ?>
			    <td style="padding: 2px;"><img id="seatno_lower" name="seatno_lower[]" class="<?php echo $class ?>" /><input type="checkbox" name="seat_no[]" id="seat_no" value="" hidden><span name="seat[]" class='mrgn' id="seat"></span></td>	
				<?php $sno = $sno+1;
				    $nobox = $nobox+1; 
			    }
				?>
		    </tr> 
		   <?php }
			elseif($i == $pathrow_low){
			   if($nospr_low == $noslr_low){ 
				   $colsp = $colms_low;
				 ?>
			<tr><td colspan="<?php echo $colsp?>">Path Way</td></tr>
				<?php }else{ 
				    $colsp = $colms_low - 1;
				?>
			<tr>
				<td colspan="<?php echo $colsp?>">Path Way</td>
				<td style="padding: 2px;"><img id="seatno_lower" name="seatno_lower[]" class="<?php echo $class ?>" /><input type="checkbox" name="seat_no[]" id="seat_no" value="" hidden><span name="seat[]" class='mrgn' id="seat"></span></td>
			</tr>
				<?php	$sno = $sno + 1; 
				    $nobox = $nobox + 1;
				    }	 
				 }else{ ?>
		    <tr>	  
				<?php for($j=1;$j<=$colms_low;$j++){ ?>
		            <td style="padding: 2px;"><img id="seatno_lower" name="seatno_lower[]" class="<?php echo $class ?>" /><input type="checkbox" name="seat_no[]" id="seat_no" class='mrgn' value="" hidden><span name="seat[]" id="seat" ></span></td>	
		        <?php  $sno = $sno+1;
				    $nobox = $nobox+1;
				 }    ?>
		    </tr>
			    <?php  }   
			 }
				?>	 	  
		</table>
	</div>
</div>
<?php }else if($multi_type === "1"){ ?>
<div class="row seat_row">
	<div class="col-md-4">
		<table class="table table-bordered table-striped">
			<tr><td><b>Package Title</b></td><td><?php echo $package_title; ?></td>
			</tr>
			<tr><td><b>Package Date</b></td><td><?php echo $package_date; ?></td>
			</tr>
			<tr><td><b>Vehicle Type</b></td><td><?php echo $veh_type; ?></td>
			</tr>
			<tr><td><b>Available</b></td><td><img style="padding: 3px;" src="<?php echo base_url(); ?>/images/seats/available_seat.png"/><img  src="<?php echo base_url(); ?>/images/seats/available_sl.png"/></td>
			</tr>
			<tr><td><b>Blocked</b></td><td><img style="padding: 3px;" src="<?php echo base_url(); ?>/images/seats/blocked_seat.png"/><img src="<?php echo base_url(); ?>/images/seats/blocked_sl.png"/></td>
			</tr>
			<tr><td><b>Booked</b></td><td><img style="padding: 3px;" src="<?php echo base_url(); ?>/images/seats/booked_seat.png"/><img src="<?php echo base_url(); ?>/images/seats/booked_sl.png"/></td>
			</tr>
			<tr><td><b>Selected By Others</b></td><td><img style="padding: 3px;" src="<?php echo base_url(); ?>/images/seats/selected.png"/><img src="<?php echo base_url(); ?>/images/seats/selected_sl.png"/></td>
			</tr>
		</table>
	</div>
	<div class="col-md-8">
	<h5>Lower Desk</h5>
		<table class="table-hover" width="700" height="150" style="border: 1px solid #ddd;">
		<?php 
		//$sno = 1;
		$nobox = 0;
		for($i=1;$i<=$totrows_low;$i++){
		if($i == 1){ ?>
		<tr>
			<td style="padding: 2px;" rowspan="<?php echo $totrows_low?>" valign="top"><img src="./images/driver.png" width="75" height="75" /></td>
			 <?php for($j=1;$j<=$colms_low;$j++){ ?>
		    <td style="padding: 2px;"><img id="seatno_lower" name="seatno_lower[]" class="<?php echo $class ?>" /><input type="checkbox" name="seat_no[]" id="seat_no" value="" hidden><span name="seat[]" id="seat" class='mrgn'></span></td>	
			<?php	$sno = $sno+1;
			    $nobox = $nobox+1; 
		    }
			?>
		</tr> 
		<?php }
		elseif($i == $pathrow_low){
		   if($nospr_low == $noslr_low){ 
			   $colsp = $colms_low;
			 ?>
		<tr><td colspan="<?php echo $colsp?>">Path Way</td></tr>
			<?php }else{ 
			    $colsp = $colms_low-1;
			?>
		<tr>
			<td colspan="<?php echo $colsp?>">Path Way</td>
			<td style="padding: 2px;"><img id="seatno_lower" name="seatno_lower[]" class="<?php echo $class ?>" /><input type="checkbox" name="seat_no[]" id="seat_no" value="" hidden><span name="seat[]" id="seat" class='mrgn'></span></td>
		</tr>
			<?php	$sno = $sno+1; 
			    $nobox = $nobox+1;
			    }	 
			 }else{ ?>
		<tr>	  
			<?php for($j=1;$j<=$colms_low;$j++){ ?>
		        <td style="padding: 2px;"><img id="seatno_lower" name="seatno_lower[]" class="<?php echo $class ?>" /><input type="checkbox" name="seat_no[]" id="seat_no" value="" hidden><span name="seat[]" id="seat" class='mrgn'></span></td>	
		    <?php  $sno = $sno+1;
			    $nobox = $nobox+1;
			 }    ?>
		</tr>
		    <?php  }   
		 }
			?>	 	  
		</table>
<h5>Upper Desk</h5>
		<table class="table-hover" width="630" height="150" style="margin-left: 75px;margin-top: 20px;border: 1px solid #ddd;">
		<?php 
		$sno = 1;
		$nobox = 0;
		for($k=1;$k<=$totrows_up;$k++){
		if($k == 1){ ?>
		<tr>
			<td style="padding: 2px;" rowspan="<?php echo $totrows_up?>" valign="top"></td>
			 <?php for($l=1;$l<=$colms_up;$l++){ ?>
		    <td style="padding: 2px;"><img id="seatno_upper" name="seatno_upper[]" class="<?php echo $class ?>" /><input type="checkbox" name="seat_no[]" id="seat_no" value="" hidden><span name="seat[]" id="seat" class='mrgn'></span></td>	
			<?php	$sno = $sno+1;
			    $nobox = $nobox+1; 
		    }
			?>
		</tr> 
		<?php }
		else if($k == $pathrow_up){
		   if($nospr_up == $noslr_up){ 
			   $colsp = $colms_up;
			 ?>
		<tr><td colspan="<?php echo $colsp?>">Path Way</td></tr>
			<?php }else{ 
			    $colsp = $colms_up - 1;
			?>
		<tr>
			<td colspan="<?php echo $colsp?>">Path Way</td>
			<td style="padding: 2px;"><img id="seatno_upper" name="seatno_upper[]" class="<?php echo $class ?>" /><input type="checkbox" name="seat_no[]" id="seat_no" value="" hidden><span name="seat[]" id="seat" class='mrgn'></span></td>
		</tr>
			<?php	$sno = $sno+1; 
			    $nobox = $nobox+1;
			    }	 
			 }else{ ?>
		<tr>	  
			<?php for($l=1;$l<=$colms_up;$l++){ ?>
		        <td style="padding: 2px;"><img id="seatno_upper" name="seatno_upper[]" class="<?php echo $class ?>" /><input type="checkbox" name="seat_no[]" id="seat_no" value="" hidden><span name="seat[]" id="seat" class='mrgn'></span></td>	
		    <?php  $sno = $sno+1;
			    $nobox = $nobox+1;
			 }    ?>
		</tr>
		    <?php  }   
		 }
			?>	 	  
		</table>
	</div>
</div>
<?php } ?>

<!-- Total Boxes : <?php // echo $nobox?> -->
<input type="hidden" name="totbox" value="<?php echo $nobox?>"/>
<div class="row">
	<div class="col-md-12">
		<h4 style='color:#000000 !important;font-size:22px;margin:0;margin-bottom:8px;font-weight:bold;text-align: center;'>Blocked Seat List</h4>
			<table class="table table-hover table-striped table-bordered">
				<thead style="background-color: #D8343F;">
				<tr style="color: #FFFFFF;">  
				<th>S No</th>      
				<th>Date</th>
				<th>Seat No</th>
				<th>Blocked Seat Remarks</th>
				<th>Blocked By</th>
				<th>Status</th>
				<th colspan="2" style="text-align: center;">Update</th>
				</tr>
				</thead>
				<tbody id="blocked_data" style="text-align:center">
				<?php
					$i = 1;

					foreach ($blocked_data as $key => $value){						
					$quid             = $value['quid'];
					$quseat           = $value['quseat'];
					$quseat           = $value['quseat'];
					$quremarks        = $value['quremarks'];
					$first_name       = $value['first_name'];
					$last_name        = $value['last_name'];

					echo "<tr>
					<td>$i</td>					
					<td>$package_date</td>
					<td>$quseat</td>
					<td width='50%'><textarea style='width: 100%;' id='blocked_remarks$quid'>$quremarks</textarea></td>
					<td>$first_name $last_name</td>
					<td><select id='status$quid'><option value='1'>Unblocked</option><option value='2' selected>Blocked</option></select></td>
					<td><button id='block_update' class='btn btn-info btn-sm' style='cursor:pointer;' onclick='update_seat_status($quid)'>Update</button></td>
					</tr>";
					$i++;
					}
				?>
				</tbody>
			</table>
	</div>
</div>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var vehicle_id    = '<?php echo $vehicle_id; ?>';
	var package_id    = '<?php echo $package_id; ?>';
	var package_date  = '<?php echo $package_date; ?>';
	var trip_id       = '<?php echo $trip_id; ?>';
	get_seat_data(vehicle_id,package_date,package_id,trip_id);
});
//On mouse hover span hide show
$(".click").mouseenter(function() {
	var holder_id     = $(this).attr("id");
  	var seat          = holder_id.split("_");
  	var seat          = "#seat"+seat[1];  
    $(seat).hide(); 
}).mouseleave(function() {
    var holder_id     = $(this).attr("id");
  	var seat          = holder_id.split("_"); 
  	var seat          = "#seat"+seat[1]; 
  	$(seat).show();
});
$('.click').click(function(){
	var holder_id     = $(this).attr("id");
  	var seat          = holder_id.split("_"); 
  	var seat_no_id    = "#seat_no"+seat[1]; 

  	var seat_no = $(seat_no_id).val();
 	 if(!seat_no){
  		toastr.warning('Please check the Seat Layout In Vehicle Master');
  		return false;
 	 }	
	if($(this).hasClass("booked")){
		$(this).toggleClass('booked booked');
	}else
	if($(this).hasClass("booked_sl")){
		 $(this).toggleClass('booked_sl booked_sl');
	}else 
	if($(this).hasClass("available")){
		$(this).toggleClass('available blocked');
	}else
	if($(this).hasClass("available_sl")){
		 $(this).toggleClass('available_sl blocked_sl');
	}
	// else 
	// if($(this).hasClass("blocked")){
	// 	$(this).toggleClass('blocked available');
	// }else
	// if($(this).hasClass("blocked_sl")){
	// 	 $(this).toggleClass('blocked_sl available_sl');
	// } 

 if($("#"+holder_id).hasClass("blocked")){
 	 $(seat_no_id).prop('checked', true);
 	 var status = "2";
  }else
  if($("#"+holder_id).hasClass("available")){
  	 $(seat_no_id).prop('checked', false);
  	 var status = "0";
  }else
  if($("#"+holder_id).hasClass("blocked_sl")){
 	 $(seat_no_id).prop('checked', true);
 	 var status = "2";
  }else
  if($("#"+holder_id).hasClass("available_sl")){
  	 $(seat_no_id).prop('checked', false);
  	 var status = "0";
  }
  //As Discussed with Viji Madam 21Dec2018 Removed BSK
  //|| ($(this).hasClass("available")) || ($(this).hasClass("available_sl"))
  if(($(this).hasClass("blocked")) || ($(this).hasClass("blocked_sl")) ){	
  		blocked_seats(seat_no,status,holder_id)
  	}
});
function blocked_seats(seat_no,status,holder_id){
	$("#block_update").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
	$('#block_update').attr('disabled','disabled');
	var package_id    = '<?php echo $package_id; ?>';
  	var package_date  = '<?php echo $package_date; ?>';
  	var trip_id       = '<?php echo $trip_id; ?>';
	if(seat_no){
  		$.ajax({
			type: "POST",
			url: "<?php echo site_url('package_ticket/save_blocked_seat'); ?>",
			data:{package_id:package_id,seat_no:seat_no,status:status,package_date:package_date,trip_id:trip_id},
			success: function(data){
				var response = JSON.parse(data);
				if(response.success){
					var tr = "";
					for(i = 0,j = 1; i < response.seat_data.length; i++,j++){
						quid          = response.seat_data[i].quid;	
					qupackid          = response.seat_data[i].qupackid;	
					quseat            = response.seat_data[i].quseat;
					quremarks         = response.seat_data[i].quremarks;
					first_name        = response.seat_data[i].first_name;
					last_name         = response.seat_data[i].last_name;
					quseatstat        = response.seat_data[i].quseatstat;

					edit = "<button class='btn btn-info btn-sm' style='cursor:pointer;' onclick='update_seat_status("+quid+")'>Update</button>";
					tr += "<tr><td>"+j+"</td><td>"+package_date+"</td><td>"+quseat+"</td><td style='width:50%'><textarea style='width: 100%;' id='blocked_remarks"+quid+"'>"+quremarks+"</textarea></td><td>"+first_name+" "+last_name+"</td><td><select id='status"+quid+"'><option value='1'>Unblocked</option><option value='2' selected>Blocked</option></select></td><td>"+edit+"</td></tr>";
					$("#status"+quid+" option[value="+quseatstat+"]").attr("selected", "selected");
					}
					$("#blocked_data").html(tr);					
				}else{
					if($('#'+holder_id).hasClass("blocked_sl")){
						$('#'+holder_id).toggleClass('blocked_sl selected_sl');
					}else
					if($('#'+holder_id).hasClass("blocked")){
						$('#'+holder_id).toggleClass('blocked selected');
					}
					toastr.error('Seat Already Selected By Customer...! Please Wait');
				}
			},
			
		});
  	}else{
  		toastr.warning('Please check the Seat Layout In Vehicle Master');
  		return false;
  	}
}
function get_seat_data(vehicle_id,package_date,package_id,trip_id){
	if(vehicle_id){
	$.ajax({
		type: "POST",
		url: "<?php echo site_url('package_ticket/get_seat_data'); ?>",
		data:{vehicle_id:vehicle_id,package_date:package_date,package_id:package_id,trip_id:trip_id},
		success: function(data){
			var rslt = JSON.parse(data);
			for(i = 0; i < rslt.seat_data.length; i++){
				var vehicle_lower = rslt.seat_data[i].vehicle_lower;
				var vehicle_upper = rslt.seat_data[i].vehicle_upper;
				var blocked       = rslt.seat_data[i].blocked;
				var booked        = rslt.seat_data[i].booked;

				if(vehicle_lower){
				vehicle_lower   = vehicle_lower.split(",");
				$.each(vehicle_lower,function(i){
					var lower = vehicle_lower[i].split('_');
					//get number and Letters from string
					var num  = lower[1];
					var type = lower[0];	
					var seatno_lower_id = "seatnolower_"+num;
					var seatno = "seat_no"+num;
					//Only for Place Seat no on seat 
					var seat   = "seat"+num;
					var title_lower     = "Seat No :"+num;
					document.getElementById('seatno_lower').setAttribute('id',seatno_lower_id);
					document.getElementById('seat_no').setAttribute('id',seatno);
					document.getElementById('seat').setAttribute('id',seat);
					document.getElementById(seatno_lower_id).setAttribute('title', title_lower);
					$('#'+seat).addClass('mrgn click');
				   $("input[id="+seatno+"]").val(num);	
				   $('#'+seat).text(num);
				   if(blocked){
						var blocked_array=blocked.split(',');
					}	
					if(booked){	
						var booked_array =booked.split(',');
					}
					//Change the seat layout like sleeper or seater
					if(type === "S"){							
						if(jQuery.inArray(num, blocked_array)!='-1'){
						$('#seat_no'+num).prop('disabled', true);
						$('#seatnolower_'+num).prop('disabled', true);	
							$('#'+seatno_lower_id).addClass('blocked').removeClass('available');
							//$('#seatnolower_'+num).removeClass('click');
						}else
						if(jQuery.inArray(num, booked_array)!='-1'){
						$('#seat_no'+num).prop('disabled', true);
						$('#seatnolower_'+num).prop('disabled', true);	
							$('#'+seatno_lower_id).addClass('booked').removeClass('available');
							//$('#seatnolower_'+num).removeClass('click');
						}else{
						$('#'+seatno_lower_id).addClass('available').removeClass('blocked');
						//$('#seatnolower_'+num).addClass('click');
						}
					}else
					if(type === "SL"){	
						if(jQuery.inArray(num, blocked_array)!='-1') {
							$('#seat_no'+num).prop('disabled', true);	
							$('#seatnolower_'+num).prop('disabled', true);	
							//$('#seatnolower_'+num).removeClass('click');
							$('#'+seatno_lower_id).addClass('blocked_sl').removeClass('available_sl');
						}else
						if(jQuery.inArray(num, booked_array)!='-1'){
						$('#seat_no'+num).prop('disabled', true);
						$('#seatnolower_'+num).prop('disabled', true);	
						$('#'+seatno_lower_id).addClass('booked_sl').removeClass('available_sl');
							//$('#seatnolower_'+num).removeClass('click');
						}else{
						$('#'+seatno_lower_id).addClass('available_sl').removeClass('blocked_sl');
						//$('#seatnolower_'+num).addClass('click');
						}
					}			  
					});
				}
				if(vehicle_upper){
				vehicle_upper   = vehicle_upper.split(",");
				$.each(vehicle_upper,function(i){
					var upper = vehicle_upper[i].split('_');
					//get number and Letters from string
					var num             = upper[1];
					var type            = upper[0];	
					var seatno_upper_id = "seatnoupper_"+num;
					var seatno          = "seat_no"+num;
					var seat            = "seat"+num;
					var title_upper     = "Seat No :"+num;
					document.getElementById('seatno_upper').setAttribute('id',seatno_upper_id);
					document.getElementById('seat_no').setAttribute('id',seatno);
					document.getElementById('seat').setAttribute('id',seat);
					 document.getElementById(seatno_upper_id).setAttribute('title', title_upper);
					 $('#'+seat).addClass('mrgn click');
				   $("input[id="+seatno+"]").val(num);	
				   $('#'+seat).text(num);	
				   if(blocked){
						var blocked_array=blocked.split(',');
					}	
					if(booked){	
						var booked_array =booked.split(',');
					}					
						//Change the seat layout like sleeper or seater
					if(type === "S"){										
						if(jQuery.inArray(num, blocked_array)!='-1') {
							$('#seat_no'+num).prop('disabled', true);
							$('#seatnoupper_'+num).prop('disabled', true);
							//$('#seatnolower_'+num).removeClass('click');		
							$('#seatnoupper_'+num).addClass('blocked').removeClass('available');
						}else
						if(jQuery.inArray(num, booked_array)!='-1'){
							$('#seat_no'+num).prop('disabled', true);
							$('#seatnoupper_'+num).prop('disabled', true);	
							$('#'+seatno_upper_id).addClass('booked').removeClass('available');
							//$('#seatnolower_'+num).removeClass('click');
						}else{
						$('#'+seatno_upper_id).addClass('available').removeClass('blocked');
						//$('#seatnolower_'+num).addClass('click');
						}
					}else
					if(type === "SL"){		
						if(jQuery.inArray(num, blocked_array)!='-1') {
							$('#seat_no'+num).prop('disabled', true);
							$('#seatnoupper_'+num).prop('disabled', true);	
							//$('#seatnolower_'+num).removeClass('click');	
							$('#seatnoupper_'+num).addClass('blocked_sl').removeClass('available_sl');
						}else
						if(jQuery.inArray(num, booked_array)!='-1'){
						$('#seat_no'+num).prop('disabled', true);
						$('#seatnoupper_'+num).prop('disabled', true);	
							$('#'+seatno_upper_id).addClass('booked_sl').removeClass('available_sl');
							//$('#seatnolower_'+num).removeClass('click');
						} else {
						$('#'+seatno_upper_id).addClass('available_sl').removeClass('blocked_sl');
						//$('#seatnolower_'+num).addClass('click');
						}
					}
				});						
				}
				
			}
		},
	});
    }
}
function update_seat_status(id){
	var package_id    = '<?php echo $package_id; ?>';
  	var package_date  = '<?php echo $package_date; ?>';
  	var trip_id       = '<?php echo $trip_id; ?>';
	var blocked_remarks = $('#blocked_remarks'+id).val();
	var status          = $('#status'+id).val();
	if(id){
		$.ajax({
			type: "POST",
			url: "<?php echo site_url('package_ticket/update_blocked_seat'); ?>",
			data:{id:id,package_id:package_id,package_date:package_date,trip_id:trip_id,blocked_remarks:blocked_remarks,status:status},
			success: function(data){
				var response = JSON.parse(data);
				var tr = "";
				for(i = 0,j = 1; i < response.seat_data.length; i++,j++){
					quid          = response.seat_data[i].quid;	
				qupackid          = response.seat_data[i].qupackid;	
				quseat            = response.seat_data[i].quseat;
				quremarks         = response.seat_data[i].quremarks;
				first_name        = response.seat_data[i].first_name;
				last_name         = response.seat_data[i].last_name;
				quseatstat        = response.seat_data[i].quseatstat;

				edit = "<button class='btn btn-info btn-sm' style='cursor:pointer;' onclick='update_seat_status("+quid+")'>Update</button>";
				tr += "<tr><td>"+j+"</td><td>"+package_date+"</td><td>"+quseat+"</td><td style='width:50%'><textarea style='width: 100%;' id='blocked_remarks"+quid+"'>"+quremarks+"</textarea></td><td>"+first_name+" "+last_name+"</td><td><select id='status"+quid+"'><option value='1'>Unblocked</option><option value='2' selected>Blocked</option><option value='3'>Available Only for Admin/Staff</option></select></td><td>"+edit+"</td></tr>";
				}					
				$("#blocked_data").html(tr);
					location.reload();
			},
		});
	}
}
</script>
<?php $this->load->view("partial/footer"); ?>