	<?php $this->load->view("common/header"); ?>
	<!-- end: HEAD -->
       
		<!-- start: CSS REQUIRED FOR THIS PAGE ONLY -->
		<link rel="stylesheet" type="text/css" href="<?php echo asset_url(); ?>plugins/select2/select2.css" />
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/DataTables/media/css/DT_bootstrap.css" />
		<link href="<?php echo asset_url(); ?>plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css" rel="stylesheet" type="text/css"/>
		<link href="<?php echo asset_url(); ?>plugins/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" type="text/css"/>
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-fileupload/bootstrap-fileupload.min.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/select2/select2.css">


		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/select2/select2.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/datepicker/css/datepicker.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-daterangepicker/daterangepicker-bs3.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/jQuery-Tags-Input/jquery.tagsinput.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-fileupload/bootstrap-fileupload.min.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/summernote/build/summernote.css">

		<style type="text/css">
			.table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table-striped thead tr.primary:nth-child(2n+1) th {
			    background-color: #428bca;
			    border-color: #357ebd;
			    border-top: 1px solid #357ebd;
			    color: white;
			    text-align: center;
			}

		</style>
		<!-- 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">
									List Loan
								</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">
								<h1>Loan Issue Manage</h1>
							</div>

                            <p>Please use the table below to navigate or filter the results. </p>
						</div>
					</div>
					<!-- end: PAGE HEADER -->
					<!-- start: PAGE CONTENT 
                    <!-- start grid -->
                    <div class="row">
						<div class="col-md-12">
                        
                        
                        <!------------------------------------------------------------------------->
                        <div class="col-md-12">
                        <hr>
 <form role="form" class="form-horizontal" id="update_issue_loan_form" action="#" method="post">
<div class="modal-header">

<input id="loan_id" type="hidden" name="loan_id" value="<?php if(isset($details['loan_id'])){ echo $details['loan_id']; } ?>" required>
<input id="cus_id" type="hidden" name="cus_id" value="<?php if(isset($details['cus_id'])){ echo $details['cus_id']; } ?>" required>
<input id="route_id" type="hidden" name="route_id" value="<?php if(isset($details['route_id'])){ echo $details['route_id']; } ?>" required>
<input id="warehouse_id" type="hidden" name="warehouse_id" value="<?php if(isset($details['warehouse_id'])){ echo $details['warehouse_id'];} ?>" required>

 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 <h4 class="modal-title">Update Issue Loan</h4>
  <font style="color:#333;">Please fill in the information below. The field labels marked with * are required input fields.</font>
   </div>    
            
            <div class="modal-body">
            <div id="error"></div>
                <div class="row">
                <div class="col-md-12">
                    <div class="col-md-5">                    
                    
                    
              <div class="form-group">
               <label for="payment_type">Paid By </label>
               <select  id="payment_type" class="form-control" name="payment_type" >              
               <option value="1">Cash</option>
               <option value="2">Cheque</option>              
               </select>
              </div>         
                    
               <div class="form-group">
               <h5>Amount</h5>                        
               <input type="text" class="form-control" name="amount" id="amount" value="<?php if(isset($details['loan_tot_amount'])){ echo ($details['loan_tot_amount']-$issue_amount); } ?>" required >
               </div>       
               
              
                     
                <div class="form-group">
                <label>Issue Date *</label>
                 <div class="input-group">
				<input id="loan_issue_date" type="text" data-date-format="yyyy-mm-dd" data-date-viewmode="years" class="form-control date-picker" name="loan_issue_date" value="" required>
				<span class="input-group-addon"> <i class="fa fa-calendar"></i> </span>
				</div>
                </div>        
                    
                <div id="cheque1" style="display:none"> 
                
                <div class="form-group" >
                 <h5>Cheque Number *</h5>
                 <input type="text" class="form-control" name="cheqe_number" id="cheqe_number" value="" placeholder="Enter Cheqe Number Here" >
                 </div>
                
                  <div class="form-group">
                   <label>Cheque Date *</label>
                    <div class="input-group">
					<input id="chque_date" type="text" data-date-format="yyyy-mm-dd" data-date-viewmode="years" class="form-control date-picker" name="chque_date" value="" >
					<span class="input-group-addon"> <i class="fa fa-calendar"></i> </span>
					</div>
                    </div>   
                            
                     </div>                      
                      
                    </div>
                    
                    <div id="cheque2" style="display:none">
                    <div class="col-md-5 pull-right">
                    <div class="form-group" style="display:none">                     
                    <h5>Contact Number  </h5>                      
                    <input type="text" class="form-control" name="contact_no" id="contact_no"  value="">
                     </div>
                     
                      <div class="form-group" >
                 <h5>Payee*</h5>
                 
               <select  id="payee" class="form-control search-select" name="payee" >                
               <option  value="<?php echo $details['cus_name'];?>"><?php echo $details['cus_name'];?></option>
               <option value="Cash">Cash</option>						   
                          
                </select>
                 
                 
                 </div>
                        
                    <div class="form-group">
               
                <label for="bank">Bank </label>
                  <select  id="bank_id" class="form-control search-select" name="bank_id" >              
               <option value="">-Select-</option>
               <?php 						
						foreach ($bank_list as $row)
							{?>                            
                            <option  value="<?php echo $row['bank_id'];?>"><?php echo $row['bank_code'];?></option>						   
                            <?php }  ?>	
                </select>
              </div>
                       
                     <div class="form-group">
                      <h5>Issue Branch </h5>
                       <input type="text" class="form-control" name="issue_brnach" id="issue_brnach" >
                      </div>
                      
      					</div>
                
                </div> <!--col-md-12-->
            </div>
            <div class="modal-footer">
            <input type="button" name="update" value="Issue Loan" class="btn btn-primary" id="update" onClick="submit_update_issie_loan_form()">
            </div>
</form>
                        
                        <hr>
                        </div>
                        
                       <!-------------------------------------------------------------------------------->
							<!-- 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></th>
											 <th>Reference<br> No.</th>
											  <th>Issue Date</th>
                                              <th>Type</th>
											  <th>Issue<br> Amount</th>                                         
											  <th>Cheque<br> Number</th>
                                                <th>Cheque<br> Date</th>
                                                <th>Payee</th>
                                                <th>Bank</th>
                                                <th>Branch</th>
                                                <th>Action</th>
							              </tr>
							          </thead>
							          <tfoot>
											 <tr>
							                <th></th>
                                             <th>Reference<br> No.</th>
											  <th>Issue Date</th>
                                              <th>Type</th>
											  <th>Issue<br> Amount</th>                                         
											  <th>Cheque<br> Number</th>
                                                <th>Cheque<br> Date</th>
                                                <th>Payee</th>
                                                <th>Bank</th>
                                                <th>Branch</th>
                                                <th>Action</th>
							              </tr>
						          </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 src="<?php echo asset_url(); ?>js/jquery-ui.js" ></script>
	<script src="<?php echo asset_url(); ?>js/moment-with-locales.js"></script> 
	<script src="<?php echo asset_url(); ?>/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>   
	<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();
	//-----------------------------------------------			
	$('#chque_date').datepicker({autoclose: true,
    closeOnDateSelect: true});
	
	$('#loan_issue_date').datepicker({autoclose: true,
    closeOnDateSelect: true});	
	//------------------------------------------------
	  $("#payment_type").on("change", function() {
        if ($(this).val() == "1") {			
            $("#cheque1").hide();
			 $("#cheque2").hide();
        }
        else {
           $("#cheque1").show();
		   $("#cheque2").show();
        }
    });
	//-------------------------------------------------
				
	});


	function loadGrid() 
	{
	$('#products_table').DataTable({
	"ajax": "<?php echo base_url('loan_issue/get_list_loan_issue_amount_details_by_loan_id?id='.$details['loan_id']) ?>",
	"bDestroy": true,
	"iDisplayLength": 50,
	"order": [[ 0, "desc" ]]
	});
	}
					
	

	function submit_update_issie_loan_form(){
 
  var fields = $("#update_issue_loan_form").serialize();
  $.post( "<?php echo base_url();?>loan_issue/update_issue_loan_details", fields)
    .done(function( data ) {
      var obj = jQuery.parseJSON(data);
      if(obj.error==1){
        
         alert(obj.msg);
		location.reload(true);
		// loadGrid();        
      }
      if(obj.error==0){
		   alert(obj.msg);
		  location.reload(true);
		   // loadGrid();
      }
	  
	   if(obj.error==2){
		   alert(obj.msg);
		  location.reload(true);
		   // loadGrid();
      }
	        //$('div#update_personal_details_sucs_msg_box').html('<div class="alert alert-block alert-success fade in">'+'Personal Details Updated! '+'</div>');
      
      
    });
}


	
	

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