Manager

Back Back Up Advanced Editor

<?php 
	
	if(empty($isEdit)){
		$isEdit=false;
	}
?>

</script>

<div class="modal fade" id="add_edit_booking" role="dialog" aria-labelledby="confirmRequestLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title"><?php echo $isEdit?"Edit":"Add";?> </h4>
      </div>
	     <form id="contactForm" action="<?php echo base_url()."admin/add_edit_booking"?>" class="contact-form" method="post" role="form">
	      <div class="modal-body">

<div class="row">
                						
                							<div class="col-md-12">
                       								 <div class="controls">
                       								 	
                       								 	<div class="row">
	                       								 	<div class="col-md-6">
	                       								 		<div class="form-group">
							                                    	<label class="control-label" for="pname"><?php _e("Name"); ?></label>
							                                        <input autocomplete="off" style="margin-bottom: 0px !important;" id="pname" type="text" maxlength="500" name="pname" class="form-control" placeholder="Name *" required="required" data-error="Name is required.">
							                                        <div id="suggesstion-box"></div>
							                                        <div id="pname_err" class="help-block with-errors"></div>
							                                    </div>
	                       								 	</div>
	                       								 	<div class="col-md-6">
	                       								 		<div class="form-group">
							                                    	<label class="control-label" for="email"><?php _e("Email"); ?></label>
							                                        <input autocomplete="off" style="margin-bottom: 0px !important;" id="email" type="text" maxlength="500" name="email" class="form-control" placeholder="Email *" required="required" data-error="Email is required.">
							                                        <div id="suggesstion-box"></div>
							                                        <div id="email_err" class="help-block with-errors"></div>
							                                    </div>
	                       								 	</div>
                       								 	</div>
                       								 	
                       								 	<div class="row">
	                       								 	<div class="col-md-6">
	                       								 		<div class="form-group">
							                                    	<label class="control-label" for="contact_no"><?php _e("Contact No."); ?></label>
							                                        <input autocomplete="off" style="margin-bottom: 0px !important;" id="contact_no" type="text" maxlength="500" name="contact_no" class="form-control" placeholder="Contact No. *" required="required" data-error="Contact No. is required.">
							                                        <div id="suggesstion-box"></div>
							                                        <div id="contact_no_err" class="help-block with-errors"></div>
							                                    </div>
	                       								 	</div>
	                       								 	<div class="col-md-6">
	                       								 		<div class="form-group">
							                                    	<label class="control-label" for="fax_no"><?php _e("Fax No."); ?></label>
							                                        <input autocomplete="off" style="margin-bottom: 0px !important;" id="fax_no" type="text" maxlength="500" name="fax_no" class="form-control" placeholder="Fax No.">
							                                        <div id="suggesstion-box"></div>
							                                        <div id="fax_no_err" class="help-block with-errors"></div>
							                                    </div>
	                       								 	</div>
                       								 	</div>
                       								 	
                       								 	<div class="row">
	                       								 	<div class="col-md-6">
	                       								 		<div class="form-group">
							                                    	<label class="control-label" for="checkInDate"><?php _e("Check In Date"); ?></label>
							                                        <input autocomplete="off" style="margin-bottom: 0px !important;" id="checkInDate" type="text" maxlength="500" name="checkInDate" class="form-control" placeholder="Check In Date *" required="required" data-error="Check In Date is required.">
							                                        <div id="suggesstion-box"></div>
							                                        <div id="checkInDate_err" class="help-block with-errors"></div>
							                                    </div>
	                       								 	</div>
	                       								 	<div class="col-md-6">
	                       								 		<div class="form-group">
							                                    	<label class="control-label" for="checkOutDate"><?php _e("Check Out Date"); ?></label>
							                                        <input autocomplete="off" style="margin-bottom: 0px !important;" id="checkOutDate" type="text" maxlength="500" name="checkOutDate" class="form-control" placeholder="Check Out Date *" required="required" data-error="Check Out Date is required.">
							                                        <div id="suggesstion-box"></div>
							                                        <div id="checkOutDate_err" class="help-block with-errors"></div>
							                                    </div>
	                       								 	</div>
                       								 	</div>
                       								 	
                       								 	<div class="row">
	                       								 	<div class="col-md-6">
	                       								 		<div class="form-group">
																      	<label class="control-label" for="rtype_id"><?php _e("Room Type"); ?></label>
														      			<select name="rtype_id" id="rtype_id" class="form-control" style="margin-bottom: 0px !important;"> 
																			<?php foreach ($rtype_data as $rd){?>
																				<option value="<?php echo $rd->rtype_id;?>"><?php echo $rd->rtype_name;?></option>
																			<?php }?>
																		</select>		      	
															     </div>	
	                       								 	</div>
	                       								 	<div class="col-md-6">
	                       								 		<div class="form-group">
							                                    	<label class="control-label" for="num_room"><?php _e("No. of Room"); ?></label>
							                                        <input autocomplete="off" style="margin-bottom: 0px !important;" id="num_room" type="number" maxlength="500" name="num_room" class="form-control" placeholder="No. of Room*" required="required" data-error="No. of Room is required">
							                                        <div id="suggesstion-box"></div>
							                                        <div id="num_room_err" class="help-block with-errors"></div>
							                                    </div>
	                       								 	</div>
                       								 	</div>
                       								 	
                       								 	<div class="row">
	                       								 	<div class="col-md-6">
	                       								 		<div class="form-group">
							                                    	<label class="control-label" for="num_night"><?php _e("No. of Night"); ?></label>
							                                        <input autocomplete="off" style="margin-bottom: 0px !important;" id="num_night" type="number" maxlength="500" name="num_night" class="form-control" placeholder="No. of Night">
							                                        <div id="suggesstion-box"></div>
							                                        <div id="num_night_err" class="help-block with-errors"></div>
							                                    </div>	
	                       								 	</div>
	                       								 	<div class="col-md-6">
	                       								 		<div class="form-group">
							                                    	<label class="control-label" for="num_adult"><?php _e("No. of Adult"); ?></label>
							                                        <input autocomplete="off" style="margin-bottom: 0px !important;" id="num_adult" type="number" maxlength="500" name="num_adult" class="form-control" placeholder="No. of Adult">
							                                        <div id="suggesstion-box"></div>
							                                        <div id="num_adult_err" class="help-block with-errors"></div>
							                                    </div>
	                       								 	</div>
                       								 	</div>
                       								 	
                       								 	<div class="row">
	                       								 	<div class="col-md-6">
	                       								 		<div class="form-group">
							                                    	<label class="control-label" for="num_child"><?php _e("No. of Child"); ?></label>
							                                        <input id="num_child" name="num_child"  type="number" min="0" step="1" class="form-control" placeholder="No. of Child *"   data-error="Input only number.">
							                                        <div id="suggesstion-box"></div>
							                                        <div id="num_child_err" class="help-block with-errors"></div>
							                                    </div>	
	                       								 	</div>
	                       								 	<div class="col-md-6">
	                       								 		<div class="form-group">
														      	<label class="control-label" for="role"><?php _e("Status"); ?></label>
													      			<select name="status" id="status" class="form-control"> 
																		<option value="P">Pending</option>
																		<option value="A">Approved</option>
																		<option value="C">Cancelled</option>
																		<option value="R">Archived</option>
																	</select>		      	
														     </div>
	                       								 	</div>
                       								 	</div>
                       								 	
                       						
                       							    </div>
               							 </div>
                   					
               					</div>	      
	      
	      
	      
	      
	      
	      
	      
	      </div>
	      
	      <div class="modal-footer">
		      	<input type="hidden" name="isEdit" id="isEdit" value="N">     	
		      	<input type="hidden" name="hidden_booking_id" id="hidden_booking_id" value="">
		        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
		        <button type="submit" name="submit" id="submit" class="btn btn-success" id="confirm">Submit</button>
	      </div>
	     </form>
    </div>
  </div>
</div>

$("#checkInDate").datepicker({'format':'yyyy-mm-dd'}).on("changeDate",function(ev){ $("#checkInDate").datepicker("hide");  });
$("#checkOutDate").datepicker({'format':'yyyy-mm-dd'}).on("changeDate",function(ev){ $("#checkOutDate").datepicker("hide");  });

$('#add_edit_room_type').submit(function() {
    	    if ($.trim($("#rtype_name").val()) === "") {
    	        alert('Please check your inputs. ');
    	        return false;
    	    }
	});

$(document).ready(function() {
	   $('#contactForm').validator();

$("#num_child").bind("keypress", function (e) {
	          var keyCode = e.which ? e.which : e.keyCode
	          if (!(keyCode >= 48 && keyCode <= 57)) {return false;}
	      });
	      $("#num_adult").bind("keypress", function (e) {
	          var keyCode = e.which ? e.which : e.keyCode
	          if (!(keyCode >= 48 && keyCode <= 57)) {return false;}
	      });
	      $("#num_night").bind("keypress", function (e) {
	          var keyCode = e.which ? e.which : e.keyCode
	          if (!(keyCode >= 48 && keyCode <= 57)) {return false;}
	      });
	      $("#num_room").bind("keypress", function (e) {
	          var keyCode = e.which ? e.which : e.keyCode
	          if (!(keyCode >= 48 && keyCode <= 57)) {return false;}
	      });
	   
	    modalset();
	});
	
  	function modalset() {
		$('#add_edit_booking').on('shown.bs.modal', function (event) {
			$(this).find("input,textarea").val('').end();
			  var button = $(event.relatedTarget);
			  tempBtn = button;
			  var booking_id = button.data('booking_id');
			  var edit = button.data('edit');
			  var modal = $(this);
			  if(edit=='Y'){
				  modal.find('.modal-title').text("Edit Booking");
				  $.ajax({
					type:"POST",
					url:"<?php echo base_url()?>admin/getBooking",
					data:{booking_id:booking_id},
					dataType:"json",
					success:function(response) {
						modal.find('#hidden_booking_id').val(booking_id);
						modal.find('#isEdit').val('Y');
						modal.find('#pname').val(response.pname);
						modal.find('#email').val(response.email);
						modal.find('#contact_no').val(response.contact_no);
						modal.find('#fax_no').val(response.fax_no);
						modal.find('#checkInDate').val(response.checkInDate);
						modal.find('#checkOutDate').val(response.checkOutDate);
						modal.find('#rtype_id').val(response.rtype_id);
						modal.find('#num_room').val(response.num_room);
						modal.find('#num_night').val(response.num_night);
						modal.find('#num_adult').val(response.num_adult);
						modal.find('#num_child').val(response.num_child);
						modal.find('#status').val(response.status);
						modal.find('#submit').text("Update");
					}
				});

} else {
				  modal.find('.modal-title').text("Add Booking");
				  modal.find('#hidden_booking_id').val(booking_id);
				  modal.find('#isEdit').val('N');
				  modal.find('#submit').text("Save");
				}
			});

}
</script>