(function($) {

$(function(){
  modalForm();
  integratedReviewForm();
  pagerDemo();
});

function modalForm(){
  
var htmlstr = (function(param) {return param[0].replace(/\n|\r/g, "");})`
<div class="mrreview-inputform">
<form action="" method="" id="mrReviewForm">
<div class="mrrvformtitle">レビューを書く</div>
<div class="mrrvformstar"><span class="mrrvformstartxt">評価：</span><span class="mrrvRaty" id="mrrvRaty"></span></div>
<p class="mrrvforminput"><input type="text" name="mrrvformname" id="mrrvFormName" class="mrrvformtxt" placeholder="お名前" required="required"></p>
<p class="mrrvforminput"><input type="email" name="mrrvformemail" id="mrrvFormEmail" class="mrrvformtxt" placeholder="メールアドレス" required="required"></p>
<p class="mrrvforminput"><textarea name="mrrvformtextarea" class="mrrvformta" id="mrrvFormTa" placeholder="レビューをお書きください" required="required"></textarea></p>
<div class="mrrvformbtnarea">
    <input type="submit" class="mrrvformsubmit -confirmbtn" id="mrrvFormConfirmBtn" value="確認画面にすすむ">
    <input type="submit" class="mrrvformsubmit -submitbtn" id="mrrvFormSubmitBtn" value="レビューを投稿する">
    <a href="#" class="mrrvformclose" id="mrrvFormClose">閉じる</a>
    <a href="#" class="mrrvformback" id="mrrvFormBack">入力画面に戻る</a>
</div>
</form>
</div><!-- .mrreview-inputform --></p>`;


  // if (document.getElementById("mrReviewForm") != null){
  //   $("#mrModalContainer02").addClass('mrmodalshow');
  // }else{
  //   $('body').append('<div id="mrModalContainer02" class="mrmodal-container mrmodalshow"><div id="mrModalBg02" class="mrmodalbg">' + htmlstr +'</div></div>');
  // }

  // launch modal
  $("body").on('click','#mrReviewBtn',function(e){
    e.preventDefault();
  // $("#mrModalContainer02").addClass('mrmodalshow');
  $('body').append('<div id="mrModalContainer02" class="mrmodal-container mrmodalshow"><div id="mrModalBg02" class="mrmodalbg">' + htmlstr +'</div></div>');

  $('#mrrvRaty').raty({ 
    starType: 'i',
    score: 3
  });  
});


}

function integratedReviewForm(){
  // $("#mrReviewForm").submit(function(e){
  $("body").on("submit","#mrReviewForm",function(e){
  // $("body").on("click","#mrrvFormConfirmBtn",function(e){
    e.preventDefault();
    var rate = $('#mrrvRaty').raty('score');
    var name = $("#mrrvFormName").val().trim();
    var email = $("#mrrvFormEmail").val().trim();
    var review = $("#mrrvFormTa").val().trim();
    drawConfirm(rate,name,email,review);
    return false;
  });
  $("body").on("click","#mrrvFormBack",function(e){
    e.preventDefault();
    $(".mrreview-inputform").removeClass('mrrvconfirm');
    $("#mrrvFormName").attr('disabled',false);
    $("#mrrvFormEmail").attr('disabled',false);
    $("#mrrvFormTa").attr('disabled',false);
  });
  $("body").on("click","#mrrvFormClose",function(e){
    e.preventDefault();
    $("#mrModalContainer02").remove();
  });

}

function drawConfirm(rate,name,email,review){
  console.log('?');
  $(".mrreview-inputform").addClass('mrrvconfirm');
  $("#mrrvFormName").attr('disabled','disabled');
  $("#mrrvFormEmail").attr('disabled','disabled');
  $("#mrrvFormTa").attr('disabled','disabled');
}

function pagerDemo(){
  $("body").on("click",".pagerDemo",function(e){
    e.preventDefault();
    $("#mrIntegrated01").html('<div class="mrloader">Loading...</div>');

    var url_path = (
      document.currentScript
          ? document.currentScript.src
          : document.getElementsByTagName('script')[document.getElementsByTagName('script').length-1].src
      )
      .replace(new RegExp('^'+location.origin), '')
      .replace(/[^\/]+$/, '');
  
    $.getJSON( url_path + 'dummy.php',
      {
        'hoge': 'hoge'
      },
      function (data) {
        $("#mrIntegrated01").html(data['html']);
        adjustStyles(data);
      }
    );

  });
}

})($1124);