@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-2 " style="" >
			
                <input class="btn btn-warning"   type="submit" value="Take Attendance" name="login">
</div>
            <div class="col-lg-4">
            <div class="col-lg-6">
                <div class="form-group">
                               
                               
                                <select class="form-control ">
                                
                                <option>Select Session</option>
                                <option>2022/23 Academic Session</option>
                                 </select>
                                </div>
</div><div class="col-lg-6">
                                <div class="form-group">
                               
                               
                                <select class="form-control ">
                                
                                <option>Select Session</option>
                                <option>2022/23 Academic Session</option>
                                 </select>
                                </div>
                                </div>
                        </div>


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

                            <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>
 <div class="panel panel-default" style="margin-top:15px;">
    <div class="panel-heading">
     Application Details
    </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>Date</th>
            <th>Term </th>
            <th >Class</th>
            <th>Present</th>
            <th>Absent</th>
            <th class="text-center" >Action</th>
          </tr>
        </thead>
        <tbody>
          <tr data-expanded="true">
            <td>520</td>
            <td>26/06/2022</td>
            <td>2021/2022 Academic Session</td>
            <td>1st Term</td>
            <td>2</td>
            <td>1</td>
            
            <td class="pull-right" >
            <a  style="padding:3px; border-style: solid; " class="agile-icon bg-info " href="#"><i style="padding:7px;" class="fa fa-eye" aria-hidden="true">View</i> </a>  
            <a style="padding:3px; border-style: solid;" class="agile-icon bg-success" href="#"><i style="padding:7px;" class="fa fa-edit" aria-hidden="true">Edit</i> </a>
            <a style="padding:3px; border-style: solid;" class="agile-icon bg-danger" href="#"><i style="padding:7px;"  class="fa fa-envelope" aria-hidden="true">Remove</i> </a>

           
            
            </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