<?php $this->load->view("partial/header"); ?>
<link rel="stylesheet" type="text/css" href="dist/data_tables/datatables.min.css"/>
<script type="text/javascript" src="dist/data_tables/datatables.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    table_support.init({
        resource: '<?php echo site_url($controller_name); ?>'});
    $('#search_customer').click(function(){
	var search_by     = $("#search_by").val();
	var search_text   = $("#search_text").val();	
	if(!search_by){
		toastr.warning("Search By Field is Required");
		return false;
	}
	if(!search_text){
		toastr.warning("Search Text Field is Required");
		return false;
	}
	var package_id    = '<?php echo $package_id; ?>';
	var package_date  = '<?php echo $package_date; ?>';
	var trip_id       = '<?php echo $trip_id; ?>';
	$('#cust_list').DataTable().destroy();
    $.ajax({  
		type: "POST",
		url: "<?php echo site_url('package_ticket/get_customer_data'); ?>",
		data:{search_by:search_by,search_text:search_text},
		success: function(data){
			var rslt = JSON.parse(data);
			var tr = "";
			for(i = 0,j = 1; i < rslt.cust_data.length; i++,j++){
				custid        = rslt.cust_data[i].custid;				
			first_name        = rslt.cust_data[i].custfname;
			last_name         = rslt.cust_data[i].custlname;
			custemail         = rslt.cust_data[i].custemail;	
			custphone         = rslt.cust_data[i].custphone;
			custmobile        = rslt.cust_data[i].custmobile;
			custloginid       = rslt.cust_data[i].custloginid;			
			edit = "<a class='btn btn-info btn-sm' style='cursor:pointer;' href=<?php echo site_url('package_ticket/book_ticket/');?>"+custid+"/"+package_id+"/"+package_date+"/"+trip_id+"/"+custmobile+">Book Now</a>";
			tr += "<tr><td>"+j+"</td><td>"+custid+"</td><td>"+first_name+" "+last_name+"</td><td>"+custmobile+"</td><td>"+custphone+"</td><td>"+custemail+"</td><td>"+custloginid+"</td><td>"+edit+"</td></tr>";
			}	
			$('#customer_table').html(tr);	
			$('#cust_list').DataTable({    
                  "ordering": false,    
                        destroy: true,  
            });			
		},

	});
});
});
</script>
<div id="table_holder">
    <div id="title_bar" class="btn-toolbar">
        <h1>Search / Add Customer</h1>
        <button class='btn btn-info btn-sm pull-right modal-dlg' data-btn-submit='<?php echo $this->lang->line('common_submit') ?>' data-href='<?php echo site_url("Customers/view"); ?>'
                title='Add Customer'>
            <span class="fa fa-user-plus">&nbsp</span> Add Customer
        </button>
    </div>
    <div class="form-group">
		<?php echo form_label("Search By", 'search_by', array('class' => 'required')); 
		$search_by = array('' => '--Select Search By--', '1' =>'ID', '2' => 'Name','3' => 'Mobile', '4'  => 'Email', '5'  => 'Phone','6'  => 'Login Id');		
		echo form_dropdown(array('name' => 'search_by','id' => 'search_by','class' => 'form-control'), $search_by, '');
		?>
	</div>
	<div class="form-group">
		<?php
		echo form_label("Search Text", 'search_text', array('class' => 'required'));
			echo form_input(
				array(
					'name'=>'search_text',
					'id'=>'search_text',
					'placeholder'=>'Search text',
					'class'=>'form-control input-sm',
					'value'=>''
				)
			);
		?>
	</div>
	<div class="form-group">
		<button class="btn btn-info btn-sm" id="search_customer">Search</button>
	</div>
	<table class="table table-hover table-striped" id="cust_list">
		<thead style="background-color: #D8343F;">
			<tr style="color: #FFFFFF;">  
				<th>S No</th>    
				<th>Customer ID</th>  
				<th>Name</th>
				<th>Mobile</th>
				<th>Phone</th>
				<th>Email</th>
				<th>Login ID</th>
				<th>Book Now</th>
			</tr>
		</thead>
		<tbody id="customer_table">
		</tbody>
	</table>
</div>
<style type="text/css">
	div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 0.5em;
	display: inline-block;
	float: left;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 8px 15px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #ffffff;
    background-color: #D8343F;
    border: 1px solid transparent;
    margin-left: -1px;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color: #FFFFFF;
    background-color:#D8343F;
    border-color: transparent;
    cursor: not-allowed;
}
</style>
<?php $this->load->view("partial/footer"); ?>