@extends('layouts.master_panel')

@section('title') Évaluations @stop

@section('CSS') 

<link rel="stylesheet" href="{{url('/')}}/assets/vendor/datepicker/tempusdominus-bootstrap-4.css" />

@stop

@section('JS') 


<script src="{{url('/')}}/assets/vendor/datepicker/moment.js"></script>
<script src="{{url('/')}}/assets/vendor/datepicker/tempusdominus-bootstrap-4.js"></script>
<script src="{{url('/')}}/assets/vendor/datepicker/datepicker.js"></script>

<script src="{{url('/')}}/assets/vendor/datepicker/fr.js"></script>

<script type="text/javascript">
    $(function () {
        $('#datetimepickerdate').datetimepicker({
          format: 'D/M/YYYY',
          locale: 'fr'
      });
    });

</script>


<script type="text/javascript">
$(document).ready(function () { 

            $('#subjectID').on('change',function(e){
            var subject_id = e.target.value;

            $('#devoirID').hide();

            $.ajax({
            type: "GET",
            url: "{{ url('/') }}/enseignant/ajax_class_devoirs?subject_id="+subject_id,
                success: function(data) {  

                  $('#devoirID').show();

                    var subcat =  $('#devoirID').empty();

                    $.each(data, function(key, val) { 
                      subcat.append('<option value ="'+val.id+'">'+val.title+' (Pour le '+val.date+')</option>');

                    });

                    $('.selectpicker').selectpicker('refresh');

                }

            });


        });
});
</script>



<script type="text/javascript">
$(document).ready(function () { 

  $('.donebox').change(function() {

      var id = this.id;
      var idSplit = id.split("-");

      if(this.checked) {
        $('#is_done_'+idSplit[1]).val('1');

        $('#incomplete_'+idSplit[1]).val('0'); 
        $('#notdone_'+idSplit[1]).val('0'); 

        $('#boxIncomplete-'+idSplit[1]).prop('checked', false); 
        $('#boxNotdone-'+idSplit[1]).prop('checked', false); 

        
      } else {
        $('#is_done_'+idSplit[1]).val('0'); 
      } 
  
  });

  $('.incompletebox').change(function() {

      var id = this.id;
      var idSplit = id.split("-");

      if(this.checked) {
        $('#incomplete_'+idSplit[1]).val('1'); 

        $('#is_done_'+idSplit[1]).val('0'); 
        $('#notdone_'+idSplit[1]).val('0'); 

        $('#boxIsdone-'+idSplit[1]).prop('checked', false); 
        $('#boxNotdone-'+idSplit[1]).prop('checked', false); 


      } else {
        $('#incomplete_'+idSplit[1]).val('0'); 
      } 
  
  });

  $('.notdonebox').change(function() {

      var id = this.id;
      var idSplit = id.split("-");

      if(this.checked) {
        $('#notdone_'+idSplit[1]).val('1'); 

        $('#is_done_'+idSplit[1]).val('0'); 
        $('#incomplete_'+idSplit[1]).val('0'); 

        $('#boxIsdone-'+idSplit[1]).prop('checked', false); 
        $('#boxIncomplete-'+idSplit[1]).prop('checked', false);

      } else {
        $('#notdone_'+idSplit[1]).val('0'); 
      } 
  
  });

});
</script>


@stop


@section('content')


                  <!-- ============================================================== -->
                  <!-- pageheader  -->
                  <!-- ============================================================== -->
                  <div class="row">
                      <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                          <div class="page-header">
                              <h3 class="mb-2">Évaluations</h3>
                           
                              <div class="page-breadcrumb">
                                  <nav aria-label="breadcrumb">
                                      <ol class="breadcrumb">
                                          <li class="breadcrumb-item"><a href="{{ URL::route('enseignant_index') }}" class="breadcrumb-link">Accueil</a></li>
                                          <li class="breadcrumb-item active" aria-current="page">Évaluations</li>
                                      </ol>
                                  </nav>
                              </div>
                          </div>
                      </div>
                  </div>
                  <!-- ============================================================== -->
                  <!-- end pageheader  -->
                  <!-- ============================================================== -->


<div class="row">


<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  <div class="card">
@if(auth()->user()->is_teacher == 1)
    <h5 class="card-header">
      <a href="#" class="btn btn-primary mb-1" data-toggle="modal" data-target="#exampleModal"><i class="fa fa-list"></i> Évaluation </a>
    </h5>
@endif   
  <div class="card-body">


@if(auth()->user()->is_teacher == 1)

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLabel">Ajouter</h5>
      <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></a>
    </div>
    <div class="modal-body">

<form method="GET" action="{{ URL::route('enseignant_evaluations') }}" id="devoirsForm">

<div class="form-row">

  <div class="col-md-12 mb-3">
    <label>Matières / Classes</label>
    <select name="subject_id" id="subjectID" class="selectpicker" data-width="100%">
      <option value="">Toutes les classes</option>
        @foreach($subjects as $subject)