$(function()
{
  // ロード時に実行する
  CheckVisit();

  // 選択肢の変更時に実行する
  $(document).on("change", "#rvfmW, #rvfmC, #rvfmS", function(i){ ChangeCleaning( $(this).val() ); });
  $(document).on("change", "#visitA, #visitN", function(i){ CheckVisit(); Submit_Judge(); });
  $(document).on("change", "#cleaning", function(i){ CheckCleaning(); Submit_Judge(); });
  $(document).on("change", "#special", function(i){ Submit_Judge(); });
  $(document).on("change", "#light", function(i){ Submit_Judge(); });


  // クリーニング予約がONになる    ※プロフェッショナルクリーニング用
  function ChangeCleaning( course )
  {
    if( course == "cleaning" ){
      $("#cleaning").val("C"); // 予約種別:プロフェッショナルクリーニング時 → クリーニングを「希望する」にする
      $("#special").val(""); // 予約種別:ホワイトニング時 → SPを「希望しない」にする
      $("#rvfm_hidden").val("cleaning");
    }
    else if( course == "sp" ){
      $("#cleaning").val(""); // 予約種別:SP時 → クリーニングを「希望しない」にする
      $("#special").val("S"); // 予約種別:SP時 → SPを「希望する」にする
      $("#rvfm_hidden").val("sp");
    }
    else{
      $("#cleaning").val(""); // 予約種別:ホワイトニング時 → クリーニングを「希望しない」にする
      $("#special").val(""); // 予約種別:ホワイトニング時 → SPを「希望しない」にする
      $("#rvfm_hidden").val("normal");
    }
  }


  // 来院歴の確認
  function CheckVisit()
  {
    if($("#visitN").prop("checked")) // 初診の場合
    {
      if( $("#lang").val() == 'en' ) var str = '*Please arrive about 15 minutes before your appointment time to fill out the medical history form.';
      else var str = '※問診票ご記入の為、予約時間の15分ほど前にご来院ください。';
      $("#visit_message").html("<strong style='color:#000;'>" + str + "</strong>");

      CheckTimezone(); // タイムゾーンの確認  ※初診の場合のみ
      $("#visit_hidden").val("N"); // スタッフ操作時用
    }
    else if($("#visitA").prop("checked")){ // 再診の場合
      $("#visit_message").html("");
      $("#visit_hidden").val("A");
      //CheckSP(); // スペシャル(SP) ※再診の場合のみ
    }

    CheckCleaning(); // 共通
  }


  // タイムゾーンの確認  ※初診の場合のみ
  function CheckTimezone()
  {
    if($("#visitN").prop("checked")) // 初診の場合
    {
      if($("#timezone").val()=="c"){ // ★ 送信ボタンを無効にする
        $("#sub_confirm").prop("disabled", true); // 送信ボタンを無効にする
        $("#sub_confirm").css("color","#999");
        $("#submit_alert").html("※初診の方は、19:30までの時間枠をご選択ください。");
      }
      else{
        $("#sub_confirm").prop("disabled", false);
        $("#sub_confirm").css("color","#000");
        $("#submit_alert").html("");
      }
    }
    else{
      $("#sub_confirm").prop("disabled", false);
      $("#sub_confirm").css("color","#000");
      $("#submit_alert").html("");
    }
  }


  // スペシャル(SP) ※再診の場合のみ
  function CheckSP()
  {
    if(document.getElementById("special") != null)
    {
      if($("#special").val()=="S"){ // 希望する
        $("#light").prop("disabled", true); // 照射回数を無効にする
        $("#light").css('background-color','#edd');
        $("#light_message").html("※スタースペシャルをご希望につきご選択は不要です。");
      }
      else{ // 希望しない
        $("#light").prop("disabled", false); // 照射回数を有効にする
        $("#light").css('background-color','#fff');
        $("#light_message").html("");
      }
    }
  }


  // クリーニング
  function CheckCleaning()
  {
    if($("#cleaning").val() == "M")
    {
      var tmp = "※ご予約された方が優先のため当日ご希望に添えない可能性がございます。";
      if( $("#lang").val() == 'en' ) tmp = "*Since those who have made a reservation will have priority, we may not be able to accommodate your request on the day.";

      $("#cleaning_message").html("<br><strong style='color:#00f;'>" + tmp + "</strong>");
    }
    else $("#cleaning_message").html("");
  }

});



// ポップアップ
$(function () {
  $(document).on("mouseenter", ".popup_btn", function(i){
    var pop = $(this).next('.popup_message');
    pop.css("top", (pop.height() /2 * -1 +10)+"px");
    pop.fadeIn("fast");
  });

  $(document).on("mouseleave", ".popup_btn", function(i){
    $(this).next('.popup_message').fadeOut("fast");
  });
});


  // 送信ボタンを非アクティブにする
  function Submit_Judge()
  {
    var submit_sorry = "", timezone="", slt_visit="", slt_time="", slt_cleaning="", slt_special="",  slt_light="", clinic="";

    if( document.getElementById("sync_timezone") != null ) timezone = $("#sync_timezone").val();
    if( document.getElementById("visitN") != null ) if($("#visitN").prop("checked")) slt_visit="N";
    if( document.getElementById("sync_time") != null ) slt_time = Number( $('#sync_time').val() );
    if( document.getElementById("cleaning") != null ) slt_cleaning = $('#cleaning option:selected').val();
    if( document.getElementById("special") != null ) slt_special = $('#special option:selected').val();
    if( document.getElementById("sync_cl") != null ) clinic = $('#sync_cl').val();


    // ﾎﾜｲﾄﾆﾝｸﾞ照射回数の取得
    if( document.getElementById("light") != null && $("#light").val()){
      //slt_light = Number( $("#light").val() );
      //if( slt_light > 3 ) slt_light = ""; // 来社時に相談(9)の場合は空にする
      slt_light = $("#light").val(); // 来社時に相談(9)の場合も「初診+ﾎﾜｲﾄﾆﾝｸﾞ+SC」の時の制限を適用
    }


    //////////////////////////////
    if( slt_time == 2000 ) // 20:00の時間枠の場合
    {
      if( slt_visit == "N" ) submit_sorry = "A"; // 初診の方は20:00以降ご予約不可
      else if( slt_cleaning == "C" && slt_special == "S" ) submit_sorry = "B"; // 再診の方でも20:00以降「クリーニング+スペシャル」はご予約不可
      // ★20:00は「クリーニング」「スペシャル」それぞれ単体の予約は可
    }

    else if( slt_time >= 2030 ) // 20:30以降の時間枠の場合
    {
      if( slt_visit == "N" ) submit_sorry = "A"; // 初診の方は20:00以降ご予約不可
      else if( slt_cleaning == "C" && slt_special == "S" ) submit_sorry = "B"; // 再診の方でも20:00以降「クリーニング+スペシャル」はご予約不可
      else if( slt_cleaning == "C" ) submit_sorry = "C"; // 20:30以降は「クリーニング」単体でもご予約不可 ※20/02/14 「照射+クリーニング」でなければ実際は可能ですが、入力欄がない為
      else if( slt_special == "S" ) submit_sorry = "S";  // 20:30以降は「スペシャル」単体でもご予約不可
    }

    // else if( slt_time == 1300 &&  slt_visit == "N" && ( clinic == '1' || clinic == '6' || clinic == '8')) submit_sorry = "D";  // 恵比寿、表参道院、横浜院の3院は13:00(休憩前枠)は初診予約不可

    if( document.getElementById("staff") != null ) submit_sorry = "";
    //////////////////////////////



    ////////////////////////////// 休憩時間前枠、閉院時間の一つ前枠は下記条件の予約は不可
    if( $("#waku_state").val() == 'restTimeMae' || $("#waku_state").val() == 'closeTimeMae' ){
      if( slt_cleaning == "C" ){
        if( slt_special == "S" ) submit_sorry = "Sorry_SC+SP"; // SC+SP
        else if( slt_light && slt_visit == "N" ) submit_sorry = "Sorry_SC+W+N"; // SC+初診＋ホワイトニング
      }
    }
    //////////////////////////////




    // 送信ボタンを無効にする
    if(submit_sorry)
    {
      //if(submit_sorry=="A") var msg="※初診の方は、19:30までの時間枠をご選択ください。";
      //else if(submit_sorry=="B") var msg="※「クリーニング」「スタースペシャル」の両方をご予約の方は、19:30までの時間枠をご選択ください。";
      //else if(submit_sorry=="D") var msg="※初診の場合、13:00及び20:00以降の時間枠はご予約不可です。";
      //else if(submit_sorry=="C") var msg="※「ホワイトニング施術」と「クリーニング」の両方をご予約の方は、20:00までの時間枠をご選択ください。";
      //else if(submit_sorry=="S") var msg="※「スタースペシャル」をご予約の方は、20:00までの時間枠をご選択ください。"; // S


      if(submit_sorry=="A" || submit_sorry=="D"){
        var msg = "※初診の方は予約不可です。<strong class='maru_beginnerOk'>緑色の〇または</strong><strong class='sankaku_beginnerOk'>△の時間</strong>を選択ください。";
      }

      else if(submit_sorry=="B"){
        var msg = '※「クリーニング」「スタースペシャル」の両方を希望の場合、<br><strong class="maru_cleaningNon">赤色の〇または</strong><strong class="sankaku_cleaningNon">△以外で19:30迄の時間</strong></a>を選択ください。';
      }

      else if(submit_sorry=="C"){
        var msg = '※「ホワイトニング施術」「スタースペシャル」の両方を希望の場合、<strong class="maru_cleaningNon">赤色の〇または</strong><strong class="sankaku_cleaningNon">△以外の時間</strong></a>を選択ください。';
      }

      else if(submit_sorry=="S"){
        var msg = '※「スタースペシャル」を希望の場合、<strong class="maru_cleaningNon">赤色の〇または</strong><strong class="sankaku_cleaningNon">△以外の時間</strong></a>を選択ください。';
      }

      else if(submit_sorry=="Sorry_SC+SP"){
        //var msg = '※「クリーニング」「スタースペシャル」の両方を希望の場合、<br><strong class="maru_cleaningNon">赤色の〇または</strong><strong class="sankaku_cleaningNon">△以外の他の時間</strong></a>を選択ください。';
        var msg = '<strong class="maru_cleaningNon">※この時間の「クリーニングオプション」「スタースペシャル」の両方の選択は不可です。</strong>';
        $("#sp_message").html("<div style='color:#900;'>※この時間の「クリーニングオプション」「スタースペシャル」の両方の選択は不可です。</div>");
      }
      else if(submit_sorry=="Sorry_SC+W+N"){
        var msg = '※初診で「クリーニング」「ホワイトニング」の両方を希望の場合、<br><strong class="maru_beginnerOk">緑色の〇または</strong><strong class="sankaku_beginnerOk">△の他の時間</strong></a>を選択ください。';
      }

      $("#sub_confirm").prop("disabled", true); // 送信ボタンを無効にする
      $("#sub_confirm").css("color","#999");
      $("#submit_alertB").css({'margin-bottom':'10px'});
      $("#submit_alertB").html(msg);
    }

    // 送信ボタンを有効にする
    else{ // 送信ボタンを有効にする
      $("#sub_confirm").prop("disabled", false);
      $("#sub_confirm").css("color","#000");
      //$("#submit_alert").html("");
      $("#submit_alertB").css({'margin-bottom':'0px'});
      $("#submit_alertB, #sp_message").html("");
    }
  }