/**
 * @version $Id$
 * @author Thomas Crespin <thomas.crespin@sesamath.net>
 * @copyright Thomas Crespin 2009-2022
 * 
 * ****************************************************************************************************
 * SACoche <http://sacoche.sesamath.net> - Suivi d’Acquisitions de Compétences
 * © Thomas Crespin pour Sésamath <http://www.sesamath.net> - Tous droits réservés.
 * Logiciel placé sous la licence libre Affero GPL 3 <https://www.gnu.org/licenses/agpl-3.0.html>.
 * ****************************************************************************************************
 * 
 * Ce fichier est une partie de SACoche.
 * 
 * SACoche est un logiciel libre ; vous pouvez le redistribuer ou le modifier suivant les termes 
 * de la “GNU Affero General Public License” telle que publiée par la Free Software Foundation :
 * soit la version 3 de cette licence, soit (à votre gré) toute version ultérieure.
 * 
 * SACoche est distribué dans l’espoir qu’il vous sera utile, mais SANS AUCUNE GARANTIE :
 * sans même la garantie implicite de COMMERCIALISABILITÉ ni d’ADÉQUATION À UN OBJECTIF PARTICULIER.
 * Consultez la Licence Publique Générale GNU Affero pour plus de détails.
 * 
 * Vous devriez avoir reçu une copie de la Licence Publique Générale GNU Affero avec SACoche ;
 * si ce n’est pas le cas, consultez : <http://www.gnu.org/licenses/>.
 * 
 */

// Activer le mode strict afin de tendre vers un code rigoureux
'use strict';

// jQuery !
$(document).ready
(
  function()
  {

// ////////////////////////////////////////////////////////////////////////////////////////////////////
// Initialisation
// ////////////////////////////////////////////////////////////////////////////////////////////////////

    var mode = false;

    var memo_nombre = 2;

    // tri du tableau (avec jquery.tablesorter.js).
    $('#table_action').tablesorter({ sortLocaleCompare : true, headers:{5:{sorter:false}} });
    var tableau_tri = function(){ $('#table_action').trigger( 'sorton' , [ [[0,0],[1,0],[2,0]] ] ); };
    var tableau_maj = function(){ $('#table_action').trigger( 'update' , [ true ] ); };
    tableau_tri();

    // ////////////////////////////////////////////////////////////////////////////////////////////////////
    // Mettre à jour la liste des professeurs associés à une classe et à une matière
    // ////////////////////////////////////////////////////////////////////////////////////////////////////

    function maj_f_prof( page_ref , groupe_id , select_numero , matiere_id , prof_id , force_select_prof )
    {
      $('#f_prof_'+select_numero).html('<option>&nbsp;</option>');
      $('#ajax_msg_gestion').removeAttr('class').html('');
      if( groupe_id && matiere_id )
      {
        var rubrique_join = window.tab_rubrique_join[page_ref];
        $('#bouton_valider').prop('disabled',true);
        $('#ajax_msg_gestion').attr('class','loader').html('En cours&hellip;');
        $.ajax
        (
          {
            type : 'POST',
            url : 'ajax.php?page=_maj_select_livret',
            data : 'f_select=profs_matiere'+'&f_page_ref='+page_ref+'&f_rubrique_join='+rubrique_join+'&f_groupe_id='+groupe_id+'&f_matiere_id='+matiere_id,
            dataType : 'json',
            error : function(jqXHR, textStatus, errorThrown)
            {
              $('#ajax_msg_gestion').attr('class','alerte').html(afficher_json_message_erreur(jqXHR,textStatus));
            },
            success : function(responseJSON)
            {
              initialiser_compteur();
              $('#bouton_valider').prop('disabled',false);
              if(responseJSON['statut']==true)
              {
                $('#ajax_msg_gestion').removeAttr('class').html('');
                var tab_meilleure_suggestion = JSON.parse(responseJSON['tab_meilleure_suggestion']);
                var tab_autres_propositions  = JSON.parse(responseJSON['tab_autres_propositions']);
                var select_prof_copie = window.select_prof;
                var options = '<option value="">&nbsp;</option>';
                var nb_meilleure_suggestion = tab_meilleure_suggestion.length;
                if(nb_meilleure_suggestion)
                {
                  options += '<optgroup label="Meilleures suggestions">';
                  for(var i in tab_meilleure_suggestion)
                  {
                    var id = tab_meilleure_suggestion[i];
                    var new_option = '<option value="'+id+'">'+window.tab_prof[id]+'</option>';
                    options += new_option;
                    select_prof_copie = select_prof_copie.replace(new_option,'');
                  }
                  options += '</optgroup>';
                }
                var nb_autres_propositions = tab_autres_propositions.length;
                if(nb_autres_propositions)
                {
                  var label = (nb_meilleure_suggestion) ? 'Autres' : 'Meilleures' ;
                  options += '<optgroup label="'+label+' propositions">';
                  for(var i in tab_autres_propositions)
                  {
                    var id = tab_autres_propositions[i];
                    var new_option = '<option value="'+id+'">'+window.tab_prof[id]+'</option>';
                    options += new_option;
                    select_prof_copie = select_prof_copie.replace(new_option,'');
                  }
                  options += '</optgroup>';
                }
                var nb_profs = Object.keys(window.tab_prof).length; // window.tab_prof.length ne fonctionne pas car window.tab_prof n’est pas un tableau mais un objet json
                if( nb_profs > nb_autres_propositions + nb_meilleure_suggestion )
                {
                  options += '<optgroup label="Personnels restants">';
                  options += select_prof_copie;
                  options += '</optgroup>';
                }
                if( prof_id && force_select_prof )
                {
                  options = options.replace('value="'+prof_id+'"','value="'+prof_id+'" selected');
                }
                else if ( nb_meilleure_suggestion == 1 )
                {
                  prof_id = tab_meilleure_suggestion[0];
                  options = options.replace('value="'+prof_id+'"','value="'+prof_id+'" selected');
                }
                else if ( !nb_meilleure_suggestion && ( nb_autres_propositions == 1 ) )
                {
                  prof_id = tab_autres_propositions[0];
                  options = options.replace('value="'+prof_id+'"','value="'+prof_id+'" selected');
                }
                $('#f_prof_'+select_numero).html(options);
              }
              else
              {
                $('#ajax_msg_gestion').attr('class','alerte').html(responseJSON['value']);
              }
            }
          }
        );
      }
    }

    $('select[id^=f_matiere]').change
    (
      function()
      {
        var page_ref      = $('#f_page option:selected').val();
        var select_numero = $(this).attr('id').substring(10);
        var groupe_id     = $('#f_groupe option:selected').val();
        var matiere_id    = $(this).val();
        var prof_id       = $('#f_prof_'+select_numero+' option:selected').val();
        maj_f_prof( page_ref , groupe_id , select_numero , matiere_id , prof_id , false /*force_select_prof*/ );
      }
    );

    // ////////////////////////////////////////////////////////////////////////////////////////////////////
    // Mettre à jour la liste des matières associées à une classe
    // ////////////////////////////////////////////////////////////////////////////////////////////////////

    function maj_f_matiere( page_ref , groupe_id , select_numero , matiere_id , prof_id , force_select_prof )
    {
      $('#f_matiere_'+select_numero).html('<option>&nbsp;</option>');
      $('#f_prof_'+select_numero).html('<option>&nbsp;</option>');
      if( page_ref && groupe_id )
      {
        var options = (page_ref=='6e') ? window.select_c3_matiere : window.select_c4_matiere ;
        $('#f_matiere_'+select_numero).html(options);
        if(matiere_id)
        {
          $('#f_matiere_'+select_numero+' option[value='+matiere_id+']').prop('selected',true);
          if( $('#f_matiere_'+select_numero+' option:selected').val() )
          {
            maj_f_prof( page_ref , groupe_id , select_numero , matiere_id , prof_id , force_select_prof );
          }
        }
      }
    }

    $('#f_groupe').change
    (
      function()
      {
        var page_ref  = $('#f_page option:selected').val();
        var groupe_id = $(this).val();
        for( var select_numero=1 ; select_numero<=memo_nombre ; select_numero++ )
        {
          var matiere_id = $('#f_matiere_'+select_numero+' option:selected').val();
          var prof_id    = $('#f_prof_'+select_numero+' option:selected').val();
          maj_f_matiere( page_ref , groupe_id , select_numero , matiere_id , prof_id , false /*force_select_prof*/ );
        }
      }
    );

    // ////////////////////////////////////////////////////////////////////////////////////////////////////
    // Mettre à jour la liste des classes associées à un moment
    // ////////////////////////////////////////////////////////////////////////////////////////////////////

    function maj_f_groupe( page_ref , groupe_id , tab_join , force_select_prof )
    {
      memo_nombre = Math.max( tab_join.length , 2 );
      $('#f_nombre option[value="'+memo_nombre+'"]').prop('selected',true);
      $('#f_groupe').html('<option>&nbsp;</option>');
      for( var i=1 ; i<=15 ; i++ )
      {
        $('#f_matiere_'+i).html('<option>&nbsp;</option>');
        $('#f_prof_'+i).html('<option>&nbsp;</option>');
        $('#join_'+i).hideshow( i <= memo_nombre );
      }
      $('#ajax_msg_gestion').removeAttr('class').html('');
      if( page_ref )
      {
        $('#bouton_valider').prop('disabled',true);
        $('#ajax_msg_gestion').attr('class','loader').html('En cours&hellip;');
        $.ajax
        (
          {
            type : 'POST',
            url : 'ajax.php?page=_maj_select_livret',
            data : 'f_select=groupes'+'&f_page_ref='+page_ref+'&f_groupe_id='+groupe_id+'&only_groupes_id='+window.only_groupes_id,
            dataType : 'json',
            error : function(jqXHR, textStatus, errorThrown)
            {
              $('#ajax_msg_gestion').attr('class','alerte').html(afficher_json_message_erreur(jqXHR,textStatus));
            },
            success : function(responseJSON)
            {
              initialiser_compteur();
              $('#bouton_valider').prop('disabled',false);
              if(responseJSON['statut']==true)
              {
                $('#ajax_msg_gestion').removeAttr('class').html('');
                $('#f_groupe').html(responseJSON['value']);
                if( $('#f_groupe option:selected').val() )
                {
                  var groupe_id = $('#f_groupe option:selected').val(); // au cas où ce ne serait pas la classe transmise trouvée sans le select mais un select avec une classe unique
                  var select_numero = 0;
                  for(var i in tab_join)
                  {
                    select_numero++;
                    var tab_id = tab_join[i].split('_');
                    maj_f_matiere( page_ref , groupe_id , select_numero , tab_id[0] /*matiere_id*/ , tab_id[1] /*prof_id*/ , force_select_prof );
                  }
                }
              }
              else
              {
                $('#ajax_msg_gestion').attr('class','alerte').html(responseJSON['value']);
              }
            }
          }
        );
      }
    }

    $('#f_page').change
    (
      function()
      {
        var page_ref  = $(this).val();
        var groupe_id = $('#f_groupe option:selected').val();
        var tab_join  = [];
        for( var i=1 ; i<=memo_nombre ; i++ )
        {
          var matiere_id = $('#f_matiere_'+i+' option:selected').val();
          var prof_id    = $('#f_prof_'+i+' option:selected').val();
          tab_join[i-1] = matiere_id+'_'+prof_id;
        }
        maj_f_groupe( page_ref , groupe_id , tab_join , false /*force_select_prof*/ );
      }
    );

    // ////////////////////////////////////////////////////////////////////////////////////////////////////
    // Mettre à jour le nombre de disciplines
    // ////////////////////////////////////////////////////////////////////////////////////////////////////

    $('#f_nombre').change
    (
      function()
      {
        var nombre = $(this).val();
        for( var i=1 ; i<=15 ; i++ )
        {
          if(i<=nombre)
          {
            if(i>memo_nombre)
            {
              $('#f_matiere_'+i).html( $('#f_matiere_1').html().replace(' selected','') );
              $('#f_prof_'+i).html('<option>&nbsp;</option>');
            }
            $('#join_'+i).show(0);
          }
          else if(i<=memo_nombre)
          {
            $('#f_matiere_'+i).html('<option>&nbsp;</option>');
            $('#f_prof_'+i).html('<option>&nbsp;</option>');
            $('#join_'+i).hide(0);
          }
        }
        memo_nombre = nombre;
      }
    );

    // ////////////////////////////////////////////////////////////////////////////////////////////////////
    // Clic sur le checkbox pour choisir ou non un report automatique
    // ////////////////////////////////////////////////////////////////////////////////////////////////////

    $('#f_report_auto').click
    (
      function()
      {
        if($(this).is(':checked'))
        {
          $(this).next().hide(0).next().show(0);
        }
        else
        {
          $(this).next().show(0).next().hide(0);
        }
      }
    );

// ////////////////////////////////////////////////////////////////////////////////////////////////////
// Fonction communes aux 2 formulaires
// ////////////////////////////////////////////////////////////////////////////////////////////////////

    /**
     * Annuler une action
     * @return void
     */
    var annuler = function()
    {
      $.fancybox.close();
      mode = false;
    };

    /**
     * Intercepter la touche entrée ou escape pour valider ou annuler les modifications
     * @return void
     */
    function intercepter(e)
    {
      if(mode)
      {
        var is_theme = ($('#form_theme').length) ? '_theme' : '' ;
        if(e.which==13)  // touche entrée
        {
          $('#bouton'+is_theme+'_valider').click();
        }
        else if(e.which==27)  // touche escape
        {
          $('#bouton'+is_theme+'_annuler').click();
        }
      }
    }

// ////////////////////////////////////////////////////////////////////////////////////////////////////
// Premier formulaire (thématiques)
// ////////////////////////////////////////////////////////////////////////////////////////////////////

    function afficher_form_theme( mode , usage , code , nom )
    {
      $('#f_theme_action').val(mode);
      $('#f_theme_usage').val(usage);
      $('#f_code').val(code);
      $('#f_nom').val(nom);
      $('#f_code').prop('readonly', (mode!='ajouter') && usage );
      $('#alerte_theme_used').hideshow( (mode!='ajouter') && usage );
      // pour finir
      $('#theme_titre_action').html( mode[0].toUpperCase() + mode.substring(1) );
      $('#gestion_delete_theme').html( nom );
      $('#theme_edit').hideshow( mode != 'supprimer' );
      $('#theme_delete').hideshow( mode == 'supprimer' );
      $('#ajax_msg_theme').removeAttr('class').html('');
      $('#form_theme label[generated=true]').removeAttr('class').html('');
      $.fancybox( { href:'#form_theme' , modal:true , minWidth:700 } );
    }

    /**
     * Ajouter une thématique : mise en place du formulaire
     * @return void
     */
    var ajouter_theme = function()
    {
      mode = $(this).attr('class');
      // Afficher le formulaire
      afficher_form_theme( mode , 0 /*usage*/ , '' /*code*/ , '' /*nom*/ );
    };

    /**
     * Modifier / Supprimer une thématique : mise en place du formulaire
     * @return void
     */
    var modifier_supprimer_theme = function()
    {
      mode = $(this).attr('class');
      var objet_tr  = $(this).parent().parent();
      var objet_tds = objet_tr.find('td');
      // Récupérer les informations de la ligne concernée
      var usage = objet_tr.data('used');
      var code  = objet_tds.eq(1).html().substring(4);
      var nom   = objet_tds.eq(2).html();
      // Afficher le formulaire
      afficher_form_theme( mode , usage , unescapeHtml(code) , unescapeHtml(nom) );
    };

    var prompt_etapes_theme = {
      etape_1: {
        title   : 'Demande de confirmation',
        html    : 'Attention : les E.P.I. et saisies associées à cette thématiques seront perdues !<br>Souhaitez-vous vraiment supprimer cette thématique ?',
        buttons : {
          'Non, c’est une erreur !' : false ,
          'Oui, je confirme !' : true
        },
        submit  : function(event, value, message, formVals) {
          if(value) {
            formulaire_theme.submit();
          }
          else {
            $('#bouton_theme_annuler').click();
          }
        }
      }
    };

    var soumettre_formulaire_theme = function()
    {
      // On demande confirmation pour la suppression d’une thématique utilisée
      if( ($('#f_theme_action').val()=='supprimer') && ($('#f_theme_usage').val()>0) )
      {
        $.prompt(prompt_etapes_theme);
      }
      else
      {
        formulaire_theme.submit();
      }
      return false;
    }

    // Appel des fonctions en fonction des événements

    $('#table_theme').on( 'click'  , 'q.ajouter'             , ajouter_theme );

    $('#table_theme').on( 'click'  , 'q.modifier'            , modifier_supprimer_theme );
    $('#table_theme').on( 'click'  , 'q.supprimer'           , modifier_supprimer_theme );

    $('#form_theme').on( 'click'   , '#bouton_theme_annuler' , annuler );
    $('#form_theme').on( 'click'   , '#bouton_theme_valider' , soumettre_formulaire_theme );
    $('#form_theme').on( 'keydown' , 'input'                 , function(e){intercepter(e);} );

    // Traitement du formulaire

    // Le formulaire qui va être analysé et traité en AJAX
    var formulaire_theme = $('#form_theme');

    // Vérifier la validité du formulaire (avec jquery.validate.js)
    var validation_theme = formulaire_theme.validate
    (
      {
        rules :
        {
          f_code : { required:true , lettersonly:true , maxlength:3 },
          f_nom  : { required:true , maxlength:50 }
        },
        messages :
        {
          f_code : { required:'code manquant', lettersonly:'lettres uniquement', max:'3 lettres maximum' },
          f_nom  : { required:'intitulé manquant' , maxlength:'50 caractères maximum' }
        },
        errorElement : 'label',
        errorClass : 'erreur',
        errorPlacement : function(error,element) { element.after(error); }
      }
    );

    // Options d’envoi du formulaire (avec jquery.form.js)
    var ajaxOptions_theme =
    {
      url : 'ajax.php?page='+window.PAGE+'&csrf='+window.CSRF,
      type : 'POST',
      dataType : 'json',
      clearForm : false,
      resetForm : false,
      target : '#ajax_msg_theme',
      beforeSubmit : test_form_theme_avant_envoi,
      error : retour_form_theme_erreur,
      success : retour_form_theme_valide
    };

    // Envoi du formulaire (avec jquery.form.js)
    formulaire_theme.submit
    (
      function()
      {
        if (!please_wait)
        {
          $(this).ajaxSubmit(ajaxOptions_theme);
          return false;
        }
        else
        {
          return false;
        }
      }
    );

    // Fonction précédant l’envoi du formulaire (avec jquery.form.js)
    function test_form_theme_avant_envoi(formData, jqForm, options)
    {
      $('#ajax_msg_theme').removeAttr('class').html('');
      var readytogo = validation_theme.form();
      if(readytogo)
      {
        please_wait = true;
        $('#form_theme button').prop('disabled',true);
        $('#ajax_msg_theme').attr('class','loader').html('En cours&hellip;');
      }
      return readytogo;
    }

    // Fonction suivant l’envoi du formulaire (avec jquery.form.js)
    function retour_form_theme_erreur(jqXHR, textStatus, errorThrown)
    {
      please_wait = false;
      $('#form_theme button').prop('disabled',false);
      $('#ajax_msg_theme').attr('class','alerte').html(afficher_json_message_erreur(jqXHR,textStatus));
    }

    // Fonction suivant l’envoi du formulaire (avec jquery.form.js)
    function retour_form_theme_valide(responseJSON)
    {
      initialiser_compteur();
      please_wait = false;
      $('#form_theme button').prop('disabled',false);
      if(responseJSON['statut']==false)
      {
        $('#ajax_msg_theme').attr('class','alerte').html(responseJSON['value']);
      }
      else
      {
        $('#ajax_msg_theme').attr('class','valide').html('Demande réalisée !');
        var f_action = $('#f_theme_action').val();
        switch (f_action)
        {
          case 'ajouter':
            $('#table_theme tbody').append(responseJSON['value']);
            break;
          case 'modifier':
            $('#id_EPI_'+$('#f_code').val()).addClass('new').html(responseJSON['value']);
            break;
          case 'supprimer':
            $('#id_EPI_'+$('#f_code').val()).remove();
            break;
        }
        $.fancybox.close();
        mode = false;
      }
    }

// ////////////////////////////////////////////////////////////////////////////////////////////////////
// Second formulaire (dispositifs)
// ////////////////////////////////////////////////////////////////////////////////////////////////////

    function afficher_form_gestion( mode , id , usage , page_ref , groupe_id , theme_code , join_ids , titre , report_auto , delete_txt )
    {
      $('#f_action').val(mode);
      $('#f_id').val(id);
      $('#f_usage').val(usage);
      $('#alerte_used').hideshow( (mode!='ajouter') && (mode!='dupliquer') && usage );
      // Ci-dessous, les guillemets autour des valeurs transmises évitent une erreur en cas de valeur vide.
      $('#f_page option[value="'+page_ref+'"]').prop('selected',true);
      $('#f_theme option[value="'+theme_code+'"]').prop('selected',true);
      $('#f_titre').val(titre);
      maj_f_groupe( page_ref , groupe_id , join_ids.split(' ') , true /*force_select_prof*/ );
      // report_auto
      if(report_auto=='non')
      { 
        $('#f_report_auto').prop('checked',false).next().show(0).next().hide(0);
      }
      else
      {
        $('#f_report_auto').prop('checked',true).next().hide(0).next().show(0);
      }
      // pour finir
      $('#gestion_titre_action').html( mode[0].toUpperCase() + mode.substring(1) );
      $('#gestion_delete_identite').html( escapeHtml(delete_txt) );
      $('#gestion_edit').hideshow( mode != 'supprimer' );
      $('#gestion_delete').hideshow( mode == 'supprimer' );
      $('#ajax_msg_gestion').removeAttr('class').html('');
      $('#form_gestion label[generated=true]').removeAttr('class').html('');
      $.fancybox( { href:'#form_gestion' , modal:true , minWidth:700 } );
    }

    /**
     * Ajouter un enseignement pratique interdisciplinaire : mise en place du formulaire
     * @return void
     */
    var ajouter = function()
    {
      mode = $(this).attr('class');
      // Afficher le formulaire
      afficher_form_gestion( mode , 0 /*id*/ , 0 /*usage*/ , '' /*page_ref*/ , 0 /*groupe_id*/ , '' /*theme_code*/ , '' /*join_ids*/ , '' /*titre*/ , window.report_auto_default , '' /*delete_txt*/ );
    };

    /**
     * Modifier / Dupliquer / Supprimer un enseignement pratique interdisciplinaire : mise en place du formulaire
     * @return void
     */
    var modifier_dupliquer_supprimer = function()
    {
      mode = $(this).attr('class');
      var objet_tr    = $(this).parent().parent();
      var objet_tds   = objet_tr.find('td');
      // Récupérer les informations de la ligne concernée
      var id          = (mode!='dupliquer') ? objet_tr.attr('id').substring(3) : '' ;
      var usage       = objet_tr.data('used');
      var page_ref    = objet_tds.eq(0).data('id');
      var groupe_id   = objet_tds.eq(1).data('id');
      var theme_code  = objet_tds.eq(2).data('id');
      var join_ids    = objet_tds.eq(3).data('id');
      var titre       = objet_tds.eq(4).html();
      var report_auto = objet_tds.eq(5).html();
      var delete_txt  = (mode!='supprimer') ? '' : objet_tds.eq(1).html() + ' || ' + objet_tds.eq(2).html() ;
      // Afficher le formulaire
      afficher_form_gestion( mode , id , usage , page_ref , groupe_id , theme_code , join_ids , unescapeHtml(titre) , report_auto , unescapeHtml(delete_txt) );
    };

    var prompt_etapes = {
      etape_1: {
        title   : 'Demande de confirmation',
        html    : 'Attention : les saisies associées à ce dispositif seront perdues !<br>Souhaitez-vous vraiment supprimer cet E.P.I. ?',
        buttons : {
          'Non, c’est une erreur !' : false ,
          'Oui, je confirme !' : true
        },
        submit  : function(event, value, message, formVals) {
          if(value) {
            formulaire.submit();
          }
          else {
            $('#bouton_annuler').click();
          }
        }
      }
    };

    var soumettre_formulaire = function()
    {
      // On demande confirmation pour la suppression d’un dispositif utilisé
      if( ($('#f_action').val()=='supprimer') && ($('#f_usage').val()>0) )
      {
        $.prompt(prompt_etapes);
      }
      else
      {
        formulaire.submit();
      }
      return false;
    }

    // Appel des fonctions en fonction des événements

    $('#table_action').on( 'click'   , 'q.ajouter'       , ajouter );
    $('#table_action').on( 'click'   , 'q.modifier'      , modifier_dupliquer_supprimer );
    $('#table_action').on( 'click'   , 'q.dupliquer'     , modifier_dupliquer_supprimer );
    $('#table_action').on( 'click'   , 'q.supprimer'     , modifier_dupliquer_supprimer );

    $('#form_gestion').on( 'click'   , '#bouton_annuler' , annuler );
    $('#form_gestion').on( 'click'   , '#bouton_valider' , soumettre_formulaire );
    $('#form_gestion').on( 'keydown' , 'input'           , function(e){intercepter(e);} );

    // Traitement du formulaire

    // Le formulaire qui va être analysé et traité en AJAX
    var formulaire = $('#form_gestion');

    // Vérifier la validité du formulaire (avec jquery.validate.js)
    var validation = formulaire.validate
    (
      {
        rules :
        {
          f_page        : { required:true },
          f_groupe      : { required:true },
          f_theme       : { required:true },
          f_nombre      : { required:true, min:2, max:15 },
          f_matiere_1   : { required:true },
          f_matiere_2   : { required:true },
          f_matiere_3   : { required:function(){return memo_nombre>=3;} },
          f_matiere_4   : { required:function(){return memo_nombre>=4;} },
          f_matiere_5   : { required:function(){return memo_nombre>=5;} },
          f_matiere_6   : { required:function(){return memo_nombre>=6;} },
          f_matiere_7   : { required:function(){return memo_nombre>=7;} },
          f_matiere_8   : { required:function(){return memo_nombre>=8;} },
          f_matiere_9   : { required:function(){return memo_nombre>=9;} },
          f_matiere_10  : { required:function(){return memo_nombre>=10;} },
          f_matiere_11  : { required:function(){return memo_nombre>=11;} },
          f_matiere_12  : { required:function(){return memo_nombre>=12;} },
          f_matiere_13  : { required:function(){return memo_nombre>=13;} },
          f_matiere_14  : { required:function(){return memo_nombre>=14;} },
          f_matiere_15  : { required:function(){return memo_nombre>=15;} },
          f_prof_1      : { required:true },
          f_prof_2      : { required:true },
          f_prof_3      : { required:function(){return memo_nombre>=3;} },
          f_prof_4      : { required:function(){return memo_nombre>=4;} },
          f_prof_5      : { required:function(){return memo_nombre>=5;} },
          f_prof_6      : { required:function(){return memo_nombre>=6;} },
          f_prof_7      : { required:function(){return memo_nombre>=7;} },
          f_prof_8      : { required:function(){return memo_nombre>=8;} },
          f_prof_9      : { required:function(){return memo_nombre>=9;} },
          f_prof_10     : { required:function(){return memo_nombre>=10;} },
          f_prof_11     : { required:function(){return memo_nombre>=11;} },
          f_prof_12     : { required:function(){return memo_nombre>=12;} },
          f_prof_13     : { required:function(){return memo_nombre>=13;} },
          f_prof_14     : { required:function(){return memo_nombre>=14;} },
          f_prof_15     : { required:function(){return memo_nombre>=15;} },
          f_titre       : { required:true , maxlength:125 },
          f_report_auto : { required:false }
        },
        messages :
        {
          f_page        : { required:'moment manquant' },
          f_groupe      : { required:'classe manquante' },
          f_theme       : { required:'thème manquant' },
          f_nombre      : { required:'nombre manquant', min:'2 minimum', max:'15 maximum' },
          f_matiere_1   : { required:'matière manquante' },
          f_matiere_2   : { required:'matière manquante' },
          f_matiere_3   : { required:'matière manquante' },
          f_matiere_4   : { required:'matière manquante' },
          f_matiere_5   : { required:'matière manquante' },
          f_matiere_6   : { required:'matière manquante' },
          f_matiere_7   : { required:'matière manquante' },
          f_matiere_8   : { required:'matière manquante' },
          f_matiere_9   : { required:'matière manquante' },
          f_matiere_10  : { required:'matière manquante' },
          f_matiere_11  : { required:'matière manquante' },
          f_matiere_12  : { required:'matière manquante' },
          f_matiere_13  : { required:'matière manquante' },
          f_matiere_14  : { required:'matière manquante' },
          f_matiere_15  : { required:'matière manquante' },
          f_prof_1      : { required:'professeur manquant' },
          f_prof_2      : { required:'professeur manquant' },
          f_prof_3      : { required:'professeur manquant' },
          f_prof_4      : { required:'professeur manquant' },
          f_prof_5      : { required:'professeur manquant' },
          f_prof_6      : { required:'professeur manquant' },
          f_prof_7      : { required:'professeur manquant' },
          f_prof_8      : { required:'professeur manquant' },
          f_prof_9      : { required:'professeur manquant' },
          f_prof_10     : { required:'professeur manquant' },
          f_prof_11     : { required:'professeur manquant' },
          f_prof_12     : { required:'professeur manquant' },
          f_prof_13     : { required:'professeur manquant' },
          f_prof_14     : { required:'professeur manquant' },
          f_prof_15     : { required:'professeur manquant' },
          f_titre       : { required:'titre manquant' , maxlength:'125 caractères maximum' },
          f_report_auto : { }
        },
        errorElement : 'label',
        errorClass : 'erreur',
        errorPlacement : function(error,element) { element.after(error); }
      }
    );

    // Options d’envoi du formulaire (avec jquery.form.js)
    var ajaxOptions =
    {
      url : 'ajax.php?page='+window.PAGE+'&csrf='+window.CSRF,
      type : 'POST',
      dataType : 'json',
      clearForm : false,
      resetForm : false,
      target : '#ajax_msg',
      beforeSubmit : test_form_avant_envoi,
      error : retour_form_erreur,
      success : retour_form_valide
    };

    // Envoi du formulaire (avec jquery.form.js)
    formulaire.submit
    (
      function()
      {
        if (!please_wait)
        {
          $(this).ajaxSubmit(ajaxOptions);
          return false;
        }
        else
        {
          return false;
        }
      }
    );

    // Fonction précédant l’envoi du formulaire (avec jquery.form.js)
    function test_form_avant_envoi(formData, jqForm, options)
    {
      $('#ajax_msg_gestion').removeAttr('class').html('');
      var readytogo = validation.form();
      if(readytogo)
      {
        please_wait = true;
        $('#form_gestion button').prop('disabled',true);
        $('#ajax_msg_gestion').attr('class','loader').html('En cours&hellip;');
      }
      return readytogo;
    }

    // Fonction suivant l’envoi du formulaire (avec jquery.form.js)
    function retour_form_erreur(jqXHR, textStatus, errorThrown)
    {
      please_wait = false;
      $('#form_gestion button').prop('disabled',false);
      $('#ajax_msg_gestion').attr('class','alerte').html(afficher_json_message_erreur(jqXHR,textStatus));
    }

    // Fonction suivant l’envoi du formulaire (avec jquery.form.js)
    function retour_form_valide(responseJSON)
    {
      initialiser_compteur();
      please_wait = false;
      $('#form_gestion button').prop('disabled',false);
      if(responseJSON['statut']==false)
      {
        $('#ajax_msg_gestion').attr('class','alerte').html(responseJSON['value']);
      }
      else
      {
        $('#ajax_msg_gestion').attr('class','valide').html('Demande réalisée !');
        var action = $('#f_action').val();
        switch (action)
        {
          case 'ajouter':
          case 'modifier':
          case 'dupliquer':
            var page_moment = $('#f_page option:selected').text();
            var groupe_nom  = $('#f_groupe option:selected').text();
            var theme_nom   = $('#f_theme option:selected').text();
            var tab_mat_prof_nom = [];
            for( var i=1 ; i<=memo_nombre ; i++ )
            {
              var matiere_nom = $('#f_matiere_'+i+' option:selected').text();
              var prof_nom    = $('#f_prof_'+i+' option:selected').text();
              tab_mat_prof_nom[i-1] = matiere_nom+' - '+prof_nom;
            }
            var mat_prof_nom = tab_mat_prof_nom.join('<br>');
            responseJSON['value'] = responseJSON['value']
                                    .replace('{{PAGE_ORDRE}}',window.tab_page_ordre[page_moment])
                                    .replace('{{PAGE_MOMENT}}',page_moment)
                                    .replace('{{GROUPE_NOM}}',groupe_nom)
                                    .replace('{{THEME_NOM}}',theme_nom)
                                    .replace('{{MATIERE_PROF_NOM}}',mat_prof_nom);
            if(action=='modifier')
            {
              $('#id_'+$('#f_id').val()).addClass('new').html(responseJSON['value']);
            }
            else
            {
              if(action=='ajouter')
              {
                $('#table_action tbody tr.vide').remove(); // En cas de tableau avec une ligne vide pour la conformité XHTML
              }
              $('#table_action tbody').append(responseJSON['value']);
            }
            break;
          case 'supprimer':
            $('#id_'+$('#f_id').val()).remove();
            break;
        }
        tableau_maj();
        $.fancybox.close();
        mode = false;
      }
    }

  }
);
