var _Project_Country = "";

// ==========================================================
//  購物後遊戲跳窗
// ==========================================================
;(function($) {
    $('body').on('click', '.game-model-closer', function(e) {
        if(e.currentTarget === e.target) {
            $('.game-model').fadeOut(400)
        }
    })
})($)
// ==========================================================
//  抽紅包跳窗
// ==========================================================
;(function(jQuery, $, window, document) {
	var resArray
  var playedFlag = false
	function startGame(){
        $.ajax({
            url: _Project_Country + '/game/scratch/data/ajax_get_gift-p.php',
            dataType: 'json',
            async: false,
            method: 'POST',
            data: {
                Act_Game_ID: $("#Act_Game_ID").val(),
                Order_Num: $("#Order_Num").val(),
            }
        }).done(function(res) {
          //console.log(res)
          resArray = res
          playedFlag = true
          switch(res.status){
            case "OK":
              $(".scratch-canva").css('background-image', 'url("'+res.path+'")');

              if(res.DataLayer){
                  eval(res.DataLayer)
              }

              break;

            case "TODAY_PLAYED":

              alert('今天已玩過遊戲了');

              $(".scratch-canva").css('background-image', 'url("/game/scratch/images/gift/played.png?played=true")');
              $(".game-model-closer").trigger("click");

              break;

            case "ACT_PLAYED":

              alert('已參加過該活動');

              $(".game-model-closer").trigger("click");

              break;

            case "WAIT_FOR_ORDER":

              alert('已參加過該活動，待結帳後取得下一次遊戲資格');

              $(".game-model-closer").trigger("click");
              window.location = res.url;
              break;

            case "MEMBER_NOT_LOGIN":

              alert('須登入會員才可遊戲');
              window.location = res.url;

              break;
            case "ORDER_NOT_FULL":

              alert('訂單金額不符合遊戲條件');

              $(".game-model-closer").trigger("click");

              break;
            case "GAME_OVER":
            case "ERROR":

              alert('遊戲已結束');

              $(".game-model-closer").trigger("click");

              break;


          }
        }).fail(function(x, y, z) {
            //console.log(x)
            //console.log(y)
            //console.log(z)
        })
	}

    let modelStep = 0

    $(window).on("load resize", function(){
      $(document).off("mousedown mousemove mouseup touchstart touchmove touchend")
      var canva = $(".scratch-canva"),
          ctx = canva[0].getContext("2d")
      var canvaOffset = {
            "offsetX":canva.offset().left,
            "offsetY":canva.offset().top
          }
      var drawwing = false
      //不設定固定寬高會有問題
      canva.prop("width",canva.width())
      canva.prop("height",canva.height())

      ctx.drawImage($(".scratch-cover")[0],0,0,canva.width(),canva.height())
      ctx.globalCompositeOperation = "destination-out"
      ctx.lineWidth = ($(window).width()> 767)?"50":"60"
      ctx.lineCap = "round"
      ctx.beginPath()


      $(document).on("mousedown touchstart", ".scratch-main", function(){
    		if($(".scratch-tutorial").css('display') != 'none'){
          if(!playedFlag){
            startGame();
          }
    		}
        $(".scratch-tutorial").fadeOut();
      })

      $(document).on("mousedown", ".scratch-canva", function(e){
        drawwing = true
        ctx.beginPath()
        ctx.moveTo(e.offsetX, e.offsetY)
      })
      $(document).on("mousemove", ".scratch-canva", function(e){
        if(drawwing){
          ctx.lineTo(e.offsetX, e.offsetY)
          ctx.stroke()
        }
      })

      $(document).on("mouseup", ".scratch-canva", function(e){
        drawwing = false
        checkCanvaScratched(ctx,canva,resArray)
      })

      $(document).on("touchstart", ".scratch-canva", function(e){
        drawwing = true
        ctx.moveTo(e.originalEvent.touches[0].pageX - canvaOffset.offsetX, e.originalEvent.touches[0].pageY - canvaOffset.offsetY)
      })
      $(document).on("touchmove", ".scratch-canva", function(e){
        if(drawwing){
          ctx.lineTo(e.originalEvent.touches[0].pageX - canvaOffset.offsetX, e.originalEvent.touches[0].pageY - canvaOffset.offsetY)
          ctx.stroke()
        }
      })
      $(document).on("touchend", ".scratch-canva", function(e){
        drawwing = false
        checkCanvaScratched(ctx,canva,resArray)
      })
    })

    $('body').on('click', '.game-model-closer', function(e) {
        modelStep = 0
        modelCheck(modelStep)

        $(this).parents('.gmodel-wrapper').remove()
    })
})(jQuery, $, window, document)


function checkCanvaScratched(ctx,canva,resArray){
  let imageData = ctx.getImageData(0,0,canva.width(),canva.height()).data
  let conter = 0
  for(let i = 0; i < imageData.length; i++){
    if(imageData[i] == 0){
      conter++
    }
  }
  //檢查被刮除的量大於45%執行
  if(conter >= imageData.length * 0.45){
    if(resArray.status == "TODAY_PLAYED"){
      resArray.url = "/member-shopgold/"
      resArray.path = "/game/scratch/images/gift/played.png?played=true"
    }
    $('body').append(
      `<div class="gmodel-wrapper">
        <div class="gmodel-content">
          <button class="game-model-closer" type="button"></button>
          <div class="gmodel-body">
            <a class="gift-link" href="${resArray.url}">
              <!-- 800*800 -->
              <img class="gift-picture" src="${resArray.path}" alt="">
            </a>
          </div>
        </div>
      </div>`
    )
  }
}

function modelCheck(step) {
  if(step) {
    $('body, #game-wrapper').addClass('theme-stock')
  } else {
    $('body, #game-wrapper').removeClass('theme-stock')
  }
}