@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-8" style="" >
				<!--<input class="btn btn-success"   type="submit" value="Enroll" name="login">
                <input class="btn btn-danger"   type="submit" value="Import Student" name="login">-->
                {{-- <form method="post" action="create_classes">
                  @csrf
                  <input type="text" name='name' placeholder="Enter Clas Name">
                  <input type="hidden" name='slug' placeholder="Enter Clas Name">
                <input class="btn btn-warning"   type="submit" value="Add New" name="login" >
                </form> --}}
                 <form class="form-group" method="" action="create_tearms_search" style="    display: flex;">
             
                  <select class="form-control" style="margin-right:10px;" name="session">
                    <option selected disabled>Select session</option>
                     @foreach ($sessions as $cla)
                     <option value="{{ $cla->id	}}">{{ $cla->name	}}</option>
                     @endforeach
                  </select>
                  <select class="form-control" style="margin-right:10px;" name="class">
                    <option selected disabled>Select Class</option>
                     @foreach ($classes as $cla)
                     <option value="{{ $cla->id	}}">{{ $cla->name	}}</option>
                     @endforeach
                  </select>
                  <select class="form-control" style="margin-right:10px;" name="section">
                    <option selected disabled>Select Section</option>
                     @foreach ($section as $cla)
                     <option value="{{ $cla->id	}}">{{ $cla->name	}}</option>
                     @endforeach
                  </select>
                <input class="btn btn-warning p2"   type="submit" value="search" name="login" >
                </form> 
</div>
           


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

                            <ul  class="nav pull-right top-menu p-4">
        <li><lable>Search classes</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">
     Class Details
    </div>
    <div>
      <table class="table" ui-jq="footable" ui-options='{
        "paging": {
          "enabled": true
        },
        "filtering": {
          "enabled": true
        },
        "sorting": {
          "enabled": true
        }}'>
        <thead>
          <tr>
            <th >Sno</th>
            <th >ID</th>
            <th>Full  Name</th>
            <th>Email/Phone</th>
            <th >Class</th>
            <th>Gender</th>
            <th>Status</th>
            <th class="text-center" >Action</th>
          </tr>
        </thead>
        <tbody>
                        @foreach($applications as $application)
          <tr data-expanded="true">
            <td>{{  $loop->index +1 }}</td>
            <td>{{  $application->id }}</td>
            <td>{{  $application->first_name }} {{  $application->last_name }}</td>
            <td>{{  $application->email }}/{{  $application->phone }}</td>
            <td>{{  @$meta['classes']['name'][$application->assign_class] }}</td>
            <td>{{  $application->gender }}</td>
            <td>{{  $application->status }}</td>

            
            <td class="pull-right" >
             @foreach ($tearms as $item)
                 <a  style="padding:3px; border-style: solid; " class="agile-icon bg-info " href="create_resutl_detail?session={{$_GET['session']}}&class={{$_GET['class']}}&section={{$_GET['section']}}&student={{$application->id}}&term={{ $item->id }}"><i style="padding:7px;" class="fa fa-eye" aria-hidden="true">{{ $item->name }}</i> </a> |   
                @endforeach  


           
            
            </td>
          </tr>
          @endforeach
          
        </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>
<style>
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(70, 64, 64)!important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgb(70, 64, 64)!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: rgb(70, 64, 64)!important;
}
form input{
    margin-right: 10px;
}
    </style>
@endsection