<div class="modal fade" id="modalfreeze">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h6 class="modal-title">Freeze/Activate some pupils as per class</h6>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <form method="POST" action="" id="" enctype="multipart/form-data" novalidate onsubmit="return false;">
               <div class="row">
                  <div class="col-md-12">
                     <div class="card">
                        <div class="card-header">
                           <h3 class="card-title"></h3>
                           <div class="card-tools">
                           </div>
                        </div>
                        <div class="card-body">
                           <div class="form-group">
                              <label for="inputStatus">Class <span class="requireds">*</span></label>
                              <select id="optfreeze" class="form-control custom-select" required>
                                 <option selected value="">Select Class ---</option>
                                 <option value="BABY CLASS">BABY CLASS</option>
                                 <option value="PP1">PP1</option>
                                 <option value="PP2">PP2</option>
                                 <option value="GRADE 1">GRADE 1</option>
                                 <option value="GRADE 2">GRADE 2</option>
                                 <option value="GRADE 3">GRADE 3</option>
                                 <option value="GRADE 4">GRADE 4</option>
                                 <option value="GRADE 5">GRADE 5</option>
                                 <option value="GRADE 6">GRADE 6</option>
                                 <option value="GRADE 7">GRADE 7</option>
                                 <option value="GRADE 8">GRADE 8</option>
                                 <option value="GRADE 9">GRADE 9</option>
                                 <option value="CLASS 8">CLASS 8</option>
                              </select>
                           </div>
                           <center><label id="freezemsg"></label></center>
                           <input type="hidden" id="txtfreeze" />
                           <div class="form-group">
                              <button class="btn btn-success btn-sm btn-sm pull-right" disabled id="freeze">Freeze/Activate <i class="fa fa-save"></i></button>
                           </div>
                        </div>
                        <!-- /.card-body -->
                     </div>
                     <!-- /.card -->
                  </div>
               </div>
            </form>
         </div>
         <!--div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <!--button type="button" class="btn btn-primary">Save changes</button>
            </div-->
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<div class="modal fade" id="modalbulk">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
         <div class="modal-header">
            <h6 class="modal-title">Update Pupils per class</h6>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <form method="POST" action="" id="" enctype="multipart/form-data" novalidate onsubmit="return false;">
               <div class="row">
                  <div class="col-md-4">
                     <div class="card">
                        <div class="card-header">
                           <h3 class="card-title"></h3>
                           <div class="card-tools">
                           </div>
                        </div>
                        <div class="card-body">
                           <div class="form-group">
                              <label for="inputStatus">Class <span class="requireds">*</span></label>
                              <select id="clazfrom" class="form-control custom-select" required>
                                 <option selected value="">Select Class ---</option>
                                 <option value="BABY CLASS">BABY CLASS</option>
                                 <option value="PP1">PP1</option>
                                 <option value="PP2">PP2</option>
                                 <option value="GRADE 1">GRADE 1</option>
                                 <option value="GRADE 2">GRADE 2</option>
                                 <option value="GRADE 3">GRADE 3</option>
                                 <option value="GRADE 4">GRADE 4</option>
                                 <option value="GRADE 5">GRADE 5</option>
                                 <option value="GRADE 6">GRADE 6</option>
                                 <option value="GRADE 7">GRADE 7</option>
                                 <option value="GRADE 8">GRADE 8</option>
                                 <option value="GRADE 9">GRADE 9</option>
                                 <option value="CLASS 8">CLASS 8</option>
                              </select>
                           </div>
                        </div>
                        <!-- /.card-body -->
                     </div>
                     <!-- /.card -->
                  </div>
                  <div class="col-md-4">
                     <div class="card">
                        <div class="card-header">
                           <h3 class="card-title"></h3>
                           <div class="card-tools">
                           </div>
                        </div>
                        <div class="card-body">
                           <div class="form-group">
                              <h5 class="">
                                 <center>Update to <i class="fa fa-arrow-right"></i></center>
                              </h5>
                           </div>
                        </div>
                        <!-- /.card-body -->
                     </div>
                     <!-- /.card -->
                  </div>
                  <div class="col-md-4">
                     <div class="card">
                        <div class="card-header">
                        </div>
                        <div class="card-body">
                           <div class="form-group">
                              <label for="inputStatus">Class <span class="requireds">*</span></label>
                              <select id="clazto" class="form-control custom-select" required>
                                 <option selected value="">Select Class ---</option>
                                 <option value="BABY CLASS">BABY CLASS</option>
                                 <option value="PP1">PP1</option>
                                 <option value="PP2">PP2</option>
                                 <option value="GRADE 1">GRADE 1</option>
                                 <option value="GRADE 2">GRADE 2</option>
                                 <option value="GRADE 3">GRADE 3</option>
                                 <option value="GRADE 4">GRADE 4</option>
                                 <option value="GRADE 5">GRADE 5</option>
                                 <option value="GRADE 6">GRADE 6</option>
                                 <option value="GRADE 7">GRADE 7</option>
                                 <option value="GRADE 8">GRADE 8</option>
                                 <option value="GRADE 9">GRADE 9</option>
                                 <option value="CLASS 8">CLASS 8</option>
                              </select>
                           </div>
                           <center><label id="bulkmsg"></label></center>
                           <hr />
                           <div class="form-group">
                              <button class="btn btn-primary btn-sm btn-sm" id="savebulk">Submit <i class="fa fa-refresh"></i></button>
                           </div>
                        </div>
                        <!-- /.card-body -->
                     </div>
                     <!-- /.card -->
                  </div>
               </div>
            </form>
         </div>
         <!--div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <!--button type="button" class="btn btn-primary">Save changes</button>
            </div-->
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<div class="modal fade" id="modalothericome">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h6 class="modal-title text-secondary" >Manage Income Categories</h6>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <form method="POST" action="" id="formotherincomesave" enctype="multipart/form-data" novalidate onsubmit="return false" >
               <div class="row">
                  <div class="col-md-8">
                     <div class="form-group">
                        <label for="inputProjectLeader">Item <span class="text-danger">*</span></label>
                        <input type="text" id="incomeinput" class="form-control" placeholder="i.e Admission Forms" required  />
                     </div>
                  </div>
                  <div class="col-md-8">
                     <div class="form-group">
                        <label for="inputProjectLeader">Item Cost (KES)<span class="text-danger">Optional</span></label>
                        <input type="text" id="incomecost" class="form-control" placeholder="i.e 2000"  />
                     </div>
                  </div>
                  <div class="col-md-12">
                     <div class="form-group">
                        <center><label id="incomefeedbackk"></label></center>
                     </div>
                     <div class="col-md-8">
                        <div class="form-group">
                           <button class="btn btn-success btn-sm pull-right" id="btnsaveincomecategory"> Save <i class="fa fa-save"></i>
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
            </form>
            <center><label id="dellabel"></label></center>
            <div class="" id="divimprest">
               <table class="table table-bordered" id="tableexpen" >
                  <thead>
                     <tr>
                        <th>#</th>
                        <th>Item</th>
                        <th>Item Cost</th>
                        <th>Entry Date</th>
                        <th>Action</th>
                     </tr>
                  </thead>
                  <tbody>
                     <?php
                        //include('../include/config.php');
                        $sql = "select * from IncomeCat ORDER BY Item ASC ";
                        $result = $con->query($sql);
                        if ($result->num_rows > 0) 
                        {
                        $cnt='1';
                        while($row = $result->fetch_assoc()) 
                        {
                        ?>	
                     <tr>
                        <td><?php echo $cnt; ?></td>
                        <td><?php echo $row["Item"]; ?></td>
                        <td><?php echo $row["Cost"]; ?></td>
                        <td><?php echo $row["EntryDate"]; ?></td>
                        <td>
                           <input type="hidden" name="bid" class="incomecountholder" value="<?php echo $row["count"]; ?>" />
                           <i class="fa fa-trash btn-xs text-danger inckamdelete" >
                           </i>
                        </td>
                     </tr>
                     <?php
                        $cnt=$cnt+1;
                        }
                        }
                        ?>
                  </tbody>
               </table>
            </div>
         </div>
         <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
   </div>
</div>
<div class="modal fade" id="modalbudget">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h6 class="modal-title text-success" > Manage Budgeted Amount </h6>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <div class="row">
               <div class="col-md-12">
                  <h5 class="m-0 text-success"><label id="usalabell"></label></h5>
                  <div class="modal-body">
                     <form action="" method="POST" onsubmit="return false">
                        <div class="row">
                           <div class="col-md-6">
                              <div class="form-group">
                                 <label for="inputStatus">Select Period <span class="text-danger">*</span></label>
                                 <select id="periodd" class="form-control custom-select" required>
                                    <option selected disabled value="">---</option>
                                    <option value="January-March">January-March</option>
                                    </option>
                                    <option value="April-June">April-June</option>
                                    <option value="July-September">July-September</option>
                                    <option value="October-December">October-December</option>
                                 </select>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form-group">
                                 <label for="inputStatus">Select Item <span class="text-danger">*</span></label>
                                 <select id="itemmm" class="form-control custom-select" required>
                                    <option selected value="">---</option>
                                    <option value="Tution">Tution Fee</option>
                                    <option value="Uniform">Uniform</option>
                                    <option value="Transport">Transport</option>
                                    <option value="Motivation">Motivation</option>
                                    <option value="Transport">Transport</option>
                                 </select>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form-group">
                                 <label for="inputStatus">Select Year <span class="text-danger">*</span></label>
                                 <select id="selectyear" class="form-control custom-select" required>
                                    <option selected value="">---</option>
                                    <option value="2022">2022</option>
                                    </option>
                                    <option value="2023">2023</option>
                                    <option value="2024">2024</option>
                                    <option value="2025">2025</option>
                                    <option value="2026">2026</option>
                                    <option value="2027">2027</option>
                                    <option value="2028">2028</option>
                                    <option value="2029">2029</option>
                                    <option value="2030">2030</option>
                                    <option value="2031">2031</option>
                                    <option value="2032">2032</option>
                                    <option value="2033">2033</option>
                                    <option value="2034">2034</option>
                                    <option value="2035">2035</option>
                                    <option value="2036">2036</option>
                                    <option value="2037">2037</option>
                                    <option value="2038">2038</option>
                                    <option value="2039">2039</option>
                                    <option value="2040">2040</option>
                                 </select>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form-group">
                                 <label for="inputStatus">Budgeted Amount<span class="text-danger">*</span></label>
                                 <input type="text" name="" class="form-control" id="budgetamt" required />
                              </div>
                           </div>
                           <div class="col-md-12">
                              <div class="form-group">
                                 <label  id="budgetlabel"></label>
                              </div>
                           </div>
                        </div>
                        <div class="form-group">
                           <button style="margin-right:0px;position:relative" class="btn btn-info btn-sm pull-right" id="savebudgett"><i class="fa fa-save"></i> Save
                           </button>
                        </div>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<div class="modal fade" id="modaluseredit">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h6 class="modal-title text-success" >Update User data</h6>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <div class="row">
               <div class="col-md-12">
                  <h5 class="m-0 text-success"><label id="usalabell"></label></h5>
                  <div class="modal-body">
                     <form action="" method="POST" onsubmit="return false">
                        <input type="hidden" id="useridholderedit" />
                        <div class="form-group">
                           <label for="inputStatus">Level of Access <span class="text-danger">*</span></label>
                           <select id="emplevel" class="form-control custom-select" required>
                              <option selected disabled value="">---</option>
                              <option   value="Admin">Admin</option>
                              <option value="Accountant">Accountant</option>
                              <option  value="Data Editor">Data Editor</option>
                           </select>
                        </div>
                        <div class="form-group">
                           <label for="inputStatus">System Access <span class="text-danger">*</span></label>
                           <select id="systemacess" class="form-control custom-select" required>
                              <option selected value="">---</option>
                              <option value="Yes">Yes</option>
                              <option value="No">No</option>
                           </select>
                        </div>
                        <div class="form-group">
                           <label id="mesage" style="color:#FFF">.</label> <br />
                           <button style="margin-right:0px;position:relative" class="btn btn-info btn-sm pull-right" id="btnuserdataupdate"><i class="fa fa-refresh"></i> Update 
                           </button>
                        </div>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!--Update Other Income -->
<div class="modal fade" id="modalotherincome">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h5 class="modal-title text-success" >Update Other Income Data</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <div class="row">
               <div class="col-md-12">
                  <form action="" method="POST" onsubmit="return false">
                     <div class="form-group">
                        <label for="inputStatus">Income Category <span class="requireds">*</span></label>
                        <select id="incomecatii" class="form-control custom-select">
                           <option selected value="">Select ---</option>
                           <?php
                              $sql = "SELECT * FROM IncomeCat order by Item ASC";
                              $result = $con->query($sql);
                              while($row = $result->fetch_assoc()) 
                              {
                              ?>
                           <option value="<?php echo $row['count']; ?>"><?php echo $row['Item']; ?>
                           </option>
                           <?php
                              }
                              ?>
                        </select>
                     </div>
                     <div class="form-group">
                        <label for="inputProjectLeader">Source <span class="requireds">*</span></label>
                        <input type="text" class="form-control" name="" id="sourcee" required />
                     </div>
                     <div class="form-group">
                        <label for="inputStatus">Student Involved <span class="requireds"></span></label>
                        <select id="paidbyy" class="form-control custom-select">
                           <option selected value="">Select ---</option>
                           <?php
                              $sql = "SELECT * FROM pupils order by Names ASC";
                              $result = $con->query($sql);
                              while($row = $result->fetch_assoc()) 
                              {
                              ?>
                           <option value="<?php echo $row['count']; ?>"><?php echo $row['Names']; ?> <small><?php echo '('.$row['AdmNo'].')';?></small>
                           </option>
                           <?php
                              }
                              ?>
                        </select>
                     </div>
                     <div class="form-group">
                        <label for="inputProjectLeader">Date <span class="requireds">*</span></label>
                        <input type="date" class="form-control" name="" id="otdatee" required />
                     </div>
                     <div class="form-group">
                        <label for="inputProjectLeader">Amount Received (Ksh) <span class="requireds">*</span></label>
                        <input type="text"  onkeypress="return /[0-9]/i.test(event.key)" class="form-control farmamount" max-length="6" name="" id="otamountt" required />
                     </div>
                     <div class="form-group">
                        <label for="inputProjectLeader">Mode of payment <span class="requireds">*</span></label>
                        <select class="form-control" id="otmodee">
                           <option value="">---</option>
                           <option value="Cash">Cash</option>
                           <option value="Mpesa">Mpesa</option>
                           <option value="Bank">Bank</option>
                        </select>
                     </div>
                     <div class="form-group">
                        <label for="inputProjectLeader">Account Credited</label>
                        <select id="otbankk" class="form-control custom-select">
                           <option selected value="">Select ---</option>
                           <?php
                              $sql = "SELECT * FROM bankdata";
                              $result = $con->query($sql);
                              while($row = $result->fetch_assoc()) 
                              {
                              ?>
                           <option value="<?php echo $row['id']; ?>"> <?php echo $row['Bname'].'->'; ?> <small><?php echo $row['Account']; ?> </small>
                           </option>
                           <?php
                              }
                              ?>
                        </select>
                     </div>
                     <div class="form-group">
                        <label for="inputProjectLeader">Receipt No (If any) </label>
                        <input type="text" class="form-control" name="" id="otdescc" />
                     </div>
                     <div class="form-group">
                        <label for="inputProjectLeader">More Description </label>
                        <textarea class="form-control" id="otinfoo"></textarea>
                     </div>
                     <div class="form-group">
                        <input type="hidden" id="otherincomeidholder" />
                        <label id="otherincomemsgg" style="color:#FFF">.</label> <br />
                        <button style="margin-right:0px;position:relative" class="btn btn-success btn-sm pull-right" id="btnsaveincomess">Update <i class="fa fa-refresh"></i>
                        </button>
                     </div>
                  </form>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!--Update Farm input -->
<div class="modal fade" id="farminputmodal">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h5 class="modal-title text-success" >Update Farm Income Entry</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <div class="row">
               <div class="col-md-12">
                  <form method="POST" action="" id="" enctype="multipart/form-data" novalidate onsubmit="return false;">
                     <div class="row">
                        <div class="col-md-12">
                           <div class="card card-primary">
                              <div class="card-body">
                                 <div class="form-group">
                                    <label for="inputProjectLeader">Particular <span class="requireds">*</span></label>
                                    <input type="text" class="form-control" name="" id="farmitem2" required />
                                 </div>
                                 <div class="form-group">
                                    <label for="inputProjectLeader">Date <span class="requireds">*</span></label>
                                    <input type="date" class="form-control" name="" id="farmdate2" required />
                                 </div>
                                 <div class="form-group">
                                    <label for="inputProjectLeader">Amount earned (Ksh) <span class="requireds">*</span></label>
                                    <input type="text"  onkeypress="return /[0-9]/i.test(event.key)" class="form-control farmamount" max-length="6" name="" id="farmamount2" required />
                                 </div>
                                 <div class="form-group">
                                    <label for="inputProjectLeader">Mode of payment <span class="requireds">*</span></label>
                                    <select class="form-control" id="farmmod2">
                                       <option value="">---</option>
                                       <option value="Cash">Cash</option>
                                       <option value="Mpesa">Mpesa</option>
                                       <option value="Bank">Bank</option>
                                    </select>
                                 </div>
                                 <div class="form-group">
                                    <label for="inputProjectLeader">Account Credited</label>
                                    <select id="farmbnk2" class="form-control custom-select">
                                       <option selected value="">Select ---</option>
                                       <?php
                                          $sql = "SELECT * FROM bankdata";
                                          $result = $con->query($sql);
                                          while($row = $result->fetch_assoc()) 
                                          {
                                          ?>
                                       <option value="<?php echo $row['id']; ?>"> <?php echo $row['Bname'].'->'; ?> <small><?php echo $row['Account']; ?> </small>
                                       </option>
                                       <?php
                                          }
                                          ?>
                                    </select>
                                 </div>
                                 <div class="form-group">
                                    <label for="inputProjectLeader">Transaction Details </label>
                                    <input type="text" class="form-control" name="" id="ftd2" />
                                 </div>
                                 <div class="form-group">
                                    <center><label id="farmupdatemsg"></label></center>
                                 </div>
                                 <div class="form-group">
                                    <input type="hidden" name="" id="farmidholder2" />
                                    <button class="btn btn-success pull-right" id="btnupdatefarminput">Update <i class="fa fa-refresh"></i></button>
                                 </div>
                                 <hr />
                                 <div class="form-group">
                                    <small>
                                    <label for="inputProjectLeader">Added By:  </label>
                                    <label id="farmuzer"></label>
                                    </small>
                                 </div>
                              </div>
                              <!-- /.card-body -->
                           </div>
                           <!-- /.card -->
                        </div>
                     </div>
                  </form>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!--close farm input -->
<!------Expenditure Modal -->
<div class="modal fade" id="modalexpenditure">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h5 class="modal-title text-success" >Update School's Expenses</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <div class="row">
               <div class="col-md-12">
                  <!--h5 class="m-0 text-success">Update</h5-->
                  <div class="modal-body">
                     <form action="" method="POST" onsubmit="return false">
                        <input type="hidden" id="expeidholder" />
                        <div class="form-group">
                           <label for="inputStatus">Expense Category <span class="requireds">*</span></label>
                           <select id="expecatt" class="form-control custom-select">
                              <option selected value="">Select ---</option>
                              <?php
                                 $sql = "SELECT * FROM expenses order by Item ASC";
                                 $result = $con->query($sql);
                                 while($row = $result->fetch_assoc()) 
                                 {
                                 ?>
                              <option value="<?php echo $row['Count']; ?>"><?php echo $row['Item']; ?>
                              </option>
                              <?php
                                 }
                                 ?>
                           </select>
                        </div>
                        <div class="form-group">
                           <label for="inputProjectLeader">Expenditure Date <span class="requireds">*</span></label>
                           <input type="date" style="font-weight:bold" class="form-control" name="" id="expedatess" required />
                        </div>
                        <div class="form-group">
                           <label for="inputProjectLeader">Item <span class="requireds">*</span></label>
                           <input type="text" style="" class="form-control" name="" id="partiii" required />
                        </div>
                        <div class="form-group">
                           <label for="inputProjectLeader"><Strong>Amount Spent (KES)</Strong> <span class="requireds">*</span></label>
                           <input type="text" style="font-weight:1000" class="form-control text-danger" name="" id="expeamountt" required  />
                        </div>
                        <div class="form-group">
                           <label for="inputStatus">Mode of Payment <span class="requireds">*</span></label>
                           <select id="paymodee" class="form-control custom-select" required>
                              <option selected disabled value="">Select ---</option>
                              <option value="Cash">Cash</option>
                              <option value="Mpesa">Mpesa</option>
                              <option value="Cheque">Cheque</option>
                           </select>
                        </div>
                        <div class="form-group">
                           <label for="inputProjectLeader">Cheque No./Transaction Details</label>
                           <input type="text" style="" class="form-control" name="" id="chequedee"/>
                        </div>
                        <div class="form-group">
                           <label for="inputProjectLeader">Account Debited</label>
                           <select id="bankdebitedd" class="form-control custom-select">
                              <option selected value="">Select ---</option>
                              <?php
                                 $sql = "SELECT * FROM bankdata";
                                 $result = $con->query($sql);
                                 while($row = $result->fetch_assoc()) 
                                 {
                                 ?>
                              <option value="<?php echo $row['id']; ?>"> <?php echo $row['Bname'].'->'; ?> <small><?php echo $row['Account']; ?> </small>
                              </option>
                              <?php
                                 }
                                 ?>
                           </select>
                        </div>
                        <div class="form-group">
                           <label for="inputProjectLeader">Any Description</label>
                           <textarea class="form-control" id="expemoredetailss"> </textarea>
                        </div>
                        <hr />
                        <div class="form-group">
                           <label for="inputStatus"> <small>Entry Date: </small></label>
                           <small><label id="entdate"></label></small>
                        </div>
                        <div class="form-group">
                           <label for="inputStatus"> <small>Added by: </small></label>
                           <small><label id="adby"></label></small>
                        </div>
                        <div class="form-group">
                           <label id="messs" style="color:#FFF">.</label> <br />
                           <button style="margin-right:0px;position:relative" class="btn btn-info btn-sm pull-right btn-block" id="updateexpenses">Update <i class="fa fa-refresh"></i>
                           </button>
                        </div>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!---------Modal Create Fee statement --->
<div class="modal" id="ModalFeestatement">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h6 class="modal-title">Select Year and Term to Proceede</h6>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <form action="" method="POST" onsubmit="return false">
               <div class="row">
                  <div class="col-md-6">
                     <div class="form-group">
                        <label for="inputStatus">Year<span class="requireds">*</span>
                        </label>
                        <select id="yr1" class="form-control custom-select" required>
                           <option selected disabled value="">Select ---</option>
                           <option value="2022">2022</option>
                           </option>
                           <option value="2023">2023</option>
                           <option value="2024">2024</option>
                           <option value="2025">2025</option>
                           <option value="2026">2026</option>
                           <option value="2027">2027</option>
                           <option value="2028">2028</option>
                           <option value="2029">2029</option>
                           <option value="2030">2030</option>
                           <option value="2031">2031</option>
                           <option value="2032">2032</option>
                           <option value="2033">2033</option>
                           <option value="2034">2034</option>
                           <option value="2035">2035</option>
                           <option value="2036">2036</option>
                           <option value="2037">2037</option>
                           <option value="2038">2038</option>
                           <option value="2039">2039</option>
                           <option value="2040">2040</option>
                        </select>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="form-group">
                        <label for="inputStatus">Term <span class="requireds">*</span></label>
                        <select id="trm1" class="form-control custom-select" required>
                           <option selected disabled value="">Select ---</option>
                           <option value="Term One">Term One</option>
                           <option value="Term Two">Term Two</option>
                           </option>
                           <option value="Term Three">Term Three</option>
                        </select>
                     </div>
                  </div>
                  <div class="col-md-12">
                     <div class="form-group">
                        <label id="statecreatemsg"></label>
                     </div>
                     <div class="form-group">
                        <label for="inputStatus"><span class="requireds"></span>
                        </label>
                        <button class="btn btn-info btn-sm pull-right" id="btnstate">Submit <i class="fa fa-paper-plane"></i>
                        </button>
                     </div>
                  </div>
                  <hr />
               </div>
            </form>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!--- End of fee statement---->
<!---------Edit bank details -->
<div class="modal fade" id="modaleditbank">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
         <div class="modal-header">
            <h5 class="modal-title">Edit Bank Details</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <form method="POST" action="" onsubmit="return false">
               <div class="row">
                  <div class="col-md-5">
                     <div class="form-group">
                        <label for="inputProjectLeader">Bank Name</label>
                        <input type="text" class="form-control" name="" id="inputbnamee" required />
                     </div>
                  </div>
                  <div class="col-md-5">
                     <div class="form-group">
                        <label for="inputProjectLeader">Bank Account</label>
                        <input type="text" class="form-control" name="" id="inputactt" required />
                     </div>
                  </div>
                  <div class="col-md-5">
                     <div class="form-group">
                        <label for="inputProjectLeader">Bank Balance (KES)</label>
                        <input type="text" class="form-control text-danger"  onkeypress="return /[0-9]/i.test(event.key)" name="" id="bnbala" required />
                     </div>
                  </div>
                  <div class="col-md-5">
                     <div class="form-group">
                        <label for="inputProjectLeader">As at 1<sup>st</sup> January of Year</label>
                        <input type="number" min="2022" class="form-control" name="" id="baladate" required />
                     </div>
                  </div>
                  <div class="col-md-2">
                     <div class="form-group">
                        <input type="hidden" class="form-control" name="bankidholder" id="bankidholder" required />
                        <label id="bankmessagee" style="color:#FFF">.</label> <br />
                        <button style="margin-right:0px;position:relative" class="btn btn-success btn-sm pull-right" id="savebanksss">Update <i class="fa fa-refresh"></i>
                        </button>
                     </div>
                  </div>
               </div>
            </form>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!------------------------>
<div class="modal" id="modalmessage1">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <!--h4 class="modal-title">Secondary Modal</h4-->
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <p id="savemessge"></p>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<div class="modal fade" id="modaladdpupils">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
         <div class="modal-header">
            <h6 class="modal-title">Add new Pupil</h6>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <form method="POST" action="" id="" enctype="multipart/form-data" novalidate onsubmit="return false;">
               <div class="row">
                  <div class="col-md-4">
                     <div class="card">
                        <div class="card-header">
                           <h3 class="card-title"></h3>
                           <div class="card-tools">
                              <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                              <i class="fas fa-minus"></i>
                              </button>
                           </div>
                        </div>
                        <div class="card-body">
                           <div class="form-group">
                              <label for="inputName">Sir Name </label>
                              <input type="text" id="psir" class="form-control" required>
                           </div>
                           <div class="form-group">
                              <label for="inputDescription">Other Names <span class="requireds">*</span></label>
                              <input type="text" id="pnames" class="form-control" required>
                           </div>
                           <div class="form-group">
                              <label for="inputProjectLeader">Addmision No</label>
                              <input type="text" id="padm" class="form-control" />
                           </div>
                           <div class="form-group">
                              <label for="inputStatus">Gender <span class="requireds">*</span></label>
                              <select id="pgender" class="form-control custom-select" required>
                                 <option selected disabled value="">Select ---</option>
                                 <option value="Male">Male</option>
                                 <option value="Female">Female</option>
                              </select>
                           </div>
                        </div>
                        <!-- /.card-body -->
                     </div>
                     <!-- /.card -->
                  </div>
                  <div class="col-md-4">
                     <div class="card">
                        <div class="card-header">
                           <h3 class="card-title"></h3>
                           <div class="card-tools">
                              <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                              <i class="fas fa-minus"></i>
                              </button>
                           </div>
                        </div>
                        <div class="card-body">
                           <div class="form-group">
                              <label for="inputStatus">Any Disability <span class="requireds">*</span></label>
                              <select id="pdisa" class="form-control custom-select" required>
                                 <option selected disabled value="">Select ---</option>
                                 <option value="No">No</option>
                                 <option value="Yes">Yes</option>
                              </select>
                           </div>
                           <div class="form-group">
                              <label for="inputStatus">Class <span class="requireds">*</span></label>
                              <select id="pclaz" class="form-control custom-select" required>
                                 <option selected disabled value="">Select ---</option>
                                 <option value="BABY CLASS">BABY CLASS</option>
                                 <option value="PP1">PP1</option>
                                 <option value="PP2">PP2</option>
                                 <option value="GRADE 1">GRADE 1</option>
                                 <option value="GRADE 2">GRADE 2</option>
                                 <option value="GRADE 3">GRADE 3</option>
                                 <option value="GRADE 4">GRADE 4</option>
                                 <option value="GRADE 5">GRADE 5</option>
                                 <option value="GRADE 6">GRADE 6</option>
                                 <option value="GRADE 7">GRADE 7</option>
                                 <option value="GRADE 8">GRADE 8</option>
                                 <option value="GRADE 9">GRADE 9</option>
                                 <option value="CLASS 8">CLASS 8</option>
                              </select>
                           </div>
                           <div class="form-group">
                              <label for="inputStatus">Class Type</label>
                              <select id="cltype" class="form-control custom-select">
                                 <option selected value="">Select ---</option>
                                 <option value="F">F</option>
                                 <option value="H">H</option>
                                 <option value="Faith">Faith</option>
                                 <option value="Hope">Hope</option>
                              </select>
                           </div>
                           <div class="form-group">
                              <label for="inputStatus">Pupil Category <span class="requireds">*</span></label>
                              <select id="boarder" class="form-control custom-select" required>
                                 <option selected disabled value="">Select ---</option>
                                 <option value="Day Scholar">Day Scholar</option>
                                 <option value="Boarder">Boarder</option>
                              </select>
                           </div>
                           <div class="form-group">
                              <label for="inputProjectLeader">Any other Pupil's Infomation</label>
                              <textarea id="pinfo" class="form-control"> </textarea>
                           </div>
                        </div>
                        <!-- /.card-body -->
                     </div>
                     <!-- /.card -->
                  </div>
                  <div class="col-md-4">
                     <div class="card card-success">
                        <div class="card-header">
                           <h3 class="card-title">Parent details</h3>
                           <div class="card-tools">
                              <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                              <i class="fas fa-minus"></i>
                              </button>
                           </div>
                        </div>
                        <div class="card-body">
                           <div class="form-group">
                              <label for="inputStatus">Parent Type</label>
                              <select id="pareT" class="form-control custom-select">
                                 <option selected disabled value="">Select ---</option>
                                 <option value="Parent">Parent</option>
                                 <option value="Foster Parent">Foster Parent</option>
                                 <option value="Guardian">Guardian</option>
                              </select>
                           </div>
                           <div class="form-group">
                              <label for="inputProjectLeader">Name</label>
                              <input type="text" id="pareN" class="form-control">
                           </div>
                           <div class="form-group">
                              <label for="inputProjectLeader">Contact</label>
                              <input type="text" id="pareC" class="form-control">
                           </div>
                           <div class="form-group">
                              <label for="inputProjectLeader">Email</label>
                              <input type="email" id="pareE" class="form-control">
                           </div>
                           <div class="form-group">
                              <center><label id="pupilsfeedback"></label></center>
                           </div>
                           <div class="form-group">
                              <button class="btn btn-primary btn-sm btn-block" id="savepupils">Submit <i class="fa fa-paper-plane"></i></button>
                           </div>
                        </div>
                        <!-- /.card-body -->
                     </div>
                     <!-- /.card -->
                  </div>
               </div>
            </form>
         </div>
         <form action="" method="POST" enctype="multipart/form-data">
            <div class="card-body">
               <h5>Add Leaners from an Excel File</h5>
               <table class="">
                  <tr>
                     <th>Name</th>
                     <th>Adm No</th>
                     <th>Grade</th>
                     <th>Contact</th>
                  </tr>
               </table>
               <div class="form-group">
                  <input type="file" name="file" class="form-control" />
               </div>
               <div class="form-group">
                  <button class="btn btn-info btn-sm btn-block" name="submit_file" id="submit_file">Submit <i class="fa fa-paper-plane"></i></button>
               </div>
            </div>
         </form>
         <!--div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <!--button type="button" class="btn btn-primary">Save changes</button>
            </div-->
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!------------- ----->
<div class="modal fade" id="mostaffs">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
         <div class="modal-header">
            <h4 class="modal-title">Registered Employees</h4>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
         </div>
         <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!---------------------------->
<div class="modal fade" id="modaladdpupils2">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
         <div class="modal-header">
            <h6 class="modal-title">Update Pupil's details</h6>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <form method="POST" action="" id="" enctype="multipart/form-data" novalidate onsubmit="return false;">
               <div class="row">
                  <div class="col-md-4">
                     <div class="card">
                        <div class="card-header">
                           <h3 class="card-title"></h3>
                           <div class="card-tools">
                              <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                              <i class="fas fa-minus"></i>
                              </button>
                           </div>
                        </div>
                        <div class="card-body">
                           <div class="form-group">
                              <label for="inputName">Sir Name </label>
                              <input type="text" id="psir2" class="form-control">
                           </div>
                           <div class="form-group">
                              <label for="inputDescription">Other Names <span class="requireds">*</span></label>
                              <input type="text" id="pnames2" class="form-control" required>
                           </div>
                           <div class="form-group">
                              <label for="inputProjectLeader">Addmision No</label>
                              <input type="text" id="padm2" class="form-control" />
                           </div>
                           <div class="form-group">
                              <label for="inputStatus">Gender <span class="requireds">*</span></label>
                              <select id="pgender2" class="form-control custom-select" required>
                                 <option selected disabled value="">Select ---</option>
                                 <option value="Male">Male</option>
                                 <option value="Female">Female</option>
                              </select>
                           </div>
                        </div>
                        <!-- /.card-body -->
                     </div>
                     <!-- /.card -->
                  </div>
                  <div class="col-md-4">
                     <div class="card">
                        <div class="card-header">
                           <h3 class="card-title"></h3>
                           <div class="card-tools">
                              <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                              <i class="fas fa-minus"></i>
                              </button>
                           </div>
                        </div>
                        <div class="card-body">
                           <div class="form-group">
                              <label for="inputStatus">Any Disability <span class="requireds">*</span></label>
                              <select id="pdisa2" class="form-control custom-select" required>
                                 <option selected disabled value="">Select ---</option>
                                 <option value="No">No</option>
                                 <option value="Yes">Yes</option>
                              </select>
                           </div>
                           <div class="form-group">
                              <label for="inputStatus">Class <span class="requireds">*</span></label>
                              <select id="pclaz2" class="form-control custom-select" required>
                                 <option selected disabled value="">Select ---</option>
                                 <option value="BABY CLASS">BABY CLASS</option>
                                 <option value="PP1">PP1</option>
                                 <option value="PP2">PP2</option>
                                 <option value="GRADE 1">GRADE 1</option>
                                 <option value="GRADE 2">GRADE 2</option>
                                 <option value="GRADE 3">GRADE 3</option>
                                 <option value="GRADE 4">GRADE 4</option>
                                 <option value="GRADE 5">GRADE 5</option>
                                 <option value="GRADE 6">GRADE 6</option>
                                 <option value="GRADE 7">GRADE 7</option>
                                 <option value="GRADE 8">GRADE 8</option>
                                 <option value="GRADE 9">GRADE 9</option>
                                 <option value="CLASS 8">CLASS 8</option>
                              </select>
                           </div>
                           <div class="form-group">
                              <label for="inputStatus">Class Type</label>
                              <select id="cltype2" class="form-control custom-select">
                                 <option selected value="">Select ---</option>
                                 <option value="F">F</option>
                                 <option value="H">H</option>
                                 <option value="Faith">Faith</option>
                                 <option value="Hope">Hope</option>
                              </select>
                           </div>
                           <div class="form-group">
                              <label for="inputStatus">Pupil Category <span class="requireds">*</span></label>
                              <select id="boarderr" class="form-control custom-select" required>
                                 <option selected disabled value="">Select ---</option>
                                 <option value="Day Scholar">Day Scholar</option>
                                 <option value="Boarder">Boarder</option>
                              </select>
                           </div>
                           <div class="form-group alert-success">
                              <label for="inputStatus">Pupil's Status <span class="requireds">*</span></label>
                              <center><small>Let it remain active if pupil still in school</small></center>
                              <select id="pstatu" class="form-control custom-select" required>
                                 <option selected disabled value="">Select ---</option>
                                 <option value="Active" style="color:green">Active</option>
                                 <option value="Inactive">Inactive</option>
                              </select>
                           </div>
                           <div class="form-group">
                              <label for="inputProjectLeader">Any other Pupil's Infomation</label>
                              <textarea id="pinfo2" class="form-control"> </textarea>
                           </div>
                        </div>
                        <!-- /.card-body -->
                     </div>
                     <!-- /.card -->
                  </div>
                  <div class="col-md-4">
                     <div class="card card-success">
                        <div class="card-header">
                           <h3 class="card-title">Parent details</h3>
                           <div class="card-tools">
                              <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                              <i class="fas fa-minus"></i>
                              </button>
                           </div>
                        </div>
                        <div class="card-body">
                           <div class="form-group">
                              <label for="inputStatus">Parent Type</label>
                              <select id="pareT2" class="form-control custom-select">
                                 <option selected disabled value="">Select ---</option>
                                 <option value="Parent">Parent</option>
                                 <option value="Foster Parent">Foster Parent</option>
                                 <option value="Guardian">Guardian</option>
                              </select>
                           </div>
                           <div class="form-group">
                              <label for="inputProjectLeader">Name</label>
                              <input type="text" id="pareN2" class="form-control">
                           </div>
                           <div class="form-group">
                              <label for="inputProjectLeader">Contact</label>
                              <input type="text" id="pareC2" class="form-control">
                           </div>
                           <div class="form-group">
                              <label for="inputProjectLeader">Email</label>
                              <input type="email" id="pareE2" class="form-control">
                           </div>
                           <div class="form-group">
                              <input type="hidden" id="pupilidholder"
                              <center><label id="pupilsfeedback2"></label></center>
                           </div>
                           <div class="form-group">
                              <button class="btn btn-success btn-sm" id="updatepupilbtn">Update <i class="fa fa-refresh"></i></button>
                           </div>
                        </div>
                        <!-- /.card-body -->
                     </div>
                     <!-- /.card -->
                  </div>
               </div>
            </form>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!------------- Add other fees type--->     
<div class="modal fade" id="modalothersfees">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
         <div class="modal-header">
            <h4 class="modal-title text-success"> Set Other fees Particulars</h4>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <form method="POST" action="" id="" enctype="multipart/form-data" novalidate onsubmit="return false;" style="">
               <div class="row">
                  <div class="col-md-4">
                     <div class="form-group">
                        <label for="inputStatus">Fee Type <span class="requireds">*</span></label>
                        <select id="feetype" class="form-control custom-select" required>
                           <option selected disabled value="">---</option>
                           <option value="Admission">Admission Fee</option>
                           <option value="Boarding">Boarding Fee</option>
                           <option value="Transport"> Transport</option>
                           </option>
                           <option value="Uniform">Uniform Cost</option>
                           <option value="Diaries">Diaries Cost</option>
                           <option value="Motivation">Motivation Fee</option>
                           <option value="Text">Text Books</option>
                           <option value="P Expense">P. Expenses</option>
                        </select>
                     </div>
                  </div>
                  <div class="col-md-4">
                     <div class="form-group">
                        <label for="inputStatus">Category <span class="requireds">*</span></label>
                        <select id="catego" class="form-control custom-select" required>
                           <option selected disabled value="">Select ---</option>
                           <option value="Category One">Category One</option>
                           <option value="Category Two">Category Two</option>
                           <option value="Category Three">Category Three</option>
                           <option value="None">None</option>
                        </select>
                     </div>
                  </div>
                  <div class="col-md-4">
                     <div class="form-group">
                        <label for="inputProjectLeader">Amount <span class="requireds">*</span></label>
                        <input type="text" id="feeamount"  onkeypress="return /[0-9]/i.test(event.key)" style="font-weight:bold" class="form-control text-danger">
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="form-group">
                        <label for="inputProjectLeader">Description</label>
                        <textarea class="form-control" id="textmore"></textarea>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-4">
                     <div class="form-group">
                        <center><label id="feesfeedbackk"></label></center>
                     </div>
                  </div>
                  <div class="col-md-3">
                     <div class="form-group">
                        <label for="inputProjectLeader" class="text-white">.</label>
                        <button class="btn btn-success btn-sm pull-right" id="savefeess">Submit <i class="fa fa-paper-plane"></i>
                        </button>
                     </div>
                     <!-- /.card -->
                  </div>
               </div>
            </form>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!-----------End of other fees type -->    
<!-------------------------------->
<div class="modal fade" id="modalfees">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h5 class="modal-title text-success" >Add new sub-fee structure</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <form method="POST" action="" id="" enctype="multipart/form-data" novalidate onsubmit="return false;" style="">
               <div class="row">
                  <div class="col-md-6">
                     <div class="form-group">
                        <label for="inputStatus">Grade <span class="requireds">*</span></label>
                        <select id="feegrade" class="form-control custom-select" required>
                           <option selected disabled value="">Select ---</option>
                           <option value="Play Group">Play Group</option>
                           <option value="PP1">PP1</option>
                           <option value="PP2">PP2</option>
                           <option value="Grade 1">Grade 1</option>
                           <option value="Grade 2">Grade 2</option>
                           <option value="Grade 3">Grade 3</option>
                           <option value="Grade 4">Grade 4</option>
                           <option value="Grade 5">Grade 5</option>
                           <option value="Grade 6">Grade 6</option>
                           <option value="Grade 7">Grade 7</option>
                           <option value="Grade 8">Grade 8</option>
                           <option value="Grade 9">Grade 9</option>
                           <option value="Class 8">Class 8</option>
                        </select>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="form-group">
                        <label for="inputProjectLeader">Tution Fee <span class="requireds">*</span></label>
                        <input type="text" id="feetution"  onkeypress="return /[0-9]/i.test(event.key)" style="font-weight:bold" class="form-control text-danger">
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="form-group">
                        <center><label id="feesfeedback"></label></center>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="form-group">
                        <label for="inputProjectLeader" class="text-white">.</label>
                        <button class="btn btn-primary btn-sm pull-right" id="savefees">Submit <i class="fa fa-paper-plane"></i></button>
                     </div>
                     <!-- /.card -->
                  </div>
               </div>
            </form>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!---------- Modal Fee  -->
<div class="modal fade" id="modalpayment">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
         <div class="modal-header">
            <h5 class="modal-title text-success" >Fee Payment Module</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <form method="POST" action="" id="" enctype="multipart/form-data" novalidate onsubmit="return false;" style="">
               <div class="row">
                  <div class="col-md-4">
                     <div class="form-group">
                        <label for="inputStatus">Select Student </label>
                        <select id="pupilselect" class="form-control custom-select" required style="width:100%;height:45px">
                           <option selected value="">---</option>
                           <?php                  
                              $query=mysqli_query($con,"select * FROM pupils where Status='Active' ORDER BY Names ASC");
                              while($row=mysqli_fetch_array($query))
                              {
                              ?>
                           <option value="<?php echo $row['count'];  ?>"><?php echo htmlentities($row['AdmNo'].' '.$row['Names'].' '.$row['Sirname']);  ?></option>
                           <?php
                              }
                              ?>
                        </select>
                     </div>
                  </div>
                  <div class="col-md-2">
                     <div class="form-group">
                        <label style="font-weight:600">Adm No</label> <br />
                        <label id="admlabel" style="font-weight:300"></label>
                     </div>
                  </div>
                  <div class="col-md-3">
                     <div class="form-group">
                        <label style="font-decoration:none" style="font-weight:600">Class</label> <br />
                        <label id="clazlabel" style="font-weight:300"></label>
                     </div>
                  </div>
                  <div class="col-md-2">
                     <label id="cfbala"></label>
                  </div>
                  <hr />
                  <div class="col-md-12">
                     <P class="text-danger">Payment Period</P>
                  </div>
                  <div class="col-md-2">
                     <div class="form-group">
                        <label for="inputProjectLeader">Year</label>
                        <select id="feeyearselect" class="form-control custom-select" required>
                           <option selected value="">Select ---</option>
                           <option value="2021">2021</option>
                           <option value="2022">2022</option>
                           </option>
                           <option value="2023">2023</option>
                           <option value="2024">2024</option>
                           <option value="2025">2025</option>
                           <option value="2026">2026</option>
                           <option value="2027">2027</option>
                           <option value="2028">2028</option>
                           <option value="2029">2029</option>
                           <option value="2030">2030</option>
                           <option value="2031">2031</option>
                           <option value="2032">2032</option>
                           <option value="2033">2033</option>
                           <option value="2034">2034</option>
                           <option value="2035">2035</option>
                           <option value="2036">2036</option>
                           <option value="2037">2037</option>
                           <option value="2038">2038</option>
                           <option value="2039">2039</option>
                           <option value="2040">2040</option>
                        </select>
                     </div>
                  </div>
                  <div class="col-md-2">
                     <div class="form-group">
                        <label for="inputProjectLeader">Term</label>
                        <select id="feetermm" class="form-control custom-select" required>
                           <option selected disabled value="">Select ---</option>
                           <option value="Term One">Term One</option>
                           <option value="Term Two">Term Two</option>
                           </option>
                           <option value="Term Three">Term Three</option>
                        </select>
                     </div>
                  </div>
                  <div class="col-md-2">
                     <div class="form-group">
                        <label for="inputProjectLeader">Total Fee</label>
                        <label id="tfeee" class="form-control" style="font-size:16px;font-weight:bold"></label>
                     </div>
                  </div>
    
                  <div class="col-md-2">
                     <div class="form-group">
                        <label for="inputProjectLeader" class="text-warning">Current Balance</label>
                        <label id="cubala" class="form-control" style="font-size:16px;font-weight:bold"></label>
                     </div>
                  </div>
                  <div class="col-md-2">
                     <div class="form-group">
                       <label for="inputProjectLeader"> CFB</label>
                       <label id="cfb" class="form-control" style="font-size:16px;font-weight:bold"></label>
                     </div>
                     </div> 
                     
                     <div class="col-md-2">
                     <div class="form-group">
                       <label for="inputProjectLeader">Total Balance</label>
                       <label id="initialbala" class="form-control" style="font-weight:bold;color:red"></label>
                     </div>
                     </div>
                  <div class="card card-primary card-tabs" style="width:100%">
                     <div class="card-header p-0 pt-1">
                        <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                           <li class="nav-item">
                              <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Payment </a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#particularstab" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Pupil's Particulars</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#paystate" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Fee Payment Statement</a>
                           </li>
                        </ul>
                     </div>
                     <div class="card-body">
                        <div class="tab-content" id="custom-tabs-one-tabContent">
                           <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">
                              <div class="row">
                                 <div class="col-md-3">
                                    <div class="form-group">
                                       <label style="font-decoration:none" style="font-weight:600">Payment Date <span class="requireds">*</span></label> <br />
                                       <input type="date" id="pdatee" class="form-control"  />
                                    </div>
                                 </div>
                                 <div class="col-md-3">
                                    <div class="form-group">
                                       <input type="hidden" id="uzaa" value="<?php echo $_SESSION['user_idd']; ?>" />
                                       <label for="inputProjectLeader">Account Credited <span class="requireds">*</span></label>
                                       <select id="bankcredit" class="form-control custom-select" required>
                                          <option selected disabled value="">Select ---</option>
                                          <?php
                                             $sql = "SELECT * FROM bankdata";
                                             $result = $con->query($sql);
                                             while($row = $result->fetch_assoc()) 
                                             {
                                             ?>
                                          <option value="<?php echo $row['id']; ?>"> <?php echo $row['Bname'].'->'; ?> <small><?php echo $row['Account']; ?> </small>
                                          </option>
                                          <?php
                                             }
                                             ?>
                                       </select>
                                    </div>
                                 </div>
                                 <div class="col-md-4 alert-success">
                                    <div class="form-group"> 
                                       <label style="font-decoration:none" style="font-weight:600">Amount Payed (KES) <span class="requireds">*</span></label> <br /> <i class="btn fa fa-plus text-white" title="Click Here to add amount" id="adva"> Advanced</i>
                                       <input type="text" style="font-weight:bold;font-size:22px;color:red;text-align:center" id="payedamount" onkeypress="return /[0-9]/i.test(event.key)" class="form-control" disabled />
                                    </div>
                                 </div>
                                 <div class="col-md-2">
                                    <div class="form-group">
                                       <label style="font-decoration:none" style="font-weight:600">Receipt No</label> <br />
                                       <input type="text" id="cheqno" class="form-control" />
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="tab-pane fade" id="particularstab" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                              <div class="col-md-4">
                                 <table class="table table-primary">
                                    <tr>
                                       <th>Particular</th>
                                       <th>Amount</th>
                                    </tr>
                                    <tbody id="pupildata">
                                    </tbody>
                                 </table>
                              </div>
                           </div>
                           <div class="tab-pane fade" id="paystate" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                              <div class="col-md-12">
                                 <table class="table table-primary">
                                    <tr>
                                       <th>#</th>
                                       <th>Date of Payment</th>
                                       <th>Amount (KES)</th>
                                       <th>Entry Date</th>
                                    </tr>
                                    <tbody id="tablepupilstatement">
                                    </tbody>
                                 </table>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-4">
                     <div class="form-group">
                        <label for="inputProjectLeader">Fee Code: </label>
                        <label id="lfeecode"></label>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-6">
                     <div class="form-group">
                        <center><label id="feessavemsg"></label></center>
                     </div>
                     <div class="form-group">
                        <button style="margin-right:0px;position:relative" class="btn btn-success btn-sm pull-right" id="subfeepaid">Submit Payment <i class="fa fa-paper-plane"></i>
                        </button>
                     </div>
                  </div>
               </div>
            </form>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<div class="modal fade" id="modalbusedit">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h5 class="modal-title text-success" >Update bus/car Biring Data</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <div class="row">
               <div class="col-md-12">
                  <h5 class="m-0 text-success">Add new Income</h5>
                  <div class="modal-body">
                     <form action="" method="POST" onsubmit="return false">
                        <input type="hidden" id="bushireidholder" />
                        <div class="form-group">
                           <label for="inputProjectLeader">Car/Bus No.</label>
                           <input type="text" style="font-weight:bold" class="form-control text-danger" name="" id="busnoo" required />
                        </div>
                        <div class="form-group">
                           <label for="inputProjectLeader">Application date</label>
                           <input type="date" class="form-control" name="" id="hiredatee" required />
                        </div>
                        <div class="form-group">
                           <label for="inputProjectLeader">Reservation name</label>
                           <input type="text" class="form-control" name="" id="renamee" required />
                        </div>
                        <div class="form-group">
                           <label for="inputProjectLeader">Reservation Contact</label>
                           <input type="text" class="form-control" name="" id="recontactt" required />
                        </div>
                        <div class="form-group">
                           <label for="inputProjectLeader">Hiring Cost</label>
                           <input type="text" style="font-weight:bold;font-size:16px" onkeypress="return /[0-9]/i.test(event.key)"  class="form-control text-danger" name="" id="hirecostt" required />
                        </div>
                        <div class="form-group">
                           <label for="inputProjectLeader">Account Credited</label>
                           <select id="busbnkk" class="form-control custom-select">
                              <option selected value="">Select ---</option>
                              <?php
                                 $sql = "SELECT * FROM bankdata";
                                 $result = $con->query($sql);
                                 while($row = $result->fetch_assoc()) 
                                 {
                                 ?>
                              <option value="<?php echo $row['id']; ?>"> <?php echo $row['Bname'].'->'; ?> <small><?php echo $row['Account']; ?> </small>
                              </option>
                              <?php
                                 }
                                 ?>
                           </select>
                        </div>
                        <div class="row">
                           <div class="col-md-12"> 
                              <label for="inputProjectLeader">Hired Period</label>
                           </div>
                           <div class="col-md-6">
                              <div class="form-group">
                                 <label for="inputProjectLeader">From</label>
                                 <input type="date" class="form-control" name="" id="bfrommm" required />
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form-group">
                                 <label for="inputProjectLeader">To</label>
                                 <input type="date" class="form-control" name="" id="btooo" required />
                              </div>
                           </div>
                        </div>
                        <div class="form-group">
                           <label for="inputProjectLeader">Any other Information</label>
                           <textarea class="form-control" id="businfoo"> </textarea>
                        </div>
                        <div class="form-group">
                           <label id="bushiremsggg" style="color:#FFF">.</label> <br />
                           <button style="margin-right:0px;position:relative" class="btn btn-info btn-sm pull-right" id="btnbusupdate"><i class="fa fa-refresh"></i> Update 
                           </button>
                        </div>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!-- staffs modal -->
<div class="modal fade" id="modalstaffsedit">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
         <div class="modal-header">
            <h5 class="modal-title text-success" >Update Staff's Data</h5>
         </div>
         <div class="modal-body">
            <div class="row">
               <div class="col-md-12">
                  <div class="modal-body">
                     <form method="POST" action="" id="" enctype="multipart/form-data" novalidate onsubmit="return false;">
                        <div class="row">
                           <div class="col-md-6">
                              <div class="card card-primary">
                                 <div class="card-body">
                                    <div class="form-group">
                                       <input type="hidden" name="" id="staffidholderone" />
                                       <label for="inputName">Staff Name <span class="text-danger">*</span></label>
                                       <input type="text" id="snamee" class="form-control" required>
                                    </div>
                                    <div class="form-group">
                                       <label for="inputDescription">ID No</label>
                                       <input type="text" id="sidd" class="form-control" required>
                                    </div>
                                    <div class="form-group">
                                       <label for="inputProjectLeader">Email</label>
                                       <input type="email" id="emaill" class="form-control" />
                                    </div>
                                    <div class="form-group">
                                       <label for="inputStatus">Gender <span class="text-danger">*</span></label>
                                       <select id="sgenderr" class="form-control custom-select" required>
                                          <option selected disabled value="">Select ---</option>
                                          <option value="Male">Male</option>
                                          <option value="Female">Female</option>
                                       </select>
                                    </div>
                                    <div class="form-group">
                                       <label for="inputClientCompany">Contact</label>
                                       <input type="text" id="scontaa" class="form-control" required>
                                    </div>
                                    <div class="form-group">
                                       <hr />
                                       <label for="inputClientCompany" class="text-success">Teachers priority No:</label>
                                       <input type="text" id="spno" class="" required>
                                       <hr />
                                    </div>
                                 </div>
                                 <!-- /.card-body -->
                              </div>
                              <!-- /.card -->
                           </div>
                           <div class="col-md-6">
                              <div class="card card-secondary">
                                 <div class="card-header">
                                    <h3 class="card-title">Other details</h3>
                                    <div class="card-tools">
                                       <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                                       <i class="fas fa-minus"></i>
                                       </button>
                                    </div>
                                 </div>
                                 <div class="card-body">
                                    <div class="form-group">
                                       <label for="inputStatus">Category <span class="text-danger">*</span></label>
                                       <select id="cattt" class="form-control custom-select" required>
                                          <option selected value="">Select ---</option>
                                          <option value="Teacher">Teacher</option>
                                          <option value="Non-teaching Staff">Non-teaching Staff</option>
                                          Subordinate Staff
                                          <option value="Subordinate Staff">Subordinate Staff</option>
                                          <option value="School Director">School Director</option>
                                          <option value="System User">System User</option>
                                       </select>
                                    </div>
                                    <div class="form-group">
                                       <label for="inputProjectLeader">Nature of Work <span class="text-danger">*</span></label>
                                       <input type="text" id="txtnature" class="form-control">
                                    </div>
                                    <div class="form-group">
                                       <label for="inputProjectLeader">Date of Employement</label>
                                       <input type="date" id="edatt" class="form-control">
                                    </div>
                                    <div class="form-group">
                                       <label for="inputProjectLeader">NHIF No</label>
                                       <input type="text" id="txtnhif" class="form-control">
                                    </div>
                                    <div class="form-group">
                                       <label for="inputProjectLeader">NSSF No</label>
                                       <input type="text" id="txtnssf" class="form-control">
                                    </div>
                                    <div class="form-group">
                                       <label for="inputProjectLeader">Subjects Teaching</label>
                                       <textarea id="subss" class="form-control"> </textarea>
                                    </div>
                                    <div class="form-group">
                                       <label for="inputStatus">Status <span class="text-danger">*</span></label>
                                       <select id="selestatus" class="form-control custom-select" required>
                                          <option selected disabled value="">Select ---</option>
                                          <option value="Active">Active</option>
                                          <option value="Inactive">Inactive</option>
                                       </select>
                                    </div>
                                    <div class="form-group">
                                       <center><label id="feedbackstaffsupdate"></label></center>
                                    </div>
                                    <div class="form-group">
                                       <button class="btn btn-success pull-right" id="btnupdatestaffs">Update <i class="fa fa-refresh"></i></button>
                                    </div>
                                 </div>
                                 <!-- /.card-body -->
                              </div>
                              <!-- /.card -->
                           </div>
                           <button type="button" id="closemymodal" class="btn btn-secondary pull-right">
                           Close
                           </button>
                        </div>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<div class="modal fade" id="modaladvancedpay" role="dialog">
   <div class="modal-dialog modal-xl">
      <div class="modal-content">
         <div class="modal-header">
            <h6 class="modal-title text-success" >Advanced amount entry</h6>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <div class="row">
               <div class="col-md-12">
                  <h5 class="m-0 text-success"><label id=""></label></h5>
                  <div class="modal-body">
                     <div class="table-responsive">
                        <table class="table">
                           <tbody>
                           <thead style="font-size:12px">
                              <tr>
                                 <th>Tution Fee</th>
                                 <th>Boarding Fee</th>
                                 <th>Admission Fee</th>
                                 <th>Transport Fee</th>
                                 <th>Motivation Fee</th>
                                 <th>Uniform Fee</th>
                                 <th>Diaries Cost</th>
                                 <th>Books</th>
                                 <th>P. Expenses</th>
                                 <th>Tablet</th>
                                 <th>Development Fee</th>
                                 <th>Action</th>
                              </tr>
                           </thead>
                           <tr>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt1 form-control" /></td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt2 form-control" /></td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt3 form-control" /></td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt4 form-control" />
                              </td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt5 form-control" />
                              </td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt6 form-control" />
                              </td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt7 form-control" />
                              </td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt8 form-control" />
                              </td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt9 form-control" />
                              </td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt10 form-control" />
                              </td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt11 form-control" />
                              </td>
                              <td>
                                 <button style="margin-right:0px;position:relative" class="btn btn-info btn-sm btnextttt"> Next >> 
                                 </button>
                              </td>
                           </tr>
                           </tbody>
                        </table>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<div class="modal fade" id="modaladvancedpayupdate" role="dialog">
   <div class="modal-dialog modal-xl">
      <div class="modal-content">
         <div class="modal-header">
            <h6 class="modal-title text-success" >Update Fee Record</h6>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <div class="row">
               <div class="col-md-12">
                  <h5 class="m-0 text-success"><label id=""></label></h5>
                  <div class="modal-body">
                     <div class="table-responsive">
                        <table class="table">
                           <tbody>
                           <thead style="font-size:12px">
                              <tr>
                                 <td colspan="">Payment for:</td>
                                 <td colspan="2">
                                    <div class="form-group">
                                       <label for="inputProjectLeader">Year</label>
                                       <select id="yearselected" class="form-control custom-select" required>
                                          <option selected value="">Select ---</option>
                                          <option value="2021">2021</option>
                                          <option value="2022">2022</option>
                                          </option>
                                          <option value="2023">2023</option>
                                          <option value="2024">2024</option>
                                          <option value="2025">2025</option>
                                          <option value="2026">2026</option>
                                          <option value="2027">2027</option>
                                          <option value="2028">2028</option>
                                          <option value="2029">2029</option>
                                          <option value="2030">2030</option>
                                          <option value="2031">2031</option>
                                          <option value="2032">2032</option>
                                          <option value="2033">2033</option>
                                          <option value="2034">2034</option>
                                          <option value="2035">2035</option>
                                          <option value="2036">2036</option>
                                          <option value="2037">2037</option>
                                          <option value="2038">2038</option>
                                          <option value="2039">2039</option>
                                          <option value="2040">2040</option>
                                       </select>
                                    </div>
                                 </td>
                                 <td colspan="2">
                                    <div class="form-group">
                                       <label for="inputProjectLeader">Term</label>
                                       <select id="termselected" class="form-control custom-select" required>
                                          <option selected disabled value="">Select ---</option>
                                          <option value="Term One">Term One</option>
                                          <option value="Term Two">Term Two</option>
                                          </option>
                                          <option value="Term Three">Term Three</option>
                                       </select>
                                    </div>
                                 </td>
                                 <td colspan="2">
                                    <div class="form-group">
                                       <label for="inputProjectLeader">Learner's Grade</label>
                                       <select id="lgrade" class="form-control custom-select" required>
                                          <option selected value="">Select Class ---</option>
                                          <option value="BABY CLASS">BABY CLASS</option>
                                          <option value="PP1">PP1</option>
                                          <option value="PP2">PP2</option>
                                          <option value="GRADE 1">GRADE 1</option>
                                          <option value="GRADE 2">GRADE 2</option>
                                          <option value="GRADE 3">GRADE 3</option>
                                          <option value="GRADE 4">GRADE 4</option>
                                          <option value="GRADE 5">GRADE 5</option>
                                          <option value="GRADE 6">GRADE 6</option>
                                          <option value="GRADE 7">GRADE 7</option>
                                          <option value="GRADE 8">GRADE 8</option>
                                          <option value="GRADE 9">GRADE 9</option>
                                       </select>
                                    </div>
                                 </td>
                              </tr>
                              <tr>
                                 <th>Tution Fee</th>
                                 <th>Boarding Fee</th>
                                 <th>Admission Fee</th>
                                 <th>Transport Fee</th>
                                 <th>Motivation Fee</th>
                                 <th>Uniform Fee</th>
                                 <th>Diaries Cost</th>
                                 <th>Books</th>
                                 <th>P. Expenses</th>
                                 <th>Tour</th>
                                 <th>Development Fee</th>
                                 <th>Action</th>
                              </tr>
                           </thead>
                           <tr>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt11 form-control" id="txt1" /></td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt22 form-control" id="txt2" /></td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt33 form-control" id="txt3" /></td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt44 form-control" id="txt4" />
                              </td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt55 form-control" id="txt5" />
                              </td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt66 form-control" id="txt6"/>
                              </td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt77 form-control" id="txt7"/>
                              </td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt88 form-control" id="txt8"/>
                              </td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt99 form-control" id="txt9"/>
                              </td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt1010 form-control" id="txt10"/>
                              </td>
                              <td><input type="text" onkeypress="return /[0-9]/i.test(event.key)" class="txt1111 form-control" id="txt11"/>
                              </td>
                              <td>
                                 <input type="hidden" class="feid" id="feid" />
                                 <button style="margin-right:0px;position:relative" id="savefe" class="btn btn-info btn-sm savefe"> <i class="fa fa-refresh"></i> Update  
                                 </button>
                              </td>
                           </tr>
                           <tr>
                              <td colspan="1">
                                 <label ><strong>Total (KES)</strong></label>
                              </td>
                              <td>
                                 <label id="answer"></label>
                              </td>
                              <td><label id="answerlabel"></label></td>
                           </tr>
                           </tbody>
                        </table>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<div class="modal fade" id="modalbudgeted">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h6 class="modal-title text-success" > Manage Budgeted Amount </h6>
            <button type="button" class="closee" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <div class="row">
               <div class="col-md-12">
                  <h5 class="m-0 text-success"><label id="labeldetails"></label></h5>
                  <div class="modal-body">
                     <form action="" method="POST" onsubmit="return false">
                        <center><span class="badge bg-success"><label id="perioholder"></label></span></center>
                        <div class="row">
                           <div class="col-md-3">
                              <div class="form-group">
                                 <label>Item:</label>
                              </div>
                           </div>
                           <div class="col-md-9">
                              <div class="form-group">
                                 <label id="labelitemm"></label>
                                 <input type="hidden" name="" class="" id="itemuid" />
                              </div>
                           </div>
                           <hr />
                           <div class="col-md-6">
                              <div class="form-group">
                                 <label for="inputStatus">Budgeted Amount<span class="text-danger">*</span></label>
                                 <input type="text" name="" class="form-control" id="budgeta" required />
                              </div>
                           </div>
                           <div class="col-md-12">
                              <div class="form-group">
                                 <label  id="budgetlabeel"></label>
                              </div>
                           </div>
                        </div>
                        <div class="form-group">
                           <button style="margin-right:0px;position:relative" class="btn btn-info btn-sm pull-right" id="savebudge"><i class="fa fa-save"></i> Save
                           </button>
                        </div>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>