<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>University List
                </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>Email ID</th>
            <th>Status</th>
			<th>Activity</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>KSOU</td>
            <td>Karnataka university</td>
            <td>ks@uni.com</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>AUT</td>
            <td>Anna university</td>
            <td>au@uni.com</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>BUT</td>
            <td>Bharathi University</td>
            <td>bu@uni.com</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>TUT</td>
            <td>Tamilnadu university</td>
            <td>ta@uni.com</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>THUT</td>
            <td>Thiruvalluvar university</td>
            <td>thu@uni.com</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>
	   <div class="card">
        <div class="card-header">
          <i class="fa fa-align-justify"></i>University
        </div>
      
        <form action="" method="post" class="form-horizontal">
          <div class="card-body"> 
            <div ng-app="myApp" ng-controller="myCtrl">
          <div class="form-group row">
            <div class="col-md-4">
              <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="col-md-4">
              <label for="company">University Name<span class="required">&nbsp;*</span></label>
              <input type="text" class="form-control" id="company" placeholder="Enter your University Name">            </div>
              <div class="col-md-4">
                <label for="company">University Short Name<span class="required">&nbsp;*</span></label>
                <input type="text" class="form-control" id="company" placeholder="Enter your University Short Name">            </div>
				<br>
          </div>
          <div class="form-group row">
            <div class="col-md-4">
              <label for="company">Mobile Number<span class="required">&nbsp;*</span></label>
              <input type="text" class="form-control" id="company" placeholder="Enter University Mobile Number">            </div>
            <div class="col-md-4">
              <label for="company">Email ID<span class="required">&nbsp;*</span></label>
              <input type="text" class="form-control" id="company" placeholder="Enter University Email ID">          
			  </div>
			   <div class="form-group col-md-4">
                 <label for="premanentAddress">University Address <span class="required">&nbsp;*</span></label>
               <textarea class="form-control" id="premanentAddress" placeholder="Enter University Address"></textarea>
                                            </div>
          </div>
		  
          <div class="form-group row">
		            <div class="col-md-4">
                        <label class="form-control-label" for="file-input">University Logo</label>
			              <br>
                        <input type="file" id="file-input" name="file-input">
                    </div>
           
                    <div class="col-md-4">
			            <label for="company">Active/De-Active<span class="required">&nbsp;*</span></label>
			            <br>
						  <label class="switch switch-3d switch-primary">
						  <input type="checkbox" class="switch-input" checked>
						  <span class="switch-label"></span>
						  <span class="switch-handle"></span>
					     </label>
		            </div>
          </div>
          </div>
		  </div>
           <div class="card-footer">
          <div class="form-group row">
            <div class=" col-md-12" align="right">
			
                <button type="button" style="margin-bottom: -14px" class="btn btn-sm btn-success" (click)="universitydetail()"><i class="fa fa-dot-circle-o"></i> Submit</button>
				&nbsp;
                <button type="reset" style="margin-bottom: -14px" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
            </div>
          </div> 
          </div>  
        </form>
		
      </div>    </tab>
  </tabset>
</div><!--/.col-->
</div>
<!--/.row-->
</div>