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

   EDUCATIVE | QUIZ | HISTORIQUE
    
@endsection

@section('stylesheet')

  <!-- <link href="{{url('admin/table/vendor/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet"> -->
  <link href="{{url('admin/table/vendor/bootstrap-icons/bootstrap-icons.css')}}" rel="stylesheet">
  <link href="{{url('admin/table/vendor/boxicons/css/boxicons.min.css')}}" rel="stylesheet">
  <link href="{{url('admin/table/vendor/quill/quill.snow.css')}}" rel="stylesheet">
  <link href="{{url('admin/table/vendor/quill/quill.bubble.css')}}" rel="stylesheet">
  <link href="{{url('admin/table/vendor/remixicon/remixicon.css}')}}" rel="stylesheet">
  <link href="{{url('admin/table/vendor/simple-datatables/style.css')}}" rel="stylesheet">
  <link href="{{url('admin/table/css/style.css')}}" rel="stylesheet">
  @endsection

@section('body')

 <div class="card">
    <div class="card-header">
        <h5>Mes résultats</h5>
    </div>
    <div class="card-block table-border-style">
        <div class="table-responsive">
      <table class="table datatable ">
         <thead class="table-info w-100">
           <tr>
             <th>N°</th>
             <th>Date</th>
             <th>Note</th>
             <th class="text-center" style="text-align: center; width: 100px" colspan="1">Action</th>
           </tr>
         </thead>
         <tbody class="table">
          @foreach($notes as $key=>$note)
           <tr>
            
            <td ><strong>{{$key+1}}</strong></td>

            <td> {{date('d-m-Y',strtotime($note->created_at))}}</td>

            <td >{{$note->note}}</td>

             <td style="width: 100px" colspan="" class="text-center">
                <a href="" style="border-radius: 20px" type="button" class="btn btn-success btn-xs" title="Revoir mon devoir">Consulter</a> 
              </td>
              
          </tr>
          @endforeach
         </tbody>
       </table>
        </div>
    </div>
 </div>

@endsection

@section('javascript')
    <!-- Jquery JS-->
   
    <!-- jQuery -->
    <script src="{{asset('admin/plugins/jquery/jquery.min.js')}}"></script>
    <!-- Bootstrap 4 -->
    <script src="{{asset('admin/plugins/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
    <!-- AdminLTE App -->
    <script src="{{asset('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 src="{{url('admin/table/vendor/apexcharts/apexcharts.min.js')}}"></script>
  <script src="{{url('admin/table/vendor/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
  <script src="{{url('admin/table/vendor/chart.js/chart.min.js')}}"></script>
  <script src="{{url('admin/table/vendor/echarts/echarts.min.js')}}"></script>
  <script src="{{url('admin/table/vendor/quill/quill.min.js')}}"></script>
  <script src="{{url('admin/table/vendor/simple-datatables/simple-datatables.js')}}"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.1/tinymce.min.js"></script>
  <script>tinymce.init({ selector:'textarea' });</script>
  <script src="{{url('admin/table/vendor/php-email-form/validate.js')}}"></script>

  <!-- Template Main JS File -->
  <script src="{{url('admin/table/js/main.js')}}"></script>

  <script src="{{URL::to('admin/table/vendor/js/tinymce.min.js')}}"></script>

    <script src="{{asset('eleve_form/js/global.js')}}"></script>

@endsection