<div class="animated fadeIn" *ngIf="!hideFeesAllocateC">
    <form action="" method="post" class="form-horizontal">
    <div class="row">
      <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <i class="fa fa-align-justify"></i> Manually Change Received Student Fees Details
            </div>
          <div class="card-body">
              <div class="row">
                  <div class="form-group col-sm-3">
                      <label for="editstudycenter">Study Center <span class="symbol required"></span></label>
                      <select class="form-control" id="editstudycenter" disabled>
                        <!-- <option>Select Study Center</option> -->
                        <option>CHE001-Chennai</option>
                        <option>CBE002-Coimbatore</option>
  
                      </select>
                    </div>
    <div class="form-group col-sm-3">
        <label for="edituniversity">University <span class="symbol required"></span></label>
        <select class="form-control" id="edituniversity" disabled>
          <!-- <option>Select University</option> -->
          <option>Anna University</option>
          <option>SRM University</option>
          <option>Karpagam University</option>
          <option>Hindustan University</option>
        </select>
      </div>
      <div class="form-group col-sm-3">
        <label for="scEditBalanceAmt">Balance for SC / University</label>
        <input type="text" value="0" class="form-control" id="scEditBalanceAmt" placeholder="Enter sc balance Amt" readonly>            
      </div>
      <div class="form-group col-sm-3">
          <label for="billNo">Bill No </label>
          <input type="text" class="form-control" id="billNo" value="CHE-00001" placeholder="Enter bill no" readonly>            
        </div>
        <div class="form-group col-sm-3">
            <label for="editbillAmount">Bill Amount <span class="symbol required"></span></label>
            <input type="text" value="200000" class="form-control" id="editbillAmount" placeholder="Enter bill amount" readonly>            
          </div>
          <div class="form-group col-sm-3">
              <label for="receivedAmount">Received Amount <span class="symbol required"></span></label>
              <input type="text" value="200000" class="form-control" id="receivedAmount" placeholder="Enter received amount" readonly>            
            </div>
            <div class="form-group col-sm-3">
                <label for="advanceAmount">Advance Amount <span class="symbol required"></span></label>
                <input type="text" value="0" class="form-control" id="advanceAmount" placeholder="Enter advance amount" readonly>            
              </div>
      <div class="form-group col-sm-3">
          <label for="editreceiptNo">Receipt No </label>
          <input type="text" class="form-control" id="editreceiptNo" placeholder="Enter receipt no" readonly>            
        </div>
          
            <div class="form-group col-sm-3">
                <label for="editpaymentMode">Mode Of Payment <span class="symbol required"></span></label>
                <select class="form-control" id="editpaymentMode" disabled>
                  <!-- <option>Select Payment</option> -->
                  <option>CASH</option>
                  <option>CHEQUE</option>
                  <option>ONLINE TRANSACTION</option>
                  <option>CREDIT / DEBIT CARD</option>
                </select>
              </div>
              <div class="form-group col-sm-3">
                  <label for="editcomments">Comments <span class="symbol required"></span></label>
                    <textarea maxlength="100" placeholder="Enter Comments" class="form-control" name="editcomments" id="editcomments" readonly></textarea>                                
                  </div>
      </div>
              <div class="row">
                    <div class="col-md-12">
                            <table class="table table-bordered table-responsive table-hover">
                              <thead>
                                <tr>
                                 
                                  <th>Form Id</th>
                                  <th>Student Name</th>
                                  <th>Payable Amount</th>
                                  <th>Paid Amount</th>
                                  <th>Balance Amount</th>
                                  <th>Status</th>
                                </tr>
                              </thead>
                              <tbody>
                      
                                <tr>

                                    <td>
                                        <span class="checkbox">
                                            <label for="checkbox1">
                                              <input type="checkbox" id="checkbox1" name="checkbox1" value="option1" checked>
                                            </label>
                                          </span> &nbsp;
                                      <a title="Click to view student course  details">Form001</a></td>
                                    <td>
                                      <span>Preetha - Srinivasan</span>
                                    </td>
                                    <td>
                                      <span>50000</span>
                                    </td>
                                    <td>
                                        <span>50000</span>
                                      </td>
                                      <td>
                                          <span>0</span>
                                        </td>
                                        <td>
                                            <span>Paid</span>
                                          </td>
                                  </tr>
                                  <tr>
                                      <td>
                                          <span class="checkbox">
                                              <label for="checkbox2">
                                                <input type="checkbox" id="checkbox1" name="checkbox2" value="option2" checked>
                                              </label>
                                            </span> &nbsp;
                                        <a title="Click to view student course  details">Form002</a>
                                      </td>
                                      <td>
                                        <span>Ram - Ganesh</span>
                                      </td>
                                      <td>
                                        <span>25000</span>
                                      </td>
                                      <td>
                                          <span>25000</span>
                                        </td>
                                        <td>
                                            <span>0</span>
                                          </td>
                                          <td>
                                              <span>Paid</span>
                                            </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span class="checkbox">
                                                <label for="checkbox3">
                                                  <input type="checkbox" id="checkbox1" name="checkbox3" value="option3" checked>
                                                </label>
                                              </span> &nbsp;
                                          <a title="Click to view student course  details">Form003</a>
                                        </td>
                                        <td>
                                          <span>Moorthy - Saminathan</span>
                                        </td>
                                        <td>
                                          <span>50000</span>
                                        </td>
                                        <td>
                                            <span>50000</span>
                                          </td>
                                          <td>
                                              <span>0</span>
                                            </td>
                                            <td>
                                                <span>Paid</span>
                                              </td>
                                      </tr>
                                      <tr>
                                          <td>
                                              <span class="checkbox">
                                                  <label for="checkbox4">
                                                    <input type="checkbox" id="checkbox4" name="checkbox4" value="option4" checked>
                                                  </label>
                                                </span> &nbsp;
                                            <a title="Click to view student course  details">Form004</a>
                                          </td>
                                          <td>
                                            <span>Mohan - Saravanan</span>
                                          </td>
                                          <td>
                                            <span>100000</span>
                                          </td>
                                          <td>
                                              <span>75000</span>
                                            </td>
                                            <td>
                                                <span>20000</span>
                                              </td>
                                              <td>
                                                  <span>Partially Paid</span>
                                                </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <span class="checkbox">
                                                    <label for="checkbox5">
                                                      <input type="checkbox" id="checkbox5" name="checkbox5" value="option5">
                                                    </label>
                                                  </span> &nbsp;
                                              <a title="Click to view student course  details">Form005</a>
                                            </td>
                                            <td>
                                              <span>Renu - Sathish</span>
                                            </td>
                                            <td>
                                              <span>50000</span>
                                            </td>
                                            <td>
                                                <span>0</span>
                                              </td>
                                              <td>
                                                  <span>50000</span>
                                                </td>
                                                <td>
                                                    <span>Pending</span>
                                                  </td>
                                          </tr>
                                      
                              </tbody>
                            </table>
                          </div>
                          <!--/.col-->
              </div>
          </div>
          <div class="card-footer">
                <div class="col-lg-12 col-xs-12 endBtn" align="right">
                        <button type="button" class="btn btn-sm btn-success"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
                        <button type="button" class="btn btn-sm btn-danger" (click)="cancel()"><i class="fa fa-ban"></i> Cancel</button>
                    </div>
          </div>
        </div>
      </div>
    </div><!--/.row-->
    
  </form>
  </div>
  <app-fees-details *ngIf="hideFeesAllocateC"></app-fees-details>
  
