<div class="animated fadeIn">
<!--/.row-->
<div class="row">
 <!--/.col-->
 <div class="col-md-12 mb-4">
  <!-- Nav tabs -->
  <tabset>
  <tab>
      <ng-template tabHeading>Received Study Materials</ng-template>
      <div class="col-md-12">
        <form action="" method="post" class="form-horizontal">
          <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">*</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>
                </select>
              </div>
           <div class="col-md-4 ">
             <label class="col-md-6 form-control-label" for="select">Select Course<span class="required">*</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 Study Center<span class="required">*</span></label>
            
                <select id="select" name="select" class="form-control">
                  <option value="0">Please select</option>
                  <option value="1">Center A</option>
                  <option value="2">Center B</option>
                  <option value="3">Center C</option>
                </select>
              </div>
          </div>
          <div class="form-group row">
            <div class="col-md-4">
              <label for="company">Course Name<span class="required">*</span></label>
              <input type="text" class="form-control" id="company" placeholder="Enter Course Name">            </div>
            <div class="col-md-4 ">
             <label class="col-md-8 form-control-label" for="select">Select Sem/Year<span class="required">*</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 class="col-md-4">
                <label for="company">Courier Number<span class="required">*</span></label>
                <input type="text" class="form-control" id="company" placeholder="Enter Courier Number">            
				</div>
          </div>
		  <div class="form-group row">
            <div class="col-md-4">
              <label for="company">Courier Name<span class="required">*</span></label>
              <input type="text" class="form-control" id="company" placeholder="Courier Name">            </div>
             <div class="col-md-4">
              <label for="company">Quantity<span class="required">*</span></label>
              <input type="text" class="form-control" id="company" placeholder="Enter Quantity">            </div>
              <div class="col-md-4">
                <label for="company">Weight(Kgs)<span class="required">*</span></label>
                <input type="text" class="form-control" id="company" placeholder="Enter University Address">            
				</div>
          </div>
		  
          <div class="form-group row">
           <div class=" col-md-4 ">
              <label for="company">Dispatched Date<span class="required">*</span></label>
              <input type="date" class="form-control" id="date" placeholder="Enter Batch Date">          
			  </div>
              
          </div>
          <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>  
        </form>
      </div>    </tab>
	  <tab>
      <ng-template tabHeading> View Received Study Materials &nbsp;<span class="badge badge-pill badge-success">29</span></ng-template>
      <!--/.row-->
  <div class="row">
    <div class="col-lg-12 col-xs-12">
      <table class="table table-bordered">
        <thead>
          <tr>
            <th>Study Center Name</th>
            <th>Course Name</th>
            <th>Courier No</th>
            <th>Quantity</th>
			<th>Dispatch Date</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Center A</td>
            <td>MCA</td>
            <td>1A</td>
			<td>10</td>
			<td>10/10/2018</td>
          </tr>
          <tr>
            <td>Center B</td>
            <td>MBA</td>
            <td>1B</td>
			<td>15</td>
			<td>15/10/2018</td>
          </tr>
          <tr>
            <td>Center C</td>
            <td>BE</td>
            <td>1C</td>
			<td>20</td>
			<td>10/11/2018</td>
          </tr>
          <tr>
            <td>Center D</td>
            <td>DE</td>
            <td>1D</td>
			<td>34</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>
    <!--/.col-->
  </div>
  <!--/.row-->
    </tab>
    
    <tab>
      <ng-template tabHeading> Add Allocate Of Study Materials</ng-template>
      <div class="col-md-12">
        <form action="" method="post" class="form-horizontal">
          <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">*</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>
                </select>
              </div>
           <div class="col-md-4 ">
             <label class="col-md-6 form-control-label" for="select">Select Course<span class="required">*</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 Study Center<span class="required">*</span></label>
            
                <select id="select" name="select" class="form-control">
                  <option value="0">Please select</option>
                  <option value="1">Center A</option>
                  <option value="2">Center B</option>
                  <option value="3">Center C</option>
                </select>
              </div>
          </div>
          <div class="form-group row">
            <div class="col-md-4">
              <label for="company">Course Name<span class="required">*</span></label>
              <input type="text" class="form-control" id="company" placeholder="Enter Course Name">            </div>
            <div class="col-md-4 ">
             <label class="col-md-8 form-control-label" for="select">Select Sem/Year<span class="required">*</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 class="col-md-4">
                <label for="company">Courier Number<span class="required">*</span></label>
                <input type="text" class="form-control" id="company" placeholder="Enter Courier Number">            
				</div>
          </div>
		  <div class="form-group row">
            <div class="col-md-4">
              <label for="company">Courier Name<span class="required">*</span></label>
              <input type="text" class="form-control" id="company" placeholder="Courier Name">            </div>
             <div class="col-md-4">
              <label for="company">Quantity<span class="required">*</span></label>
              <input type="text" class="form-control" id="company" placeholder="Enter Quantity">            </div>
              <div class="col-md-4">
                <label for="company">Weight(Kgs)<span class="required">*</span></label>
                <input type="text" class="form-control" id="company" placeholder="Enter University Address">            
				</div>
          </div>
		  
          <div class="form-group row">
           <div class=" col-md-4 ">
              <label for="company">Dispatched Date<span class="required">*</span></label>
              <input type="date" class="form-control" id="date" placeholder="Enter Batch Date">          
			  </div>
              
          </div>
          <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>  
        </form>
      </div>    </tab>
	  <tab>
      <ng-template tabHeading> View Allocation of Study Materials &nbsp;<span class="badge badge-pill badge-success">29</span></ng-template>
      <!--/.row-->
  <div class="row">
    <div class="col-lg-12 col-xs-12">
      <table class="table table-bordered">
        <thead>
          <tr>
            <th>Study Center Name</th>
            <th>Course Name</th>
            <th>Courier No</th>
            <th>Quantity</th>
			<th>Dispatch Date</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Center A</td>
            <td>MCA</td>
            <td>1A</td>
			<td>10</td>
			<td>10/10/2018</td>
          </tr>
          <tr>
            <td>Center B</td>
            <td>MBA</td>
            <td>1B</td>
			<td>15</td>
			<td>15/10/2018</td>
          </tr>
          <tr>
            <td>Center C</td>
            <td>BE</td>
            <td>1C</td>
			<td>20</td>
			<td>10/11/2018</td>
          </tr>
          <tr>
            <td>Center D</td>
            <td>DE</td>
            <td>1D</td>
			<td>34</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>
    <!--/.col-->
  </div>
  <!--/.row-->
    </tab>
  </tabset>
</div><!--/.col-->
</div>
<!--/.row-->
</div>