<div class="animated fadeIn">
  <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> Fees Transfer From Paid Details 
          </div>
        <div class="card-body">
            <div class="row">
                <div class="form-group col-sm-3">
                    <label for="transferstudycenter">Study Center <span class="symbol required"></span></label>
                    <select class="form-control" id="transferstudycenter" 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="transferadvanceAmount">Advance Amount <span class="symbol required"></span></label>
                      <input type="text" value="50000" class="form-control" id="advanceAmount" placeholder="Enter advance amount" readonly>            
                    </div>
                    <div class="form-group col-sm-3">
                      <label for="fromtransferuniversity">Transfer From University <span class="symbol required"></span></label>
                      <select class="form-control" id="fromtransferuniversity" disabled>
                        <option>Anna University </option>
                      </select>
                    </div>
  <div class="form-group col-sm-3">
      <label for="transferuniversity">Transfer To University <span class="symbol required"></span></label>
      <select class="form-control" id="transferuniversity">
          <option>SRM University</option>
        <option>Anna University</option>
        <option>Karpagam University</option>
        <option>Hindustan University</option>
      </select>
    </div>
    <div class="form-group col-sm-3">
        <label for="transferAmount">Transfer Amount <span class="symbol required"></span></label>
        <input type="text" value="50000" class="form-control" id="transferAmount" placeholder="Enter transfer 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>TRANSFER</option>
        </select>
      </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)="transfer()"><i class="fa fa-plus-circle"></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><!--/.row-->
  
</form>
</div>
