 <div class="animated fadeIn">
 <div class="col-md-12">
 <tabset>
 <tab>
      <ng-template tabHeading>Stock on Hand &nbsp;</ng-template>
      
	 <div class="card"> 
         <div class="card-header">
                    <i class="fa fa-align-justify"></i>Study Materials On Hand
                </div>
               
                 <div class="card-body">
                     
                   
                   <div class="row">
                        <div class="col-md-3">
                            <div class="input-prepend input-group">
                                <select id="disabledSelect" class="form-control">
                                    <option value="0">Please Select University Name</option>
                                    <option value="1">MMM University</option>
                                    <option value="2">PPP University</option>
                                    <option value="3">SSS University</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="input-prepend input-group">
                                <select id="disabledSelect" class="form-control">
                                    <option value="0">Please Select Course</option>
                                    <option value="1">B.com</option>
                                    <option value="2">MCA</option>
                                    <option value="3">M.Sc</option>
                                </select>
                            </div>
                        </div>
                        
                        <div class="col-md-2">
                            <div class="input-prepend input-group">
                                <select id="disabledSelect" class="form-control">
                                    <option value="0">Sem/Year</option>
                                    <option value="1">1st Sem/2018</option>
                                    <option value="2">2nd Sem/2018</option>
                                    <option value="3">3rd Sem/2019</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="input-prepend input-group">
                                <button type="button" value="Submit" class="btn btn-primary"> <i class="fa fa-search"></i> Filter</button>
                            </div>
                        </div>
                    </div>
                    <br>
   <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>
      <!--/.row-->
  <div class="row">
    <div class="col-lg-12 col-xs-12">
      <table class="table table-bordered">
        <thead>
          <tr>
            <th>University Name</th>
            <th>Course Name</th>
            <th>Sem/Year</th>
            <th>Current Registration</th>
            <th>Stock on Hand</th>
           <th>Action</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Anna University</td>
            <td>MCA</td>
            <td>1st Sem</td>
            <td>10</td>
		     	<td>10</td>
         <td>
            <i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>
          </td>

          </tr>
          <tr>
            <td>Bharathi University</td>
            <td>MBA</td>
            <td>2nd Sem</td>
		     	<td>15</td>
           <td>15</td>
			 <td>
            <i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>
          </td>
          </tr>
          <tr>
            <td>Thiruvalluvar University</td>
            <td>BE</td>
            <td>3rd Sem</td>
			<td>20</td>
           <td>20</td>
			 <td>
            <i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>
          </td>
          </tr>
          <tr>
            <td>Kamaraj University</td>
            <td>DE</td>
            <td>4th sem</td>
			<td>34</td>
           <td>34</td>
		 <td>
            <i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></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> Studymaterial Status</ng-template>
  
             
         
   <div class="card"> 
         <div class="card-header">
                    <i class="fa fa-align-justify"></i>Studymaterials Status
                </div>
               
                 <div class="card-body">
                     
                   
                   <div class="row">
                        <div class="col-md-3">
                            <div class="input-prepend input-group">
                                <select id="disabledSelect" class="form-control">
                                    <option value="0">Select University Name</option>
                                    <option value="1">MMM University</option>
                                    <option value="2">PPP University</option>
                                    <option value="3">SSS University</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="input-prepend input-group">
                                <select id="disabledSelect" class="form-control">
                                    <option value="0">Select Studycenter</option>
                                    <option value="1">SC 1</option>
                                    <option value="2">SC 2</option>
                                    <option value="3">SC 3</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="input-prepend input-group">
                                <select id="disabledSelect" class="form-control">
                                    <option value="0"> Select Course</option>
                                    <option value="1">B.com</option>
                                    <option value="2">MCA</option>
                                    <option value="3">M.Sc</option>
                                </select>
                            </div>
                        </div>
                        
                        <div class="col-md-2">
                            <div class="input-prepend input-group">
                                <select id="disabledSelect" class="form-control">
                                    <option value="0">Sem/Year</option>
                                    <option value="1">1st Sem/2018</option>
                                    <option value="2">2nd Sem/2018</option>
                                    <option value="3">3rd Sem/2019</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="input-prepend input-group">
                                <button type="button" value="Submit" class="btn btn-primary"> <i class="fa fa-search"></i> Filter</button>
                            </div>
                        </div>
                    </div>
                    <br>
   <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>
      <!--/.row-->
  <div class="row">
    <div class="col-lg-12 col-xs-12">
      <table class="table table-bordered">
        <thead>
          <tr>
            <th>Studycenter Name</th>
            <th>University Name</th>
            <th>Course Name</th>
            <th>Sem/Year</th>
            <th>Registration</th>
            <th>Studymaterial Sent</th>
            <th>Balance</th>
          
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>SC 1</td>
            <td>Anna University</td>
            <td>MCA</td>
            <td>1st Sem</td>
            <td>10</td>
		     	<td>10</td>
           <td>0</td>
        

          </tr>
          <tr>
             <td>SC 2</td>
            <td>Bharathi University</td>
            <td>MBA</td>
            <td>2nd Sem</td>
		     	<td>15</td>
           <td>10</td>
           <td>5</td>
			
          </tr>
          <tr>
             <td>SC 3</td>
            <td>Thiruvalluvar University</td>
            <td>BE</td>
            <td>3rd Sem</td>
		     	<td>20</td>
           <td>20</td>
           <td>0</td>
			 
          </tr>
          <tr>
             <td>SC 4</td>
            <td>Kamaraj University</td>
            <td>DE</td>
            <td>4th sem</td>
		      	<td>34</td>
           <td>30</td>
           <td>4</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>
		</tab>
		</tabset>
      </div> 
</div>	  