$(document).ready(function() {

      function envoiRefresh(donnees) {
          $.post('orga.php', donnees, function(page) {
              $("#mainContainer").html(page);
          })
      }
  

      $(".ev_li").each(function(index) {
          var id = this.id.replace('ev_li_', '')
              // console.debug(id)
          _this = this
          $('.ev_modifier', this).click(function(e) {
              // console.debug(id, 'modifier', e)
  
              // Bouton
              $(e.currentTarget).replaceWith('<button type="button" class="ev_appliquer btn btn-success"><span class="glyphicon glyphicon-ok"></span> Appliquer les changements</button>')
              valider = $('#ev_li_' + id + ' .ev_appliquer')
  
              // Description
              // var description = $('.ev_description', _this)
              // TODO replaceWith ne fonctionne pas avec context (_this) pour une raison obscure
              var description = $('#ev_li_' + id + ' .ev_description')
              console.debug(description)
              description.replaceWith('<textarea class="ev_description form-control">' + description[0].innerHTML + '</textarea>')
              description = $('#ev_li_' + id + ' .ev_description')
  
              // Durée
              var duree = $('#ev_li_' + id + ' .ev_duree')
              console.debug($('.ev_duree_h', duree).text() || '00', ':', $('.ev_duree_m', duree).text() || '00')
              h = $('.ev_duree_h', duree).text() || 0
              h = h < 10 ? '0' + h : h
              m = $('.ev_duree_m', duree).text() || 0
              m = m < 10 ? '0' + m : m
              duree.replaceWith('<input type="time" class="ev_duree form-control"  value="' + h + ':' + m + '">')
              duree = $('#ev_li_' + id + ' .ev_duree')
  
              valider.click(function(e) {

                  envoiRefresh({
                      action: 'modifier',
                      id: id,

                      description: description[0].value,

                      duree: parseInt(duree[0].value.match(/^../)[0]) * 3600 + parseInt(duree[0].value.match(/^..:(..)/)[1]) * 60
                  })

              })
          })
          $('.ev_annuler', this).click(function(e) {
              // console.debug(id, 'annuler', e)
              if (window.confirm('Voulez-vous vraiment annuler cet évènement ?')) {

                  envoiRefresh({
                      action: 'annuler',
                      id: id
                  })

              }
          })
          $('.ev_supprimer', this).click(function(e) {
              // console.debug(id, 'supprimer', e)

              if (window.confirm('Voulez-vous vraiment supprimer cet évènement ? \nIl ne sera plus visible par personne.')) {
                  envoiRefresh({
                      action: 'supprimer',
                      id: id
                  })

              }

          })
          $('.ev_pos_proposer', this).click(function(e) {
              console.debug(id, 'pos_proposer', e)

              window.alert('Cette fonction n\'est pas enore implémentée :-(')

          })
          $('.ev_pos_valider', this).click(function(e) {
              console.debug(id, 'pos_valider', e)

              window.alert('Cette fonction n\'est pas enore implémentée :-(')

          })
      })
      $("#ev_ajouter_fixe").click(function(e) {
          console.debug('ajouter_fixe', e)
      })
      $("#ev_ajouter_choix").click(function(e) {
          console.debug('ajouter_choix', e)
      })
  })