<div class="animated fadeIn">
<!--/.row-->
<div class="row">
 <!--/.col-->
 <div class="col-md-12 mb-4">
  <!-- Nav tabs -->
  <tabset>
    <tab>
      <ng-template tabHeading> View University &nbsp;</ng-template>
      <!--/.row-->
       <div class="card">
          <div class="card-header">
                    <i class="fa fa-align-justify"></i>View University Details
                </div>
                <div class="card-body">
	 <div class="row">
                        <div class="col-md-4">
                            <div class="input-prepend input-group">
                                <span class="input-group-addon">
                                    <i class="fa fa-search"></i>
                                    </span>
                                <input id="search" class="form-control" type="text" placeholder="search">
                            </div>
                        </div>
                    </div>
			  <br>
  <div class="row">
    <div class="col-lg-12 col-xs-12">
      <table class="table table-bordered">
        <thead>
          <tr>
            <th>University ID</th>
            <th>University Name</th>
            <th>University Short Name</th>
            <th>Email ID</th>
            <th>Mobile Number</th>
            <th>Status</th>
			      <th>Activity</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>U0005</td>
            <td>Karnataka University</td>
            <td>KU</td>
            <td>ks@uni.com</td>
            <td>9527777319</td>
            <td>
              <span class="badge badge-success">Active</span>
            </td>
			<td>
                                    <i class="fa fa-edit" tooltip="Edit" (click)="university()"></i> |
                                    <i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
                                </td>
          </tr>
          <tr>
            <td>U0004</td>
            <td>Anna University</td>
            <td>AU</td>
            <td>au@uni.com</td>
            <td>9327777319</td>
            <td>
              <span class="badge badge-success">Active</span>
            </td>
			<td>
                                    <i class="fa fa-edit" tooltip="Edit" (click)="university()"></i> |
                                    <i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
                                </td>
          </tr>
          <tr>
            <td>U0003</td>
            <td>Bharathi University</td>
            <td>BU</td>
            <td>bu@uni.com</td>
            <td>9399993111</td>
            <td>
              <span class="badge badge-danger">Inactive</span>
            </td>
			<td>
                                    <i class="fa fa-edit" tooltip="Edit" (click)="university()"></i> |
                                    <i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
                                </td>
          </tr>
          <tr>
            <td>U0002</td>
            <td>Tamilnadu University</td>
            <td>TU</td>
            <td>ta@uni.com</td>
            <td>9399993000</td>
            <td>
              <span class="badge badge-danger">Inactive</span>
            </td>
			<td>
                                    <i class="fa fa-edit" tooltip="Edit" (click)="university()"></i> |
                                    <i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
                                </td>
          </tr>
          <tr>
            <td>U0001</td>
            <td>Thiruvalluvar University</td>
            <td>THU</td>
            <td>thu@uni.com</td>
            <td>9399993999</td>
            <td>
              <span class="badge badge-success">Active</span>
            </td>
			<td>
                                    <i class="fa fa-edit" tooltip="Edit" (click)="university()"></i> |
                                    <i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
                                </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>
  </div>
  </div>
    <!--/.col-->
  </div>
  <!--/.row-->
    </tab>
    <tab>
      <ng-template tabHeading> Add University</ng-template>
	    
        <form action="" method="post" class="form-horizontal">
            <div class="form-group row">
                <div class="col-md-6">
          <div class="card">
        <div class="card-header">
          <i class="fa fa-align-justify"></i>University Details
        </div>
          <div class="card-body"> 
              <div class="row">
            <!-- <div class="form-group col-md-6">
              <label for="company">University ID<span class="required">&nbsp;*</span></label>
              <input type="text" class="form-control" id="university" placeholder="Enter your University ID">         
                 </div> -->
            <div class="form-group col-md-6">
              <label for="universityName">University Name<span class="required">&nbsp;*</span></label>
              <input type="text" class="form-control" id="universityName" placeholder="Enter univ name">            </div>
              <div class="form-group col-md-6">
                <label for="universityShortName">University Short Name<span class="required">&nbsp;*</span></label>
                <input type="text" class="form-control" id="universityShortName" placeholder="Enter university short name">            </div>
            <div class="form-group col-md-6">
              <label for="mobile">Mobile Number<span class="required">&nbsp;*</span></label>
              <input type="text" class="form-control" id="mobile" placeholder="Enter university mobile number">            </div>
            <div class="form-group col-md-6">
              <label for="email">Email ID<span class="required">&nbsp;*</span></label>
              <input type="text" class="form-control" id="email" placeholder="Enter university email id">          
			  </div>
			   <div class="form-group col-md-6">
                 <label for="universityAddress">University Address <span class="required">&nbsp;*</span></label>
               <textarea class="form-control" id="universityAddress" placeholder="Enter university  address"></textarea>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label for="status">Active/De-Active<span class="required">&nbsp;*</span></label>						  <label class="switch switch-3d switch-primary" style="display: block">
                                            <input type="checkbox" class="switch-input" checked>
                                            <span class="switch-label"></span>
                                            <span class="switch-handle"></span>
                                             </label>
                                              </div>
		            <div class="form-group col-md-6">
                        <label class="form-control-label" for="file-input">University Logo</label>
                        <input type="file" id="file-input" name="file-input">
                    </div>
           
		  </div>
        </div>
      </div> 
       
    </div>
    <div class="col-md-6">
        <div class="card">
          <div class="card-header">
              <i class="fa fa-align-justify"></i> Fees Details
            </div>
          <div class="card-body">
              <div class="row">
                  <div class="form-group col-sm-4">
                      <label for="pc">Prov Cert Fees</label>
                      <input type="text" class="form-control" id="pc" placeholder="Enter tc amt">            </div>
                      <div class="form-group col-sm-4">
                          <label for="tc">Transfer Cert Fees</label>
                          <input type="text" class="form-control" id="tc" placeholder="Enter tc amt">            </div>
                          <div class="form-group col-sm-4">
                              <label for="dc">Degree Cert Fees</label>
                              <input type="text" class="form-control" id="dc" placeholder="Enter dc amt">            </div>
                              <div class="form-group col-sm-4">
                                  <label for="mc">Migration Cert Fees</label>
                                  <input type="text" class="form-control" id="mc" placeholder="Enter mc amt">            </div>
                                  <div class="form-group col-sm-4">
                                      <label for="other">Other Fees</label>
                                      <input type="text" class="form-control" id="other" placeholder="Enter others amt">            </div>
                                      
  
                </div><!--/.row-->
          </div>
        </div>
        <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>
</form>
      
		
        </tab>
  </tabset>
</div><!--/.col-->
</div>
<!--/.row-->
</div>