@extends('admin.layouts.index')



@section('content')
   
<section id="main-content">
	<section class="wrapper">
		<div class="table-agile-info"  style="padding: 4em;">


        <div class="col-lg-6">
            <div class="col-lg-4" >
                <div class="form-group">
                               
                               
                                <select class="form-control ">
                                
                                <option>Subject Teacher</option>
                                <option>Math</option>
                                 </select>
                                </div>
</div><div class="col-lg-4">
                                <div class="form-group">
                               
                               
                                <select class="form-control ">
                                
                                <option>Select Class</option>
                                <option>9th (B)</option>
                                 </select>
                                </div>
                                </div>
                                <div class="col-lg-4">
                                <div class="form-group">
                               
                               
                                <select class="form-control ">
                                
                                <option>Select Action</option>
                                <option>Save</option>
                                <option>Remove</option>
                                 </select>
                                </div>
                                </div>
                        </div>

        <div class="col-lg-2 " style="" >
            
				<input class="btn btn-info"   type="submit" value="SUbmit   " name="login">
             
</div>
            


                            <div class="col-lg-2">
                                

                            <!--<ul  class="nav pull-right top-menu p-4">
        <li><lable>Search Applicant</lable>
            <input type="text" class="form-control search" placeholder=" Search">
        </li>

</ul>   -->      
                            </div>
                            </div>
                            <lable>
    <input type="checkbox"> Select / Deselect All<lable>
 <div class="panel panel-default" style="margin-top:15px;">
    <div class="panel-heading">
     
    </div>
    
    <div>
      <table class="table" ui-jq="footable" ui-options='{
        "paging": {
          "enabled": true
        },
        "filtering": {
          "enabled": true
        },
        "sorting": {
          "enabled": true
        }}'>
       
        <thead>
          <tr>
            <th >Sl. No.</th>
            <th>Select</th>
            <th>Title</th>
            <th >Class</th>
            <th>Teacher</th>
           
          </tr>
        </thead>
        <tbody>
          <tr data-expanded="true">
            <td>520</td>
            <td> <input type="checkbox"></td>
            <td> Exam</td>
            <td>9th Std</td>
            <td>LA Hambrom</td>
           
            
            
           
            
        
          </tr>
          
        </tbody>
      </table>
      <nav aria-label="Page navigation example">
  <ul class="pagination">
    <li class="page-item"><a class="page-link" href="#">Previous</a></li>
    <li class="page-item"><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="#">Next</a></li>
  </ul>
</nav>
    </div>
  </div>
</div>
</section>

@endsection