<div class="animated fadeIn" *ngIf="hideCourseMasterC">
<!--/.row-->
<div class="row">
 <!--/.col-->
 <div class="col-md-12 mb-4">
  <!-- Nav tabs -->
  <tabset>
    <tab>
      <ng-template tabHeading> View Course </ng-template> 
      <!-- &nbsp;<span class="badge badge-pill badge-success">5</span> -->
      <!--/.row-->
      <div class="card">
          <div class="card-header">
            <i class="fa fa-align-justify"></i> View Course Details
          </div>
          <div class="card-body">
              <div class="row">
                  <div class="form-group col-sm-4 ">
                      <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>
  <div class="row">
    <div class="col-lg-12 col-xs-12">
      <table class="table table-bordered table-responsive table-hover">
        <thead>
          <tr>
            <th>Course Code</th>
            <th>Course Name</th>
            <th>University Name</th>
            <th>Sem / Year</th>
            <th>Status</th>
            <th>Course Action</th>
            <th>Fees Action</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>CB001</td>
            <td>Information Technology</td>
            <td>SRM University</td>
            <td>SEM</td>
            <td>
                <span class="badge badge-success">Active</span>
              </td>
            <td>
                <a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
                <a><i class="fa fa-eye"></i></a>
               </td>
               <td>
                  <a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
                  <a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
                  <a (click)="viewSemYearModal.show()"><i class="fa fa-eye"></i></a>
                 
                 </td>
          </tr>
          <tr>
              <td>CHE002</td>
              <td>Computer Science And Engg</td>
              <td>Anna University</td>
              <td>SEM</td>
              <td>
                  <span class="badge badge-success">Active</span>
                </td>
              <td>
                  <a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
                <a><i class="fa fa-eye"></i></a>
                 </td>
                 <td>
                    <a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
                    <a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
                    <a (click)="viewSemYearModal.show()"><i class="fa fa-eye"></i></a>
                   
                   </td>
          </tr>
          <tr>
              <td>MP0200</td>
              <td>Mechanical Engg</td>
              <td>Karpagam University</td>
              <td>SEM</td>
              <td>
                  <span class="badge badge-success">Active</span>
                </td>
              <td>
                  <a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
                  <a><i class="fa fa-eye"></i></a>
                 </td>
                 <td>
                    <a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
                    <a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
                    <a (click)="viewSemYearModal.show()"><i class="fa fa-eye"></i></a>
                   
                   </td>
          </tr>
          <tr>
              <td>L0022</td>
              <td>Fashion Technology</td>
              <td>Anna University</td>
              <td>SEM</td>
              <td>
                  <span class="badge badge-danger">InActive</span>
                </td>
              <td>
                  <a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
                <a><i class="fa fa-eye"></i></a>
                 </td>
                 <td>
                    <a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
                    <a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
                    <a (click)="viewSemYearModal.show()"><i class="fa fa-eye"></i></a>
                   
                   </td>
          </tr>
          <tr>
              <td>CB001</td>
              <td>Information Technology</td>
              <td>SRM University</td>
              <td>SEM</td>
              <td>
                  <span class="badge badge-success">Active</span>
                </td>
              <td>
                  <a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
                  <a><i class="fa fa-eye"></i></a>
                 </td>
                 <td>
                    <a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
                    <a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
                    <a (click)="viewSemYearModal.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>
    </tab>
    <tab>
      <ng-template tabHeading> Add Course</ng-template>
        <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> Course Details
                    </div>
                    <div class="card-body">
                        <div class="row">
              <div class="form-group col-sm-3">
                  <label for="university">University <span class="symbol required"></span></label>
                  <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-2">
              <label for="coursecode">Course Code <span class="symbol required"></span></label>
              <input type="text" class="form-control" id="coursecode" placeholder="Enter course code">            </div>
              <div class="form-group col-sm-5">
                  <label for="coursename">Course Name <span class="symbol required"></span></label>
                  <input type="text" class="form-control" id="coursename" placeholder="Enter course name">            </div>
              <div class="form-group col-sm-2">
                  <label for="semyear">Sem / Year <span class="symbol required"></span></label>
                  <select class="form-control" id="semyear" (change)="getCourseFeesStructure()">
                    <option>Select Sem / Year</option>
                    <option>SEM</option>
                    <option>YEAR</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"><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>
        </form>
        </tab>
  </tabset>
</div><!--/.col-->
</div>
<!--/.row-->
</div>
<div class="row">
<div class="form-group col-sm-12 backBtn" *ngIf="!hideCourseMasterC">
  <button type="button" class="btn btn-sm btn-primary" (click)="hideAllChildComponent()"><i class="fa fa-arrow-circle-left"></i> Back</button>
</div>
</div>
<app-add-semyear-fees *ngIf="!hideCourseMasterC"></app-add-semyear-fees>

<!-- view sem/year fees modal-->
<div bsModal #viewSemYearModal="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">Anna University / Information Technology Details</h5>
        <button type="button btn-dark" class="close" (click)="viewSemYearModal.hide()" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="" method="post" class="form-horizontal">
            <div class="row">
                <div class="col-md-10">
                        <table class="table table-bordered table-hover">
                          <thead>
                            <tr>
                              <th>Fees Name</th>
                              <th>Fees Amount</th>
                              <th>Fees Type</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td>Admission Fees</td>
                              <td>
                                <span>15000</span>
                              </td>
                              <td>
                                  <span>New Registration</span>
                              </td>
                             
                            </tr>
                            <tr>
                                <td>Tution Fees</td>
                                <td>
                                  <span>5000</span>
                                </td>
                                <td>
                                    <span>Per Sem</span>
                                  </td>
                                 
                              </tr>
            
                                <tr>
                                    <td>Other Fees</td>
                                    <td>
                                      <span>1000</span>
                                    </td>
                                    <td>
                                        <span>Re-registration</span>
                                          </td>
                                          
                                  </tr>
                                  
                          </tbody>
                        </table>
                      </div>
                      <!--/.col-->
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" (click)="viewSemYearModal.hide()">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<!-- end sem year fees modal -->

