 <div class="animated fadeIn">
 <div class="col-md-12">
 <tabset>
 <tab>
      <ng-template tabHeading> View Received Study Materials &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>Received Quantity</th>
            <th>Received From</th>
			<th>Received Date</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Anna University</td>
            <td>MCA</td>
            <td>1st Sem</td>
			<td>10</td>
           <td>vendor</td>
			<td>10/10/2018</td>
          </tr>
          <tr>
            <td>Bharathi University</td>
            <td>MBA</td>
            <td>2nd Sem</td>
			<td>15</td>
            <td>university</td>
			<td>15/10/2018</td>
          </tr>
          <tr>
            <td>Thiruvalluvar University</td>
            <td>BE</td>
            <td>3rd Sem</td>
			<td>20</td>
           <td>vendor</td>
			<td>10/11/2018</td>
          </tr>
          <tr>
            <td>Kamaraj University</td>
            <td>DE</td>
            <td>4th sem</td>
			<td>34</td>
           <td>vendor</td>
			<td>12/11/2018</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>Received Study Materials</ng-template>
  
             
         
  <div class="card">
  <div class="card-header">
          <strong>Study Material</strong>
        </div>
        <form action="" method="post" class="form-horizontal">
		<div class="card-body">

           
            
             <div class="form-group row">
                 <div class="col-md-4">
              <label for="chkPassport" class="col-md-12 form-control-label"><strong>Received by</strong></label>
              <div class="col-md-6">
               
                 <label  for="chkPassport">
                  <input type="checkbox" id="chkPassport" name="vendor"  (click)="ShowHideDiv($event)">&nbsp;&nbsp;Vendor
                </label>
               
              </div>
              </div>
              <div class="col-md-4">
                  <div id="dvPassport" style="display: block">
           <label for="dvPassport">Vendor Details<span class="required">&nbsp;*</span></label>
              <input type="text" class="form-control" id="vendordetails" placeholder="Vendor Details">
              </div>
          </div>
            </div>
          
          <div class="form-group row">
             <div class="col-md-4 ">
             <label class="col-md-6 form-control-label" for="select">Select University<span class="required">&nbsp;*</span></label>
            
                <select id="select" name="select" class="form-control">
                  <option value="0">Please select</option>
                  <option value="1">Anna university</option>
                  <option value="2">Bharathi University</option>
                  <option value="3">Tamilnadu university</option>
                   <option value="4">External</option>
                </select>
              </div>
           <div class="col-md-4 ">
             <label class="col-md-6 form-control-label" for="select">Select Course<span class="required">&nbsp;*</span></label>
            
                <select id="select" name="select" class="form-control">
                  <option value="0">Please select</option>
                  <option value="1">MCA</option>
                  <option value="2">MBA</option>
                  <option value="3">BE</option>
                </select>
              </div>
              <div class="col-md-4 ">
             <label class="col-md-8 form-control-label" for="select">Select Sem/Year<span class="required">&nbsp;*</span></label>
            
                <select id="select" name="select" class="form-control">
                  <option value="0">Please select</option>
                  <option value="1">Sem1</option>
                  <option value="2">Sem2</option>
                  <option value="3">Sem3</option>
				  <option value="3">Sem4</option>
                </select>
              </div>
          </div>
          <div class="form-group row">
           
           
            
				
				          
			   <div class="col-md-4">
              <label for="company">Quantity<span class="required">&nbsp;*</span></label>
              <input type="text" class="form-control" id="company" placeholder="Enter Quantity"> 
                         </div>
                          <div class=" col-md-4 ">
              <label for="company">Received Date<span class="required">&nbsp;*</span></label>
              <input type="text" class="form-control" id="date" placeholder="dd/mm/yyyy">          
			  </div>
          </div>
         
		 
		  
          </div>
		   <div class="card-footer">
          <div class="form-group row">
            <div class="col-md-12" align="right">
                <button type="button" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
                <button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
            </div>
          </div> 
</div>		  
        </form>
		</div>
		</tab>
		</tabset>
      </div> 
</div>	  