<div class="animated fadeIn" *ngIf="hideSemYearC">
    <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> Add Fees Details Of Anna University / Information Technology
            </div>
          <div class="card-body">
              <div class="row">
                  <div class="form-group col-sm-3">
                    <label for="effective">Effective From <span class="symbol required"></span></label>
                    <select class="form-control" id="effective">
                      <option>July-2019</option>
                      <option>June-2019</option>

                    </select>
                  </div>
                  <div class="form-group col-sm-3">
                        <label for="feesName">Fees Name <span class="symbol required"></span></label>
                        <select class="form-control" id="semyear">
                          <option>Tution Fees</option>
                          <option>Exam Fees</option>
                          <option>Late Fees</option>
                          <option>Other Fees</option>
                        </select>
                      </div>
                      <div class="form-group col-sm-2">
                            <label for="feesAmount">Fees Amount <span class="symbol required"></span></label>
                            <input type="text" class="form-control" value="15000" id="feesAmount" placeholder="Enter fees amount">            
                          </div>
                          <div class="form-group col-sm-2">
                              <label for="feesType">Fees Type <span class="symbol required"></span></label>
                              <select class="form-control" id="semyear">
                                <option>Select</option>
                                <option>New Registration</option>
                                <option>Re-registration</option>
                                <option>Per Sem</option>
                              </select>
                            </div>
                          <div class="form-group col-sm-2" style="margin-top: 28px;">
                                <button type="button" class="btn btn-sm btn-primary" (click)="showSemYearFees()"><i class="fa fa-plus-circle "></i> Add</button>
                            </div>
              </div><!--/.row-->
              <div class="row">
                    <div class="col-md-10">
                            <table class="table table-bordered table-responive table-hover">
                              <thead>
                                <tr>
                                  <th>Fees Name</th>
                                  <th>Fees Amount</th>
                                  <th>Fees Type</th>
                                  <th>Action</th>
                                </tr>
                              </thead>
                              <tbody>
                                <tr>
                                  <td>Admission Fees</td>
                                  <td>
                                    <span>15000</span>
                                  </td>
                                  <td>
                                      <span>New Registration</span>
                                  </td>
                                  <td>
                                        <a><i class="fa fa-trash"></i></a>

                                  </td>
                                </tr>
                                <tr>
                                    <td>Tution Fees</td>
                                    <td>
                                      <span>5000</span>
                                    </td>
                                    <td>
                                        <span>Per Sem</span>
                                      </td>
                                      <td>
                                            <a><i class="fa fa-trash"></i></a>
    
                                      </td>
                                  </tr>
                
                                    <tr>
                                        <td>Other Fees</td>
                                        <td>
                                          <span>1000</span>
                                        </td>
                                        <td>
                                            <span>Re-registration</span>
                                              </td>
                                              <td>
                                                    <a><i class="fa fa-trash"></i></a>
            
                                              </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="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
                    </div>
          </div>
        </div>
      </div>
    </div><!--/.row-->
    
  </form>
  </div>
  
