<div class="animated fadeIn" *ngIf="!hideFeesDetailsC">
  <!--/.row-->
  <div class="row">
   <!--/.col-->
   <div class="col-md-12 mb-4">
    <!-- Nav tabs -->
    <tabset>
      <tab>
        <ng-template tabHeading>Received Fees</ng-template> 
        <div class="row">
              <div class="col-md-12">
                <div class="card">
                  <div class="card-header">
                      <i class="fa fa-align-justify"></i>Received Fees Details
                  </div>
                  <div class="card-body">
                    <div class="row">
                        <div class="form-group col-sm-3 ">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-search"></i></span>
                                <input type="text" id="input1-group1" name="input1-group1" class="form-control" placeholder="Search">
                              </div>
                      </div>
                        <div class="form-group col-sm-3">
                            <select class="form-control" id="studycenter">
                              <option>Select Study Center</option>
                              <option>CHE001-Chennai</option>
                              <option>CBE002-Coimbatore</option>
        
                            </select>
                          </div>
                            <div class="form-group col-sm-3 ">
                                <button type="button" class="btn btn-sm btn-primary"><i class="fa fa-search"></i> Search</button>
                              </div>
                              
                    </div><!--/.row-->
                        <div class="row">
                            <div class="col-lg-12 col-xs-12">
                              <table class="table table-bordered table-responsive table-hover">
                                <thead>
                                  <tr>
                                    <th>Bill No</th>
                                    <th>Receipt No</th>
                                    <th>Bill Amount </th>
                                    <th>Received Amount</th>
                                    <th>Advance Amount</th>
                                    <th>Received On</th>
                                    <th>Mode Of Payment</th>
                                    <th>Study Center</th>
                                    <th>University</th>
                                    <th>Action</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr>
                                    <td>CHE-00001</td>
                                    <td></td>
                                    <td>200000</td>
                                    <td>200000</td>
                                    <td><a title="Click to transfer amount" (click)="refundFees()">0</a></td>
                                    <td>14-07-2019</td>
                                    <td>CASH</td>
                                    <td>Chennai</td>
                                    <td>Anna University</td>
                                    <td>
                                        <a (click)="editFees()"><i class="fa fa-pencil-square-o"></i></a>
                                        &nbsp;&nbsp;
                                  <a (click)="viewFeesDetailsModal.show()"><i class="fa fa-eye"></i></a>

                                    </td>
                                  </tr>
                                  <tr>
                                      <td>CHE-00002</td>
                                      <td></td>
                                      <td>100000</td>
                                      <td>50000</td>
                                      <td><a title="Click to transfer amount" (click)="refundFees()">50000</a></td>
                                      <td>14-07-2019</td>
                                      <td>CASH</td>
                                      <td>Coimbatore</td>
                                      <td>Anna University</td>
                                      <td>
                                          <a><i class="fa fa-pencil-square-o" (click)="editFees()"></i></a>
                                          &nbsp;&nbsp;
                                  <a (click)="viewFeesDetailsModal.show()"><i class="fa fa-eye"></i></a>
                                      </td>
                                    </tr>
                                    <tr>
                                        <td>CHE-00002</td>
                                        <td></td>
                                        <td>50000</td>
                                        <td>50000</td>
                                        <td><a title="Click to transfer amount" (click)="refundFees()">0</a></td>
                                        <td>14-07-2019</td>
                                        <td>TRANSFER</td>
                                        <td>Chennai</td>
                                      <td>SRM University</td>
                                        <td>
                                            <a><i class="fa fa-pencil-square-o" (click)="editFees()"></i></a>
                                            &nbsp;&nbsp;
                                            <a (click)="viewFeesDetailsModal.show()"><i class="fa fa-eye"></i></a>
                                        </td>
                                      </tr>
                                        
                                </tbody>
                              </table>
                              <ul class="pagination">
                                <li class="page-item"><a class="page-link" href="#">Prev</a></li>
                                <li class="page-item active">
                                  <a class="page-link" href="#">1</a>
                                </li>
                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                <li class="page-item"><a class="page-link" href="#">4</a></li>
                                <li class="page-item"><a class="page-link" href="#">Next</a></li>
                              </ul>
                            </div>
                            <!--/.col-->
                          </div>
                          <!--/.row-->
                  </div>
                </div>
              </div><!--/.col-->
        </div>
      </tab>
      <tab>
        <ng-template tabHeading>Receive Fees</ng-template>
        <div class="col-md-12">
            <form action="" method="post" class="form-horizontal">
                <div class="form-group row">
                    <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <i class="fa fa-align-justify"></i>Receive Fees For Study Center
                          </div>
                          <div class="card-body">
                              <div class="row">
                                  <div class="form-group col-sm-3">
                                      <label for="addstudycenter">Study Center <span class="symbol required"></span></label>
                                      <select class="form-control" id="addstudycenter">
                                        <!-- <option>Select Study Center</option> -->
                                        <option>CHE001-Chennai</option>
                                        <option>CBE002-Coimbatore</option>
                  
                                      </select>
                                    </div>
                    <div class="form-group col-sm-3">
                        <label for="adduniversity">University <span class="symbol required"></span></label>
                        <select class="form-control" id="adduniversity">
                          <!-- <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="scBalanceAmt">Balance for SC / University</label>
                        <input type="text" value="5000" class="form-control" id="scBalanceAmt" placeholder="Enter sc balance Amt" readonly>            
                      </div>
                      <div class="form-group col-sm-3">
                          <label for="receiptNo">Receipt No </label>
                          <input type="text" class="form-control" id="receiptNo" placeholder="Enter receipt no">            
                        </div>
                      <div class="form-group col-sm-3">
                          <label for="billDate">Bill Date <span class="symbol required"></span></label>
                          <input type="date" class="form-control" id="billDate" placeholder="dd-mm-yyyy" style="display: block;">            
                        </div>
                          <div class="form-group col-sm-3">
                              <label for="billAmount">Bill Amount <span class="symbol required"></span></label>
                              <input type="text" value="200000" class="form-control" id="billAmount" placeholder="Enter bill amount">            
                            </div>
                            <div class="form-group col-sm-3">
                                <label for="paymentMode">Mode Of Payment <span class="symbol required"></span></label>
                                <select class="form-control" id="paymentMode">
                                  <!-- <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="comments">Comments <span class="symbol required"></span></label>
                                    <textarea maxlength="100" placeholder="Enter Comments" class="form-control" name="comments" id="comments" ></textarea>                                
                                  </div>
                      </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" (click)="saveFees()"><i class="fa fa-plus"></i> Save</button>&nbsp;
                              <button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
                          </div>
                </div>
                      </div>
                      </div>
                </div>
              </form>
        </div>    </tab>
    </tabset>
  </div><!--/.col-->
  </div>
  <!--/.row-->
  </div>
  <app-edit-receive-fees *ngIf="showFeesAllocateC"></app-edit-receive-fees>
  <app-transfer-fees-details *ngIf="showFeesTransferC"></app-transfer-fees-details>

  <!-- view fees details modal-->
<div bsModal #viewFeesDetailsModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Bill No: CHE-00001	Details</h5>
          <button type="button btn-dark" class="close" (click)="viewFeesDetailsModal.hide()" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
 <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>Form001</span>
                                    </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>Form002</span>
                                      </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>Form003</span>
                                        </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>Form004</span>
                                          </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>
                                    
                                      
                              </tbody>
                            </table>
                          </div>
                          <!--/.col-->
              </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" (click)="viewFeesDetailsModal.hide()">Close</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
  
  <!-- end fees  detailsmodal -->


  
  