JezK
Edit File: addterms.php
<?php session_start(); include('session_check.php'); include('adm_operations.php'); $operations=new adm_operations(); include("menuheader.php"); if(isset($_GET['cln']) && isset($_GET['scn'])) { $class=$operations->getallClassesforOrder($_SESSION['child']['log_school_id'],$_SESSION['child']['choosen_academic_id']); $sections=$operations->getallsectionsdetailsbyclassId($_GET['cln']); $classid=$_GET['cln']; $sectionid=$_GET['scn']; } else { $class=$operations->getallClassesforOrder($_SESSION['child']['log_school_id'],$_SESSION['child']['choosen_academic_id']); if($class!=0) { $sections=$operations->getallsectionsdetailsbyclassId($class[0][class_id]); $classid=$class[0][class_id]; } if($sections!=0) $sectionid=$sections[0][section_id]; } // form submission if(isset($_POST['addterm'])) { $error=0; $now=date('Y-m-d'); $cls_id=$_POST['classname']; $sec_id=$_POST['sectionname']; $termname=$_POST['termname']; $amount=$_POST['termamount']; $duedate=$_POST['duedate']; foreach($_POST['duedate'] as $dt) { $duedate[]=date('Y-m-d',strtotime(str_replace('/','-',$dt))); } //$save=$operations->addfeetermstoClass($_SESSION['child']['auth_id'],$_SESSION['child']['log_school_id'],$_SESSION['child']['current_academic_id'],$cls_id,$sec_id,$termname,$amount,$duedate); if($save=='exist') { echo "<script>alert('Term Name already exist in the system');</script>"; } else { $_SESSION['child']['cur_cln']=$cls_id; $_SESSION['child']['cur_scn']=$sec_id; //echo "<script>alert('Term added successfully');</script>"; //echo "<script>window.location.href='fee_management.php';</script>"; } } // when posted all values if(isset($_POST['addterm'])) { $clsoptions="<option value='0'>--Select Class--</option>"; foreach($class as $cls) if($_POST['classname']==$cls[class_id]) $clsoptions.="<option value='".$cls[class_id]."' selected >".$cls[class_name]."</option>"; else $clsoptions.="<option value='".$cls[class_id]."'>".$cls[class_name]."</option>"; $scnoption="<option value='0'>--Select Section--</option>"; foreach($sections as $sec) if($_POST['sectionname']==$sec[section_id]) $scnoption.="<option value='".$sec[section_id]."' selected >".$sec[section_name]."</option>"; else $scnoption.="<option value='".$sec[section_id]."'>".$sec[section_name]."</option>"; if(count($_POST['termname'])==1) { $terms='<div class="row" id="firstbox"> <div class="col-md-12"> <div class="col-md-2"></div> <div class="col-md-9" style="margin-left:-30px; margin-top:10px;"> <div class="col-md-3"> <input type="text" class="form-control" name="termname[]" style="height:29px;font-size:13px;" value="'.$_POST[termname][0].'"> </div> <div class="col-md-3"> <input type="text" class="form-control" name="termamount[]" style="height:29px;font-size:13px;" value="'.$_POST[termamount][0].'"> </div> <div class="col-md-3"> <div id="datetimepicker1" class="input-append date"> <input type="text" name="duedate[]" size="12" style="height:30px;" value="'.$_POST[duedate][0].'"/> <span class="add-on" style="height:30px;"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> </span> </div> </div> </div> <div class="col-md-1" style="margin-left:-260px;"> <a href="javascript:void(0)"> <i class="glyphicon glyphicon-plus" title ="Add More " style="font-size: 14px;margin-top:15px;" onclick="appendhtmlfornewterm()"></i> </a> </div> </div> </div> <div id="newbox"></div>'; } else { $kk=0; $l=1; foreach($_POST['termname'] as $tms) { if($kk==0) $terms='<div class="row" id="firstbox"> <div class="col-md-12"> <div class="col-md-2"></div> <div class="col-md-9" style="margin-left:-30px; margin-top:10px;"> <div class="col-md-3"> <input type="text" class="form-control" name="termname[]" style="height:29px;font-size:13px;" value="'.$_POST[termname][0].'"> </div> <div class="col-md-3"> <input type="text" class="form-control" name="termamount[]" style="height:29px;font-size:13px;" value="'.$_POST[termamount][0].'"> </div> <div class="col-md-3"> <div id="datetimepicker1" class="input-append date"> <input type="text" name="duedate[]" size="12" style="height:30px;" value="'.$_POST[duedate][0].'"> <span class="add-on" style="height:30px;"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> </span> </div> </div> </div> <div class="col-md-1" style="margin-left:-260px;"> <a href="javascript:void(0)"> <i class="glyphicon glyphicon-plus" title ="Add More " style="font-size: 14px;margin-top:15px;" onclick="appendhtmlfornewterm()"></i> </a> </div> </div> </div> <div id="newbox">'; else { $terms.='<div class="row" id="newt'.$l.'"> <div class="col-md-12"> <div class="col-md-2"></div> <div class="col-md-9" style="margin-left:-30px; margin-top:10px;"> <div class="col-md-3"> <input type="text" class="form-control" name="termname[]" id="text" style="height:29px;font-size:13px;" value="'.$_POST[termname][$kk].'"> </div> <div class="col-md-3"> <input type="text" class="form-control" name="termamount[]" id="text" style="height:29px;font-size:13px;" value="'.$_POST[termamount][$kk].'"> </div> <div class="col-md-3"> <div id="datetimepicker'.$l.'" class="input-append date"> <input type="text" name="duedate[]" size="12" style="height:30px;" value="'.$_POST[duedate][$kk].'"> <span class="add-on" style="height:30px;"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> </span> </div> </div> </div> <div class="col-md-1" style="margin-left:-270px;margin-top:0px;"><a onclick="removeterm('.$l.')"><i class="glyphicon glyphicon-remove-circle delete"></i></a></div> </div> </div>'; $script.="$('#datetimepicker".$l."').datetimepicker({ format: 'dd/MM/yyyy', pickTime: false }).on('changeDate', function(){ $(this).datetimepicker('hide'); });"; } $l++; $kk++; } $terms.='</div>'; } } else { $clsoptions="<option value='0'>--Select Class--</option>"; foreach($class as $cls) if($_GET['cln']==$cls[class_id]) $clsoptions.="<option value='".$cls[class_id]."' selected>".$cls[class_name]."</option>"; else $clsoptions.="<option value='".$cls[class_id]."'>".$cls[class_name]."</option>"; $scnoption="<option value='0'>--Select Section--</option>"; foreach($sections as $sec) $scnoption.="<option value='".$sec[section_id]."'>".$sec[section_name]."</option>"; $terms='<div class="row" id="firstbox"> <div class="col-md-12"> <div class="col-md-2"></div> <div class="col-md-9" style="margin-left:-30px; margin-top:10px;"> <div class="col-md-3"> <input type="text" class="form-control" name="termname[]" style="height:29px;font-size:13px;"> </div> <div class="col-md-3"> <input type="text" class="form-control" name="termamount[]" style="height:29px;font-size:13px;"> </div> <div class="col-md-3"> <div id="datetimepicker1" class="input-append date"> <input type="text" name="duedate[]" size="12" style="height:30px;" /> <span class="add-on" style="height:30px;"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> </span> </div> </div> </div> <div class="col-md-1" style="margin-left:-260px;"> <a href="javascript:void(0)"> <i class="glyphicon glyphicon-plus" title ="Add More " style="font-size: 14px;margin-top:15px;" onclick="appendhtmlfornewterm()"></i> </a> </div> </div> </div> <div id="newbox"></div>'; } ?> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script type="text/javascript" src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"> </script> <script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"> </script> <script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js"> </script> <style> .add { color: #01aee6; margin-top:15px; } .delete { color: #01aee6; margin-top:15px; margin-left:10px; } </style> <div class="row" style="margin-top: 30px; margin-left:20px;margin-top:30px;"> <div class="col-md-9 text-left" style="font:Arial, Helvetica, sans-serif;font-style:normal;font-size:24px; margin-left:20px;"> <i class="glyphicon glyphicon-plus" title ="Add Academic Year" style="font-size: 20px;"></i> Add Fee Schedule </div> </div> <form class="form-horizontal" style="margin-top:20px; margin-left:-60px;" method="post"> <div class="box-body" style="background-color:#fff; padding: 10px; font-family:Arial, Helvetica, sans-serif; font-size:13px;"> <div class="clear"> <div class="form-group col-md-6" style="margin-bottom:1.0%;"> <div class="col-md-4 text-right"> <b style="color:#666666; ">Class</b> <span style="color:#FF0000; margin:2px;">*</span> </div> <div class="col-md-7"> <select class="form-control" id="classname" name="classname" style="height:29px; width:295px!important;font-size:12px;" onchange="classchange()"> <!--<option value='0'>--Select Class--</option>--> <?php echo $clsoptions;?> </select> </div> </div> </div> <div class="clear"> <div class="form-group col-md-6" style="margin-bottom:1.0%;"> <div class="col-md-4 text-right"> <b style="color:#666666; ">Section</b> <span style="color:#FF0000; margin:2px;">*</span> </div> <div class="col-md-7"> <select class="form-control" id="sectionname" name="sectionname" style="height:29px; width:295px!important; font-size:12px;"> <!--<option value='0'>--Select Section--</option>--> <?php echo $scnoption;?> </select> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="col-md-2"></div> <div class="col-md-9" style="margin-left:-30px; margin-top:20px;"> <div class="col-md-3">Term Name</div> <div class="col-md-3">Amount</div> <div class="col-md-3">Date</div> </div> </div> </div> <?php echo $terms;?> <div class="row"> <div class="col-md-12"> <div class="col-md-2"></div> <div class="col-md-9" style="margin-left:-30px; margin-top:10px;"></div> </div> <div style="clear:both;"></div> <div class="form-group"> <div class="col-md-11" align="center"> <button type="submit" name="addterm" class="btn btn-default custom-button-width .navbar-right" style="font-family:Arial, Helvetica, sans-serif;font-style:normal;font-size:13px; margin:10px;" onclick="return checkallfilled();">Add</button> <button type="button" class="btn btn-default custom-button-width .navbar-right" style="font-family:Arial, Helvetica, sans-serif;font-style:normal;font-size:13px; margin:10px;" onclick="canceladd()">Cancel</button> </div> </div> </div> </form> <?php echo '<script>'.$script.'</script>'; ?> <script> function removeterm(cnt) { var terms=document.getElementsByName("termname[]"); var remov=terms.length; if(remov==1) { } else { $('#newt'+cnt).remove(); } } function appendhtmlfornewterm() { var cnt=document.getElementsByName('termname[]'); var counter=cnt.length; counter++; var newdiv='<div class="row" id="newt'+counter+'">\ <div class="col-md-12">\ <div class="col-md-2"></div>\ <div class="col-md-9" style="margin-left:-30px; margin-top:10px;">\ <div class="col-md-3">\ <input type="text" class="form-control" name="termname[]" style="height:29px;font-size:13px;">\ </div>\ <div class="col-md-3">\ <input type="text" class="form-control" name="termamount[]" style="height:29px;font-size:13px;">\ </div>\ <div class="col-md-3">\ <div id="datetimepicker'+counter+'" class="input-append date">\ <input type="text" name="duedate[]" size="12" style="height:30px;" />\ <span class="add-on" style="height:30px;">\ <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>\ </span>\ </div>\ </div>\ <div class="col-md-1" style="margin-left:-10px;margin-top:-10px;"><a onclick="removeterm('+counter+')"><i class="glyphicon glyphicon-remove-circle delete"></i></a></div>\ <div class="col-md-1" style="margin-left:-260px;"></div>\ </div></div>'; $('#newbox').append(newdiv); datechang(counter); } function datechang(xx) { for(var i=2;i<=xx;i++) { $('#datetimepicker'+i).datetimepicker({ format: 'dd/MM/yyyy', pickTime: false }).on('changeDate', function(){ $(this).datetimepicker('hide'); }); } } function classchange() { var varc=$('#classname').val(); if(varc!=0) window.location.href="add_feeschedule.php?cln="+varc; } function checkallfilled() { var vr1=0; var vr2=0; var vr3=0; var repeat=0; var xterms=[]; var varc=document.getElementById('classname').value; var vars=document.getElementById('sectionname').value; if(varc==0) { alert('Please select Class'); document.getElementById('classname').focus(); return false; } else if(vars==0) { alert('Please select Section'); document.getElementById('sectionname').focus(); return false; } // checking term name is empty var terms=document.getElementsByName("termname[]"); for(var i = 0,j=0; i < terms.length; i++) { if(terms[i].value=='') vr1=1; xterms[j]=terms[i]; j++; } if(vr1!=0) { alert('Term Name is Missing'); return false; } // checking term name is repeating for(var i = 0; i < terms.length; i++) { for(var j=0;j< xterms.length; j++) { if(xterms[j].value==terms[i].value) repeat++; if(repeat>1) { alert('Term name can not be duplicate'); return false; } } repeat=0; } // checking term amount is empty var amounts=document.getElementsByName("termamount[]"); for(var i = 0; i < amounts.length; i++) { if(amounts[i].value=='') vr2=1; } if(vr2!=0) { alert('Please enter Term Amount'); return false; } var duedates=document.getElementsByName("duedate[]"); for(var i = 0; i < duedates.length; i++) { if(duedates[i].value=='') vr3=1; } if(vr3!=0) { alert('Term Due Date is Missing'); return false; } } function canceladd() { window.location.href="fee_management.php"; } </script> <script type="text/javascript"> $('#datetimepicker1').datetimepicker({ format: 'dd/MM/yyyy', pickTime: false }).on('changeDate', function(){ $(this).datetimepicker('hide'); }); </script> </body> </html>