<?php $this->load->view("common/header"); ?>
<!-- end: HEAD -->

<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"> Loan Payments </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 Payments</h3>
          </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">
         
            
            
            <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>
                <font style="color:#333;">Please fill in the information below. The field labels marked with * are required input fields.</font> </div>
           
            <table class="table table-bordered table-condensed table-hover table-striped dataTable" id="">
              <thead>
              </thead>
              <tbody>
             
                <tr>
                  <td width="15%"><strong>Loan No </strong></td>
                  <td><?php echo $details['loan_ref'];?></td>
                </tr>
                <tr>
                  <td><strong>Customer</strong></td>
                  <td><?php echo $details['cus_name'];?></td>
                </tr>
                <tr>
                  <td><strong>Loan Amount</strong></td>
                  <td><?php echo $details['loan_tot_amount'];?></td>
                </tr>
                <tr>
                  <td><strong>Term Amount</strong></td>
                  <td><?php echo $details['loan_term_amount'];?></td>
                </tr>
              </tbody>
            </table>
           
              
              
              <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="Cash">Cash</option>
                          <option value="Cheque">Cheque</option>
                        </select>
                      </div>
                      <div class="form-group">
                        <h5>Amount</h5>
                        <input type="number" class="form-control" name="amount" id="amount" value="" required placeholder="0.00" autocomplete="off" >
                      </div>
                      <div class="form-group">
                        <label>Payment 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="<?php echo date('Y-m-d'); ?>" required autocomplete="off">
                          <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 autocomplete="off" 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 autocomplete="off" 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">
                          <h5>Contact Number </h5>
                          <input autocomplete="off" type="text" class="form-control" name="contact_no" id="contact_no"  value="">
                        </div>
                        <div class="form-group" >
                          <h5>Payee*</h5>
                          <input autocomplete="off" type="text" class="form-control" name="payee" id="payee" value="" placeholder="Enter Cheque Payee Here" >
                        </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>
                  </div>
                </div>
                <!--col-md-12--> 
              </div>
              <div class="modal-footer">
                <input type="button" name="update" value="Save" class="btn btn-primary" id="update" onClick="submit_update_pay_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> 
              <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">
                </ul>
              </div>
            </div>
          </div>
          <div class="panel-body">
            <div id="error"></div>
            <h4>Loan Payment History</h4>
            <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>Recived Date</th>
                  <th>Type</th>
                  <th>Received<br>
                    Amount</th>
                  <th>Cheque<br>
                    Number</th>
                  <th>Cheque<br>
                    Date</th>
                  <th>Cheque<br>
                    Deposit</th>
                  <th>Cheque<br>
                    Return</th>
                  <th>Collected<br>
                    By</th>
                  <th>Action</th>
                </tr>
              </thead>
              <tfoot>
                <tr>
                  <th></th>
                  <th>Reference<br>
                    No.</th>
                  <th>Recived Date</th>
                  <th>Type</th>
                  <th>Received<br>
                    Amount</th>
                  <th>Cheque<br>
                    Number</th>
                  <th>Cheque<br>
                    Date</th>
                  <th>Cheque<br>
                    Deposit</th>
                  <th>Cheque<br>
                    Return</th>
                  <th>Collected<br>
                    By</th>
                  <th>Action</th>
                </tr>
                </tfoot>
            </table>
          </div>
        </div>
        <!-- end: DYNAMIC TABLE PANEL --> 
      </div>
    </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});
	
	var currentDate = new Date();
	$('#loan_issue_date').datepicker({autoclose: true,
	closeOnDateSelect: true,
	defaultDate: currentDate,
	format:"YYYY-MM-DD"
    });	
	//------------------------------------------------
	  $("#payment_type").on("change", function() {
        if ($(this).val() == "Cash") {			
            $("#cheque1").hide();
			 $("#cheque2").hide();
        }
        else {
           $("#cheque1").show();
		   $("#cheque2").show();
        }
    });
	//-------------------------------------------------
				
	});


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

	function submit_update_pay_loan_form(){
 
  var fields = $("#update_issue_loan_form").serialize();
  $.post( "<?php echo base_url();?>loan_payment_received/update_pay_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>