<?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="#"> Cheque Process </a> </li>
          <li class="active"> Print Cheque </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>Print Cheque</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">
          <hr>
          <form role="form" class="form-horizontal" id="update_issue_loan_form" action="#" method="post">
            <div class="modal-header">          
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title">Print Cheque</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="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="" >
                    </div>
                    </div>
                      <div class="form-group">
                      <label>Payee *</label>
                      <div class="form-group">
                        <input type="text" class="form-control" name="payee" id="payee" value="" required >
                      </div>
                    </div>
                    <div class="form-group">
                      <label>Amount *</label>
                      <div class="input-group">
                        <input type="text" class="form-control" name="amount" id="amount" value="" required >
                      </div>
                    </div>
                    
                     <div class="form-group">
                      <label>Payee only</label>
                      <div class="form-group">
                        <input type="checkbox" name="payee_only" value="1" id="payee_only" > 
                      </div>
                    </div>
                    
                  </div>
                </div>
         
              <!--col-md-12--> 
            </div>
            <div class="modal-footer">
              <input type="button" name="update" value="Print" class="btn btn-primary" id="update" onClick="fbs_click()">
            </div>
          </form>
          <hr>
        </div>
        </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>
        
        <!-- 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();
	
	//-----------------------------------------------			
	$('#chque_date').datepicker({autoclose: true,
    closeOnDateSelect: true});
	
	
	//------------------------------------------------
	 
	//-------------------------------------------------
				
	});
	
	function fbs_click(url) {

	var chque_date=$('#chque_date').val();

	var payee=$('#payee').val();

	var amount=$('#amount').val();

	var payee_only=$('#payee_only').val();
	var checkedValue = $('#payee_only:checked').val();


	u=location.href;

	t=document.title;

	url='<?php echo base_url();?>'+'cheque_process/cheque_printing?chque_date='+chque_date+'&payee='+payee+'&amount='+amount+'&payee_only='+checkedValue;

	window.open(url,'sharer','toolbar=0,status=0,height=384,width=672, left=10, top=10,scrollbars=yes');return false;

}



					
	

	/*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>