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

   EDUCATIVE | Bulletin
    
@endsection

@section('body')
 <div class="card">
    <div class="card-header">
        <h5>Bulletin</h5>
        <span>Bulletin de : {{$eleve->nom}} {{$eleve->prenom}}</span>
    </div>
    <div class="card-block table-border-style">
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                      <th style="width: 2%">Matière</th>
                      <th style="width: 30%; text-align: center;" colspan="3" >Note de classe</th>
                      <th>Moy. class.</th>
                      <th>Compo.</th>
                      <th> Moy. Gene./20 </th>
                      <th> Coef </th>
                      <th> Moy. Coef </th>
                      <th> Rang </th>
                      <th> Professeur </th>
                      <th> Appreciation </th>
                      <th> Signature </th>
                    </tr>
                </thead>
                <tbody>
                @foreach($tabMat as $i=>$val1)
               
                <tr>
                 <!--  @foreach($val1 as $j=>$val2)      
                     <td>
                       {{$tabMat[$i][$j]}}
                     </td>
                  @endforeach -->
                  <td>{{$tabMat[$i][0]}}</td>
                  <td>{{$tabMat[$i][1]}}</td>
                  <td>{{$tabMat[$i][2]}}</td>
                  <td>{{$tabMat[$i][3]}}</td>
                  <td>{{$tabMat[$i][4]}}</td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                </tr> 
              
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
 </div>

@endsection

@section('javascript')
    <!-- Jquery JS-->
   
    <!-- jQuery -->
    <script src="admin/plugins/jquery/jquery.min.js"></script>
    <!-- Bootstrap 4 -->
    <script src="admin/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- AdminLTE App -->
    <script src="admin/dist/js/adminlte.min.js"></script>
    @if(session()->has('info'))
    <script >

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

    <script type="text/javascript">
      
      $('#note').on('show.bs.modal', function (event) {
       var button = $(event.relatedTarget) // Button that triggered the modal
      var recipient = button.data('whatever') // Extract info from data-* attributes
      // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
      // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
      var modal = $(this)
      modal.find('.modal-title').text('Enregistrement de note ')
      // modal.find('.modal-body input').val(recipient)
    })
    </script>

<!--     <script type="text/javascript">
      
          Swal.fire({
          title: 'Veuillez entrez la note',
          input: 'text',
          inputAttributes: {
            autocapitalize: 'off'
          },
          showCancelButton: true,
          confirmButtonText: 'Look up',
          showLoaderOnConfirm: true,
          preConfirm: (login) => {
            return fetch(`//api.github.com/users/${login}`)
              .then(response => {
                if (!response.ok) {
                  throw new Error(response.statusText)
                }
                return response.json()
              })
              .catch(error => {
                Swal.showValidationMessage(
                  `Request failed: ${error}`
                )
              })
          },
          allowOutsideClick: () => !Swal.isLoading()
        }).then((result) => {
          if (result.isConfirmed) {
            Swal.fire({
              title: `${result.value.login}'s avatar`,
              imageUrl: result.value.avatar_url
            })
          }
        })
        
    </script> -->

    <!-- Main JS-->
    <script src="../eleve_form/js/global.js"></script>

@endsection









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

   EDUCATIVE | Bulletin
    
@endsection

@section('body')
 <div class="card">
    <div class="card-header">
        <h5>Bulletin</h5>
        <span>Bulletin de : {{$eleve->nom}} {{$eleve->prenom}}</span>
    </div>
    <div class="card-block table-border-style">
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                      <th style="width: 2%">Matière</th>
                      <th style="width: 30%; text-align: center;" colspan="3" >Note de classe</th>
                      <th>Moy. class.</th>
                      <th>Compo.</th>
                      <th> Moy. Gene./20 </th>
                      <th> Coef </th>
                      <th> Moy. Coef </th>
                      <th> Rang </th>
                      <th> Professeur </th>
                      <th> Appreciation </th>
                      <th> Signature </th>
                    </tr>
                </thead>
                <tbody>
                <tr>
                  <td style="text-align: center;"  colspan="13" >

                   <h4>Vide</h4>
            
                   </td>
                </tr> 
                </tbody>
            </table>
        </div>
    </div>
 </div>

@endsection

@section('javascript')
    <!-- Jquery JS-->
   
    <!-- jQuery -->
    <script src="admin/plugins/jquery/jquery.min.js"></script>
    <!-- Bootstrap 4 -->
    <script src="admin/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- AdminLTE App -->
    <script src="admin/dist/js/adminlte.min.js"></script>
    @if(session()->has('info'))
    <script >

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

    <script type="text/javascript">
      
      $('#note').on('show.bs.modal', function (event) {
       var button = $(event.relatedTarget) // Button that triggered the modal
      var recipient = button.data('whatever') // Extract info from data-* attributes
      // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
      // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
      var modal = $(this)
      modal.find('.modal-title').text('Enregistrement de note ')
      // modal.find('.modal-body input').val(recipient)
    })
    </script>

<!--     <script type="text/javascript">
      
          Swal.fire({
          title: 'Veuillez entrez la note',
          input: 'text',
          inputAttributes: {
            autocapitalize: 'off'
          },
          showCancelButton: true,
          confirmButtonText: 'Look up',
          showLoaderOnConfirm: true,
          preConfirm: (login) => {
            return fetch(`//api.github.com/users/${login}`)
              .then(response => {
                if (!response.ok) {
                  throw new Error(response.statusText)
                }
                return response.json()
              })
              .catch(error => {
                Swal.showValidationMessage(
                  `Request failed: ${error}`
                )
              })
          },
          allowOutsideClick: () => !Swal.isLoading()
        }).then((result) => {
          if (result.isConfirmed) {
            Swal.fire({
              title: `${result.value.login}'s avatar`,
              imageUrl: result.value.avatar_url
            })
          }
        })
        
    </script> -->

    <!-- Main JS-->
    <script src="../eleve_form/js/global.js"></script>

@endsection