	<?php $this->load->view("common/header"); ?>
	<!-- end: HEAD -->
       
	
		<!-- end: CSS REQUIRED FOR THIS PAGE ONLY -->
	<!-- end: HEAD -->
	<!-- start: BODY -->
	<body>
		<!-- start: HEADER -->
		<div class="navbar navbar-inverse navbar-fixed-top">
			<!-- start: TOP NAVIGATION CONTAINER -->
			<div class="container">
				<div class="navbar-header">
					<!-- start: RESPONSIVE MENU TOGGLER -->
					<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
						<span class="clip-list-2"></span>
					</button>
					<!-- end: RESPONSIVE MENU TOGGLER -->
					<!-- start: LOGO -->
					<?php $this->load->view("common/logo"); ?>
					<!-- end: LOGO -->
				</div>
				<div class="navbar-tools">
					<!-- start: TOP NAVIGATION MENU -->
				<?php $this->load->view("common/notifications.php"); ?>
					<!-- end: TOP NAVIGATION MENU -->
				</div>
			</div>
			<!-- end: TOP NAVIGATION CONTAINER -->
		</div>
		<!-- end: HEADER -->
		<!-- start: MAIN CONTAINER -->
		<div class="main-container">
			<div class="navbar-content">
				<!-- start: SIDEBAR -->
				<?php $this->load->view("common/navigation"); ?>
				<!-- end: SIDEBAR -->
			</div>
			<!-- start: PAGE -->
			<div class="main-content">
				<!-- end: SPANEL CONFIGURATION MODAL FORM -->
				<div class="container">
					<!-- start: PAGE HEADER -->
					<div class="row">
						<div class="col-sm-12">
							<!-- start: PAGE TITLE & BREADCRUMB -->
							<ol class="breadcrumb">
								<li>
									<a href="<?php echo base_url('dashboard'); ?>">
										 Dashboard 
									</a>
								</li>
                                <li>
									<a href="#">
										 Loan 
									</a>
								</li>
                                
                                
								<li class="active">
									Loan Payment Pending List
								</li>
								<li class="search-box">
									<form class="sidebar-search">
										<div class="form-group">
											<input type="text" placeholder="Start Searching...">
											<button class="submit">

												<i class="clip-search-3"></i>
											</button>
										</div>
									</form>
								</li>
							</ol>
							<div class="page-header">
								<h3>Loan Payment Pending List</h3>
							</div>

                            <p>Please use the table below to navigate or filter the results. </p>
                                         <div class="col-sm-3">
			<div class="form-group">
			<label>Route  * </label>                                                
			<select id="route_id" class="form-control search-select" name="route_id" >										            <option value="">All Routes
			</option>
			 <?php foreach ($routes_list as $row)
					{?>  
                     <option  value="<?php echo $row['route_id']; ?>">
					<?php echo $row['route_name']; ?>
					</option>
					<?php }?>
					</select>
                    </div>
					</div>
                    
                    <div class="col-md-3">
              <div class="form-group">
               
                <label for="loan_payment_term">Payment Term *  </label>
                <select  id="loan_payment_term" class="form-control search-select" name="loan_payment_term" >              
              	 <option   value="">All Payment Methods</option>                     
               <?php 						
						foreach ($payment_term_list as $row)
							{ ?>                                                         
                            <option value="<?php echo $row['id'];?>"><?php echo $row['payment_term_name'];?></option>                          
							<?php }  ?>	
                 </select>
                 </div></div>
                 
                     <div class="col-sm-4 ">
                      <div class="form-group">
						<label for="s2id_autogen1"></label><br>
                         <input type="button" name="add_category" value="Filter Reuslt" class="btn btn-primary" onClick="loadGrid()"> 
                          </div>
						</div>
						</div>
					</div>
					<!-- end: PAGE HEADER -->
					<!-- start: PAGE CONTENT 
                    <!-- start grid -->
                    <div class="row">
						<div class="col-md-12">
							<!-- start: DYNAMIC TABLE PANEL -->
							<div class="panel panel-default">
								<div class="panel-heading">
									<i class="fa fa-external-link-square"></i>
									Bookings
                                    <div class="panel-tools" style="top:2px;">
												<button class="btn btn-blue dropdown-toggle" data-toggle="dropdown">
													<i class="clip-list-5"></i> Create New Loan
												</button>
												<ul class="dropdown-menu dropdown-light pull-right">
														<li>
															<a id="" data-toggle="modal" href="<?php echo base_url('loan/manage/0'); ?>">
																<i class="fa fa-plus"></i> Create New Loan
															</a>
														</li>
														
													</ul>
												</div>
								</div>
								</div>
							  <div class="panel-body">
							    <div id="error"></div>
								  <table class="table table-bordered table-condensed table-hover table-striped dataTable" id="products_table">
									  <thead>
							              <tr>
							                
											  <th>Reference<br>No.</th>
											  <th>Customer</th>
                                              <th>Loan <br> Amount</th>  
                                              <th>Loan <br>Balance</th>
                                              <th>Rental<br> Amount </th>
                                              <th>Last<br>Payment</th>
                                              <th>Arrears<br>Amount</th>                                     
                                              <th>Loan Date</th>
                                              <th>Close Date</th>
											  <th>Payment<br>Term</th>                                    
											  <th>No.of<br> Term</th>                                    
                                              <th>Action</th>
							              </tr>
							          </thead>
							          <tfoot>
											 <tr>
							                <th>Reference<br>No.</th>
											  <th>Customer</th>
                                              <th>Loan <br> Amount</th>  
                                              <th>Loan <br>Balance</th>
                                              <th>Rental<br> Amount </th>
                                              <th>Last<br>Payment</th>
                                              <th>Arrears<br>Amount</th>                                     
                                              <th>Loan Date</th>
                                              <th>Close Date</th>
											  <th>Payment<br>Term</th>                                    
											  <th>No.of<br> Term</th>                                    
                                              <th>Action</th>
							              </tr>
                                          </tfoot>
						          </table>
								</div>
							</div>
							<!-- end: DYNAMIC TABLE PANEL -->
						</div>
					</div>

                    <!-- end grid -->
                    
					
			</div>
			<!-- end: PAGE -->
		</div>
		<!-- end: MAIN CONTAINER -->
		<!-- start: FOOTER -->
		<div class="footer clearfix">
			<div class="footer-inner">
				<?php echo date("Y"); ?> © A.S.S.K Loan Management System
			</div>
			<div class="footer-items">
				<span class="go-top"><i class="clip-chevron-up"></i></span>
			</div>
		</div>
		<!-- end: FOOTER -->
		<!-- start: RIGHT SIDEBAR -->
		<!-- end: RIGHT SIDEBAR -->
		<div id="event-management" class="modal fade" tabindex="-1" data-width="760" style="display: none;">
			<div class="modal-dialog">
				<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">Event Management</h4>
					</div>
					<div class="modal-body"></div>
					<div class="modal-footer">
						<button type="button" data-dismiss="modal" class="btn btn-light-grey">
							Close
						</button>
						<button type="button" class="btn btn-danger remove-event no-display">
							<i class='fa fa-trash-o'></i> Delete Event
						</button>
						<button type='submit' class='btn btn-success save-event'>
							<i class='fa fa-check'></i> Save
						</button>
					</div>
				</div>
			</div>
		</div>

		<!-- start ajax model -->
		<div id="ajax-modal" class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" style="display: none;"></div>
		<!-- end ajax model -->

		<!-- start: MAIN JAVASCRIPTS -->
		<?php $this->load->view("common/footer"); ?>
		<!-- end: MAIN JAVASCRIPTS -->
		<script type="text/javascript" src="<?php echo asset_url(); ?>js/jquery.dataTables.min.js"></script>
		<script type="text/javascript" src="<?php echo asset_url(); ?>js/dataTables.bootstrap.min.js"></script>
         <script type="text/javascript" src="<?php echo base_url('thems/js/bootbox.min.js'); ?>"></script>
        <script>
			jQuery(document).ready(function() {
				//TableData.init();
				loadGrid();
			});


			function loadGrid() {
					 var route_id=$('#route_id').val();
					 var loan_payment_term=$('#loan_payment_term').val();
					 
					 

					    $('#products_table').DataTable({
					        "ajax": "<?php echo base_url('loan_payment_received/get_payment_pending_list') ?>?route="+route_id+"&payment_t="+loan_payment_term,
							"processing": true,
							"serverSide": true,
					        "bDestroy": true,
					        "iDisplayLength": 10,
							"order": [[ 0, "desc" ]]
					    });

					}
					



		
		</script>
	</body>
	<!-- end: BODY -->
</html>