<div class="animated fadeIn">
    <!--/.row-->
    <div class="row">
     <!--/.col-->
     <div class="col-md-12 mb-4">
      <!-- Nav tabs -->
      <tabset>
        <tab>
          <ng-template tabHeading> View Fees Share</ng-template> 
          <div class="row">

                <div class="col-md-12">
                  <div class="card">
                    <div class="card-header">
                        <i class="fa fa-align-justify"></i> View Fees Share Details
                    </div>
                    <div class="card-body">
                      <div class="row">
                          <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">
                              <select class="form-control" id="university">
                                <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 ">
                                <select class="form-control" id="course">
                                  <option>Select Course</option>
                                  <option>CB001-Information Technology</option>
                                  <option>CHE002-Computer Science And Engg</option>
                                  <option>L0022-Fashion Technology</option>
                                  <option>MP0200-Mechanical Engg</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 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><!--/.row-->
                          <div class="row">
                              <div class="col-lg-12 col-xs-12">
                                <table class="table table-bordered table-responsive table-hover">
                                  <thead>
                                    <tr>
                                        <th>Study Center</th>
                                      <th>University</th>
                                      <th>Course</th>
                                      <th>Effective From</th>
                                      <th>Percentage</th>
                                      <th>Action</th>
                                    </tr>
                                  </thead>
                                  <tbody>
                                    <tr>
                                        <td>Chennai</td>
                                      <td>Anna University</td>
                                      <td>Information Technology</td>
                                      <td>14-09-2019</td>
                                      <td>
                                        <span class="badge badge-success">10</span>
                                      </td>
                                      <td>
                                          <a><i class="fa fa-pencil-square-o"></i></a>

                                      </td>
                                    </tr>
                                    <tr>
                                        <td>Chennai</td>
                                        <td>SRM University</td>
                                        <td>Fashion Technology</td>

                                        <td>14-09-2019</td>
                                        <td>
                                          <span class="badge badge-success">15</span>
                                        </td>
                                        <td>
                                            <a><i class="fa fa-pencil-square-o"></i></a>
  
                                        </td>
                                      </tr>
                                      <tr>
                                          <td>Chennai</td>
                                          <td>Karpagam University</td>
                                          <td>Computer Science And Engg</td>
                                          <td></td>
                                          <td>
                                            <span class="badge badge-success">10</span>
                                          </td>
                                          <td>
                                              <a><i class="fa fa-pencil-square-o"></i></a>
    
                                          </td>
                                        </tr>
                                        <tr>
                                            <td>Chennai</td>
                                            <td>Anna University</td>
                                            <td>Fashion Technology</td>
                                           
                                            <td>14-09-2019</td>
                                            <td>
                                              <span class="badge badge-success">10</span>
                                            </td>
                                            <td>
                                                <a><i class="fa fa-pencil-square-o"></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> Add Fees Share</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> Add Study Center Fees Share Details
                            </div>
                            <div class="card-body">
                                <div class="row">
            
                      <div class="form-group col-sm-4">
                          <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-4 ">
                            <label for="addcourse">Course <span class="symbol required"></span></label>
                            <select class="form-control" id="addcourse">
                              <option>Select Multiple Course</option>
                              <option>CB001-Information Technology</option>
                              <option>CHE002-Computer Science And Engg</option>
                              <option>L0022-Fashion Technology</option>
                              <option>MP0200-Mechanical Engg</option>
                            </select>
                          </div>
                          <div class="form-group col-sm-4">
                              <label for="addstudycenter">Study Center <span class="symbol required"></span></label>
                              <select class="form-control" id="addstudycenter">
                                <option>Select Multiple Study Center</option>
                                <option>CHE001-Chennai</option>
                                <option>CBE002-Coimbatore</option>
          
                              </select>
                            </div>
                    
                        <div class="form-group col-sm-4">
                            <label for="effectivefrom">Effective From</label>
                            <input type="date" class="form-control" id="effectivefrom" placeholder="dd-mm-yyyy" style="display: block;">            </div>
                            <div class="form-group col-sm-4">
                                <label for="percentage">Percentage <span class="symbol required"></span></label>
                                <input type="text" class="form-control" id="percentage" placeholder="Enter percentage">            </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"><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>

    
    