@extends('template')

@section('nav')
<div class="navbar-fixed">
    <ul id="dropdown1" class="dropdown-content" style="top : 20px">
        <li><a href="/auth/logout" class="logout">Logout</a></li>
    </ul>
    <nav>
        <div class="nav-wrapper">
            <a href="/jury/{{$juryId}}" class="breadcrumb">Examens</a>
            <ul class="right hide-on-med-and-down">
                <li><a class="dropdown-button" href="#!"
                       data-activates="dropdown1">{{ \Illuminate\Support\Facades\Auth::user()->login  }}<i
                                class="material-icons right">more_vert</i></a></li>
            </ul>
        </div>
    </nav>
</div>
<!-- nav Bar !-->
@endsection

@section('contenu')

    <div id="progress" class="progress" style="display:none">
        <div class="indeterminate"></div>
    </div>
<table class="striped centered">
    <thead>
       	<tr>
           	<th data-field="id">Identifiant</th>
           	<th data-field="date">date examen</th>
            <th data-field="examen_stage">Type</th>
           	<th data-field="session_niveau">Niveau</th>
            <th data-field="select"></th>
        </tr>
    </thead>

    <tbody>
       	@foreach ($examens as $examen)
        
      		<tr>
      			<td>{{$examen->id_Examen}}</td>
      			<td>{{$examen->date}}</td>
       			<td>{{$examen->nom}}</td>
            <td>{{$examen->niveau}}</td>
       			<td><a href="/session/{{$examen->id_Session}}/examen/{{$examen->id_Examen}}/station" class="waves-effect waves-light btn blue" onclick="show()">Add Stations</a></td>
       		</tr>
       		@endforeach
   </tbody>
</table>
      <script type="text/javascript">
        function show() {
            document.getElementById('progress').style.display = 'block';
        }
    </script>
@stop