@extends('admin.base')
@section('title')

   EDUCATIVE | Elev
    
@endsection

@section('body')
<div class="card">
    <div class="card-header">
        <h5>{{$evaluation->nom}} de {{$evaluation->matiere->nom}}</h5>
        <span>Liste des élèves</span>
    </div>
    <div class="card-block table-border-style">
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <!-- <th >No</th> -->
                        <th >Nom</th>
                        <th>Prénom</th>
                        <th>Note</th>
                        <th style="text-align: center; width: 200px" colspan="2">Action </th>
                    </tr>
                </thead>
                <tbody>
    @foreach($eleves as $key=>$eleve)
    <tr>

        <td>
        {{$eleve->nom}}
        </td>

        <td>
            {{$eleve->prenom}}
        </td>

        <td>
            @if($eleve->note($idE,$eleve->id)!=null)
               {{$eleve->note($idE,$eleve->id)->note}}
            @else
            Non attribuée
            @endif
        </td>
            
        <td style="text-align: center; width: 100px">
            <!-- <a id="note"  href="#" style="border-radius: 20px" type="button" class="btn btn-primary btn-xs" title="Voir 1">Enregistrer note</a>  -->
            @if($eleve->note($idE,$eleve->id)==null)
            <button style="border-radius: 20px"  type="button" class="btn btn-success" data-toggle="modal" data-target="#note{{$eleve->id}}" data-whatever="@mdo">Enregistrer note</button>
            @else
            <button style="border-radius: 20px"  type="button" class="btn btn-warning" data-toggle="modal" data-target="#modifier{{$eleve->id}}" data-whatever="@mdo">Modifier note</button>
            @endif

        </td>

        <td style="text-align: center; width: 100px">
          <a style="border-radius: 20px"  href=" {{route('bulletin',$eleve->id)}} " role="button" class="btn btn-primary" >Bulletin</a>
            <!-- <button  type="button" class="btn btn-primary" data-toggle="modal" data-target="#note{{$eleve->id}}" data-whatever="@mdo">Bulletin</button> -->
        </td>


       <!--ModalEnregister-->   
            <div class="modal fade" id="note{{$eleve->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Veuillez entrez la note</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">
                    <form action="{{route('store_note',['idE'=>$idE,'idEl'=>$eleve->id])}}" method="POST">
                        @csrf                      
                        <div class="form-group">
                        <label for="note" class="col-form-label">note:</label>
                        <input type="text" class="form-control" id="note" name="note">
                      </div>
                   
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                   <!-- <a id="note"  href="#" style="border-radius: 20px" type="button" class="btn btn-primary btn-xs" title="Voir 1">Enregistrer note</a>  -->
                   <button class="btn btn--radius-2 btn--red btn-primary" type="submit">Enregistrer</button>
                  </div>
                </form>
                </div>
              </div>
            </div>
        <!--endModal-->


        <!--ModalModifier-->
            <div class="modal fade" id="modifier{{$eleve->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Veuillez entrez la nouvelle note</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">
                    @if($eleve->note($idE,$eleve->id)!=null)
                    <form action="{{route('notes.update',$eleve->note($idE,$eleve->id)->id)}}" method="POST">
                        @csrf  
                        @method('put')                    
                        <div class="form-group">
                        <label for="note" class="col-form-label">note:</label>
                        <input value="{{$eleve->note($idE,$eleve->id)->note}}" type="text" class="form-control" id="note" name="note">
                      </div>
                   
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                   <!-- <a id="note"  href="#" style="border-radius: 20px" type="button" class="btn btn-primary btn-xs" title="Voir 1">Enregistrer note</a>  -->
                   <button class="btn btn--radius-2 btn--red btn-primary" type="submit">Enregistrer</button>
                  </div>
                </form>
                @endif
                </div>
              </div>
            </div>
        <!--endModal-->


              </tr> 
              @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

@endsection

@section('javascript')

    @if(session()->has('info'))
    <script >

      Swal.fire('{{session('info')}}')
      
    </script>
    @endif  

    <script type="text/javascript">


@endsection