define(['jquery', 'core/log', 'mod_minilesson/definitions', 'mod_minilesson/pollyhelper','mod_minilesson/animatecss'],
    function($, log, def, polly, anim) {
  "use strict"; // jshint ;_;

  /*
  This file is to manage the quiz stage
   */

  log.debug('MiniLesson Multichoice: initialising');

  return {

    //for making multiple instances
      clone: function () {
          return $.extend(true, {}, this);
     },

    init: function(index, itemdata, quizhelper) {

      this.itemdata = itemdata;
      this.register_events(index, itemdata, quizhelper);

        //anim
        var animopts = {};
        animopts.useanimatecss=quizhelper.useanimatecss;
        anim.init(animopts);

    },

    next_question: function(percent) {
      var self = this;
      var stepdata = {};
      stepdata.index = self.index;
      stepdata.hasgrade = true;
      stepdata.totalitems = 1;
      stepdata.correctitems = percent>0?1:0;
      stepdata.grade = percent;
      self.quizhelper.do_next(stepdata);
    },

    register_events: function(index, itemdata, quizhelper) {
      
      var self = this;
      self.index = index;
      self.quizhelper = quizhelper;
      var chosenelement=null;
      var theplayer = $("#" + itemdata.uniqueid + "_player");
      var nextbutton = $("#" + itemdata.uniqueid + "_container .minilesson_nextbutton");
      var confirmchoicebutton = $("#" + itemdata.uniqueid + "_container .minilesson_mc_confirmchoice");
      var resultspanel = $("#" + itemdata.uniqueid + "_container .minilesson_resultspanel");
      var resultspanelswish = $("#" + itemdata.uniqueid + "_container .minilesson_resultspanel_swish");
      var resultspanelstars = $("#" + itemdata.uniqueid + "_container .minilesson_swishstars");
      var resultspanelscore = $("#" + itemdata.uniqueid + "_container .minilesson_swishscore");

      nextbutton.on('click', function(e) {
        self.next_question(0);
      });

      //if we need to submit this question we dont allow skip
      if(itemdata.confirmchoice===1 || itemdata.confirmchoice==='1') {
            nextbutton.hide();
      }


      var finalChoice = function() {
          //if disabled =>just return (already answered)
          if($("#" + itemdata.uniqueid + "_container .minilesson_mc_response").hasClass('minilesson_mc_disabled')){
              return;
          }

          //get selected item index
          var checked = $(chosenelement).data('index');

          //disable the answers, cos its answered
          $("#" + itemdata.uniqueid + "_container .minilesson_mc_response").addClass('minilesson_mc_disabled');

          //highlight selected answers
          $("#" + itemdata.uniqueid + "_option" + checked).addClass('minilesson_mc_selected');

          //calculate score
          var achieved = checked == itemdata.correctanswer ? 1 : 0;
          var percent = achieved * 100;

          if(quizhelper.showitemreview) {

              //reveal answers
              $("#" + itemdata.uniqueid + "_container .minilesson_mc_unanswered").hide();
              $("#" + itemdata.uniqueid + "_container .minilesson_mc_wrong").show();

              $("#" + itemdata.uniqueid + "_option" + itemdata.correctanswer + " .minilesson_mc_wrong").hide();
              $("#" + itemdata.uniqueid + "_option" + itemdata.correctanswer + " .minilesson_mc_right").show();

              //if answers were dots for audio content, show them
              if(itemdata.hasOwnProperty('audiocontent') && itemdata.audiocontent===true) {
                  for (var i = 0; i < itemdata.sentences.length; i++) {
                      var theline = $("#" + itemdata.uniqueid + "_option" + (i + 1));
                      $("#" + itemdata.uniqueid + "_option" + (i + 1) + ' .minilesson_sentence').text(itemdata.sentences[i].sentence);
                  }
              }

              //hide the confirm choice button
              confirmchoicebutton.hide();

              //show the result panel
              resultspanelswish.data('possible', '1');
              resultspanelswish.data('achieved', achieved);
              resultspanelscore.text(achieved + '/' + 1);
              if (achieved > 0) {
                  resultspanelstars.html('⭐'); // Display a star
              }else{
                  resultspanelstars.html('❌'); // Display a cross
              }
              resultspanel.show();
              anim.do_animate(resultspanelswish,'zoomIn animate__faster','in');

              //reset the handler for a call to move to next question, this time with the score
              //first unset the old button handler
              nextbutton.off('click');
              //then set the correct handler
              nextbutton.on('click', function(e) {
                  self.next_question(percent);
              });

              //show the next button
              nextbutton.show();

          }else{
              $(".minilesson_nextbutton").prop("disabled", true);
              setTimeout(function() {
                  $(".minilesson_nextbutton").prop("disabled", false);
                  self.next_question(percent);
              }, 2000);
          }
      };//end of final choice



      //on tapping of a response, we either action the choice or show a confirmation button
      $("#" + itemdata.uniqueid + "_container .minilesson_mc_response").on('click', function(e){
          chosenelement = this;
          if(itemdata.confirmchoice===0 || itemdata.confirmchoice==='0'){
              finalChoice();
          }else{

              //highlight selected answer
              //get selected item index
              var checked = $(this).data('index');
              $("#" + itemdata.uniqueid + "_container .minilesson_mc_response").removeClass('minilesson_mc_selected');
              $("#" + itemdata.uniqueid + "_option" + checked).addClass('minilesson_mc_selected');

              self.showConfirmButton(itemdata);
          }
      });

        //on tapping of confirmation button, execute final choice
        $("#" + itemdata.uniqueid + "_container .minilesson_mc_confirmchoice").on('click', function(e){
                finalChoice();
        });

      //play audio if we are doing this as an audio player thingy
        //this will use the multichoice audio content template
        $("#" + itemdata.uniqueid + "_container .minilesson_mc_audioplayer").on('click', function(e) {
            //if disabled =>just return (already answered)
            if($("#" + itemdata.uniqueid + "_container .minilesson_mc_audioplayer").hasClass('minilesson_mc_disabled')){
                return;
            }

            //audio play requests
            if (!self.playing) {
                var el = this;
                self.playing = true;
                theplayer.attr('src', $(this).attr('data-src'));
                theplayer[0].play();
                theplayer[0].onended = function() {
                    $(el).find(".minilesson_mc_playstate").removeClass("fa-spin fa-spinner").addClass("fa-play");
                    self.playing = false;
                };
                $(el).find(".minilesson_mc_playstate").removeClass("fa-play").addClass("fa-spin fa-spinner");
            }else{
                theplayer[0].pause();
                theplayer[0].currentTime=0;
                $("#" + itemdata.uniqueid + "_container .minilesson_mc_playstate").removeClass("fa-spin fa-spinner").addClass("fa-play");
                self.playing = false;
            }
        });


        $("#" + itemdata.uniqueid + "_container").on('showElement', () => {
            if (itemdata.timelimit > 0) {
                $("#" + itemdata.uniqueid + "_container .progress-container").show();
                $("#" + itemdata.uniqueid + "_container .progress-container i").show();
                $("#" + itemdata.uniqueid + "_container .progress-container #progresstimer").progressTimer({
                    height: '5px',
                    timeLimit: itemdata.timelimit,
                    onFinish: function() {
                        nextbutton.trigger('click');
                    }
                });
            }
        });

    },

      showConfirmButton: function(itemdata) {
          var confirmbutton =$("#" + itemdata.uniqueid + "_container .minilesson_mc_confirmchoice");
          anim.do_animate(confirmbutton,'zoomIn animate__faster','in');
      },
  };
});