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

   EDUCATIVE | Enfant
    
@endsection

@section('body')
<div class="card">
    <div class="card-header">
        <h5>Résultats</h5>
        <span>Mes enfants</span>
        <a data-toggle="modal" data-target="#ajout" class="float-right"  href="" style="border-radius: 20px" type="button" class="btn btn-primary btn-xs" title="Ajout">Ajouter un enfant</a>
    </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>Classe</th>
                      <th class="text-center" style="text-align: center; width: 200px" colspan="2">Action </th>
                    </tr>
                </thead>
                <tbody>
             @foreach($enfants as $key=>$enfant)
              <tr>

              <td>
                 {{$key+1}} 
              </td>

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

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

              <td>
                  {{$enfant->classe->nom}}
              </td>

              <td style="width: 100px" class="text-center">
                  <a  href="{{ route('parent_enfant_bulletin', $enfant->id) }}" style="border-radius: 20px" type="button" class="btn btn-primary btn-xs" title="Voir bulletin"><i class="fa-solid fa-book-open"></i></a> 
              </td>
                  
              <td style="width: 100px" class="text-center" >
                  <a href="{{ route('parent_enfant_note', $enfant->id) }}" style="border-radius: 20px" type="button" class="btn btn-success btn-xs" title="Voir note"><i class="fa-solid fa-bookmark"></i></a> 
              </td>
             
              </tr> 
              @endforeach
                </tbody>
            </table>
        </div>
    </div>

         <!--ModalEnregister-->   
            <div class="modal fade" id="ajout" 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 code parent</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('attribuer_enfant')}}" method="POST">
                        @csrf                      
                        <div class="form-group">
                        <label for="note" class="col-form-label">Code:</label>
                        <input type="text" class="form-control" id="code" name="code">
                      </div>
                   
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                   <button class="btn btn--radius-2 btn--red btn-primary" type="submit">Enregistrer</button>
                  </div>
                </form>
                </div>
              </div>
            </div>
        <!--endModal-->
</div>

@endsection

@section('javascript')

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

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


@endsection