<?php 
include ("include/makeSession.php");
$installment_id=mysqli_query($con,"select * from admin where id='".$_SESSION["ecomid"]."'");
	  $installment_id=mysqli_fetch_array($installment_id); 
$installment_id=$installment_id['menuper'];
	  $menuper=explode(',',$installment_id);
	   
	   if(in_array('Manage Fee',$menuper)){
		  
	   }else{
		 
	header("location:index.php");
		   
		}
include('include/function.php');
include("include/header.php");

include("include/sidebar.php");

if(isset($_REQUEST['upid']) && $_REQUEST['upid']!=''){
	  $dovalue="Setinstallment";
	  $doid=$_REQUEST['upid'];
	  $upuserresult=mysqli_query($con,"select * from admission_enquiry_form where id='".$_REQUEST['upid']."'");
	  $upuserarr=mysqli_fetch_array($upuserresult);
}else{
 	  $dovalue="Setinstallment";
	  $doid='';
}
?>
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  
  <section class="content">
    <div class="row">
      <div class="col-md-12">
	  <section class="content-header">
    <h1> Setinstallment<small></small> </h1>
    <ol class="breadcrumb">
      <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
      <li><a href="#">Setinstallment</a></li>
    </ol>
  </section>
  <!-- Main content -->
   <?php if(!empty($_SESSION['msg'])){
			  $msg=$_SESSION["msg"];
           echo '<div class="col-md-12">
			<div class="alert alert-success alert-dismissible">
  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
  '.$msg.'
		  </div>'; $_SESSION["msg"]='';} ?>
      <form method="post" action="action1.php" class="cmxform" id="signupForm"  enctype="multipart/form-data"  role="form">
                <input type="hidden"  name="do" value="<?php echo $dovalue;?>" />
                <input type="hidden"  name="doid" value="<?php echo $doid;?>" />
                 <input type="hidden"  name="UserID" value="<?php echo $_SESSION["ecomid"];?>" />
                 <input type="hidden"  name="tablename" id="tablename"  />
        <div class="box box-info">
          <div class="box-header">
            <h3 class="box-title">Setinstallment <small></small></h3>
            <!-- tools box -->
            <div class="pull-right box-tools">
              <button class="btn btn-info btn-sm" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
              <button class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
            </div>
            <!-- /. tools --> 
          </div>
          <!-- /.box-header -->
          <div class="box-body pad">            
             <div class="col-md-12">
			<div class="alert alert-danger alert-dismissible messagess" style='display:none;'>
  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
 <p id="messages">  </p>
		  </div>
                <!-- text input -->
				<div class="row">
				  <div class="col-md-4">
                 <label>Search Studuent :</label> 
				               			  
                  <input name="studentid" id="studentid" type="text" class="form-control" value="<?php if(isset($_REQUEST['upid'])){ echo $upuserarr['name'];}?>" placeholder="Search By  Studuent Id " required> 
                  </div>     	  <div class="col-md-4">
				 <!-- <a href="payfee.php" ><button class="btn btn-primary pull-right" >Add Misc Fee</button> </div> </a>  -->
				   <input type="hidden" name="studentsid" id="studentsid"/>
				     <input type="hidden" name="student_id" id="student_ids"/>
				   
				</div>
				
					<div class="row details sectionhide" style='margin-top:20px; display:none;' >
				
                <div class="col-md-3">
                <div class="form-group">
                  <label for="name">Name  : <span id="name" class='intallment'></span></label>  
              			  
                 
                </div>
                </div>
				<div class="col-md-3">
                <div class="form-group">
                  <label>Father Name :  <span id="fname" class='intallment'></span></label>                                    
                 	
                </div>
                </div>
				<div class="col-md-3">
                <div class="form-group">
                <label for="name">Mobile No   : <span id="mobileno" class='intallment'></span></label>  
              		
                </div>
                </div>
				
				</div>
				<div class="row details" style="display:none;" >
				
                <div class="col-md-3">
                <div class="form-group">
				                  <label>Total Fee :  <span id="totalfee" class='intallment'></span></label>                                     
                  
                 	  
                 
                </div>
                </div>
				<div class="col-md-3">
                <div class="form-group">
                   <label for="name">Due Fee   : <span id="duefee" class='intallment'></span></label>  
              		<input type="hidden" name="dues" id="duesfee"/> 
              		<input type="hidden" name="acaed" id="acaed"/>
              			<input type="hidden" name="acast" id="acast"/>
                </div>
                </div>
                <div class="col-md-3">
                <div class="form-group">
                   <label for="name">Total Submit Fee   : <span id="submitfee" class='intallment'></span></label>  
              		
                </div>
                </div>
				<div class="col-md-3">
                <div class="form-group">
                   <label for="name">Less Disscount   : <span id="discount" class='intallment'></span></label>  
              		
                </div>
                </div>
                	<div class="col-md-3">
                <div class="form-group">
                   <label for="name">Session Start   : <span id="sessionstart" class='intallment'></span></label>  
              		
                </div>
                </div>
                                	<div class="col-md-3">
                <div class="form-group">
                   <label for="name">Session End   : <span id="sessionend" class='intallment'></span></label>  
              		
                </div>
                </div>
				</div>

              		
               
				<div class="row" style='margin-top:20px;'>
				
                <div class="col-md-4">
                <div class="form-group">
                  <label for="name">Number Of Installment * :</label>  
              			  
                  <input name="numberofinstallment" id="numberofinstallment"  type="number" class="form-control" value="<?php if(isset($_REQUEST['upid'])){ echo $upuserarr['numberofinstallment'];}?>"
				  placeholder="Number Of Installment" required>                  
                </div>
                </div>
				<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Auto Fill Date</button>
				
				</div>
				<div class="ins">
			
                 </div>
                </div>
			
				 

  <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Set Date</h4>
        </div>
        <div class="modal-body">
              <div class="form-group col-md-6" style="width:200px;">
                <input type="number" class="form-control" id="quantyi" placeholder="Number" required/>
                  </div>
          <div class="form-group col-md-6" style="width:300px;" required>
  
  <select class="form-control" id="sel1">
    <option value='days'>Days</option>
    <option value='weeks'>Weeks</option>
    <option value='months'>Months</option>
    <option value='years'>Years</option>
  </select>
</div>   
      <div class="form-group col-md-6" style="width:200px;">
                <input type="date" class="form-control" id="dates" required/>
                  </div>


        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" id="setDate" data-dismiss="modal">Set Date</button> 
        </div>
      </div>
    </div>
  </div>
</div>

          </div>
        </div>
	
       
         
        <div class="box-footer">
                  <input type="submit" class="btn btn-primary" name="ctl00$ContentPlaceHolder1$btnsave" value="Save"/>
                  <input type="reset" name="ctl00$ContentPlaceHolder1$btn_reset" value="Reset" id="ContentPlaceHolder1_btn_reset" class="btn btn-primary">
                  <div class="col-xs-1 subject hidden-print">
                    <button class="btn btn-primary" onclick="window.print();">Print</button>
                  </div>
                </div>
        </form> 
        <!-- /.box --> 
      </div>
      <!-- /.col--> 
    </div>
    <!-- ./row --> 
  </section>
  <!-- /.content -->
</div>
<?php include('include/footer.php');?>
<style>
	#commentForm {
		width: 500px;
	}
	#commentForm label {
		width: 250px;
	}
	#commentForm label.error, #commentForm input.submit {
		margin-left: 253px;
	}
	#signupForm {
		width: 100%;
	}
	#signupForm label.error {
		margin-left: 10px;
		
		display: inline;
	}
	#newsletter_topics label.error {
		display: none;
		margin-left: 103px;
	}
	form.cmxform label {
    width: 250px;
}


	</style>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
	<script>


$(document).ready(function() {
    
   
    
	$('.details').hide();
	$('.alert').hide();
	
	$('#studentid').keyup(function(){
		
		$('.alert').hide();
		$('.details').css('display','none');
	$('#name').html('');
	$('#fname').html('');
	$('#mobileno').html('');
	$('#totalfee').html('');
	$('#duefee').html('');
	$('#duesfee').val('');
	$('#acaed').val('');
	$('#acast').val('');
	$('#submitfee').html('');
	$('#discount').html('');
	$('#sessionstart').html('');
	$('#sessionend').html('');
	$('#studentsid').val('');
	$('#tablename').val('');
	$('#student_id').val('');
	var vales=$('#studentid').val();
var studentsid=$('#studentsid').val();
var student_id=$('#student_id').val();
//alert(vales);
	 $.ajax({  
            type: "POST",  
            url: "feeinstallment.php",  
            data: {'id': vales}, 
            dataType: "json",			
            success: function(dataString) { 
		//	console.log(dataString);
		//	console.log(dataString.status);
            if(dataString.status=="notfound"){		

          $('#messages').html('No Records Founds !');
		   
		 $('.messagess').css('display','block');
		 $('.details').css('display','none');			
			}else if(dataString.status=='error'){
			   // alert(dataString.status);
				 $('.details').css('display','none');
				 $('#messages').html('Allready Exit Installment !');
				 $('.messagess').css('display','block');
			}else if(dataString.submitfee=='' || dataString.submitfee==null || dataString.submitfee=='0'){
			   // alert(dataString.submitfee);
$('#messages').html('First Admission Fee Submit Then Installment Create!');
$('.messagess').css('display','block');
}
			else{
			  //  console.log(dataString);
				    $('.details').css('display','block');
					$('#name').html(dataString.name);
					$('#fname').html(dataString.fname);
					$('#mobileno').html(dataString.mobileno);
					$('#totalfee').html(dataString.totalfee);
					$('#duefee').html(dataString.due);
					$('#duesfee').val(dataString.due);
					$('#submitfee').html(dataString.totalsubmitfee);
					$('#discount').html(dataString.lessdiscount);
					$('#studentsid').val(dataString.student_id);
					
					$('#student_ids').val(dataString.admissiontype);
					$('#acaed').val(dataString.academicenddate);
	                $('#acast').val(dataString.academicstartdate);
	                $('#sessionstart').html(dataString.academicstartdate);
	                $('#sessionend').html(dataString.academicenddate);
					
			}
		  
            }  
        });
		});
		
		$('#numberofinstallment').blur(function(){
		var lenths=$('#numberofinstallment').val();
	
		$('.ins').html('');
		var deifee=$('#duesfee').val();
		var autofil =(deifee/lenths);
		var autofilamount=autofil.toFixed(2);
		for (var i=1; i<=lenths; i++){
			
			var strings='<div class="row"><div class="col-md-4"><div class="form-group"><label>Installment Date  :</label><input name="installmentdate['+i+']" type="text" class="form-control" id="installmentdate'+i+'"  placeholder="Installment Date" required></div></div><div class="col-md-4"><div class="form-group"><label>Set Amount :</label><input name="amount['+i+']"  type="number" value="'+autofilamount+'" class="form-control amount['+i+']"   placeholder="Amount"></div></div><div class="col-md-4"><div class="form-group"><label>Late Fine  :</label> <input name="latefine['+i+']" type="number" class="form-control"  placeholder="Late Fine"> </div></div></div>';
		$('.ins').append(strings);
		}
			
				});
});
</script>	
<script>
$(document).ready(function() {
	var lenths=$('#numberofinstallment').val();
	var total=0;
	
	for (var i=1; i<=lenths; i++){
		$('.amount['+i+']').blur(function(){
$('.amount['+i+']').each(function(){
total += parseInt($(this).val());

});
});
	}
	 $('#setDate').on('click',function(){
	     var lenthsf=$('#numberofinstallment').val();
        var queat=$('#quantyi').val();
         var sel1=$('#sel1').val();
          var dates=$('#dates').val();
          	var enddate=$('#acaed').val();
          	var start=$('#acast').val();
          //	alert(enddate);
        
        console.log('start session'+start);
          console.log('give date'+dates);
          var change_date=moment(enddate).format('MM/DD/YYYY');
            var datesdd=moment(dates).format('MM/DD/YYYY');
          var sessiom= moment(dates).add(queat*lenthsf,sel1).calendar('MM/DD/YYYY'); 
            console.log('end session'+change_date);
          console.log('max session '+sessiom); 
            var lenthss=$('#numberofinstallment').val();
          	if(new Date(start) <= new Date(dates) && new Date(sessiom) <= new Date(change_date)){
          	
          	    $('.messagess').css('display','none');
          	    
          	    for (var i=1; i<=lenthss; i++){
          	   var j=0;
          	    if(i==1){
          	      
          	      $('#installmentdate'+i).val(datesdd);
          	    }else{
          	        var j=i-1;
          	          var datesd= moment(dates).add(queat*j,sel1).calendar('MM/DD/YYYY'); 
          
                        $('#installmentdate'+i).val(datesd);
                      
                     
          	    }
          	      
          	   
       
          	}
          	}else{
          	  $('#messages').html('Please Installment Set Session Start '+start+ 'And End Session '+enddate);
$('.messagess').css('display','block');
	for (var i=1; i<=lenthss; i++){
          	   var j=0;
          	    if(i==1){
          	      
          	      $('#installmentdate'+i).val('');
          	    }else{
          	        var j=i-1;
          	          var datesd= moment(dates).add(queat*j,sel1).calendar('MM/DD/YYYY'); 
          
                        $('#installmentdate'+i).val('');
                      
                     
          	    }
          	      
          	   
       
          	}

          	}
          
         
          	
    });
  
//console.log(total);
});


</script>

	 
<style type="text/css">
.intallment{
	color: #3eb91f;
margin-left: 10px;
}
.uploaddoc .col-md-8{margin: 5px 0;}
</style>,