$(window).load(function(){

  /* --- カート関連 --- */
  var windowWidth = $(window).width(),
      windowHeight = $(window).height(),
      targetWidth = 801,
      jsonFile = "../common/js/application-option.json?181206",
      $jsModal = $("#js-modal"),
      $jsModalMovie = $("#js-modal-movie"),
      $jsModalSlider = $('#js-modal-slider');

  $.getJSON(jsonFile , function(data) {

    var output = function (category, num){
      var arys = data,
          source = '',
          t = arys[category][num].title,
          tx = arys[category][num].text,
          n = arys[category][num].slider.length;
      //$jsModal.find('.title-wp h3').html(t);
      $jsModal.find('.slider-wp p').html(tx);

      if(n !== 0) {
        for(var i=0; i<n; i++) {
          source = source + '<div><img src="/common/img/application/option/' + arys[category][num].slider[i] +'.jpg" alt="' + t + '"></div>'
        }
      } else {
        source = '<div><img src="/common/img/application/option/noimage.jpg" alt="' + t + '"></div>'
      }
      $jsModal.find('.slider-wp .slider').html(source);
    }


    //お申し込み オプション
    $('.table-layout-wp').find('a.modal').on('click', function(){

      var category = $(this).parents('.js-category').attr('data-category'),
          num = $(this).attr('data-option'),
          price = $(this).parents('tr').find('.price').html().replace(/<br>/g, ''),
          names = $(this).parents('tr').find('td:first-child').html().replace(/<br>/g, '').replace(/<label>/g, '').replace(/<\/label>/g, '').replace(/\<input.*\">/g, '').replace(/\<p class=\"tr\"(.|\n)*?<\/p>/g, '');

          //console.log(names.replace(/\<p class=\"tr\"(.|\n)*?<\/p>/g, ''));

      output(category, num);
      $jsModal.find('.title-wp h3').html(names);
      $jsModal.find('.title-wp p').html(price);
      $jsModal.addClass('dis');

      $jsModalSlider.slick({
        arrows: false,
        autoplay: true,
        autoplaySpeed: 5000,
        cssEase: 'linear',
        dots: true,
        infinite: true,
        fade: true,
        speed: 1000,
        slidesToShow: 1,
        slidesToScroll: 1,
        lazyLoad: 'progressive'
      });

      return false;
    });


    //お打ち合わせ おすすめオプション
    $('#js-recommend-option-slider').find('a.modal').on('click', function(){

      var category = $(this).attr('data-category');
      var num = $(this).attr('data-option');
      var price = $(this).find('.price').html().replace(/<br>/g, '');

      output(category, num);
      $jsModal.find('.title-wp p').html(price);
      $jsModal.addClass('dis');

      $jsModalSlider.slick({
        arrows: false,
        autoplay: true,
        autoplaySpeed: 5000,
        cssEase: 'linear',
        dots: true,
        infinite: true,
        fade: true,
        speed: 1000,
        slidesToShow: 1,
        slidesToScroll: 1,
        lazyLoad: 'progressive'
      });

      return false;
    });

    $jsModal.find('a.close, .bg').on('click', function(){
      $jsModal.removeClass('dis');
      $jsModalSlider.slick('unslick');
      return false;
    });

  });


  // timesCreate
  var _timesCreate = function(time_s, time_e) {
    var shm = time_s.split(':');
    var sh = parseInt(shm[0]) * 60;
    var sm = parseInt(shm[1]);
    var ehm = time_e.split(':');
    var eh = parseInt(ehm[0]) * 60;
    var em = parseInt(ehm[1]);

    var s = sh + sm;
    var e = eh + em;

    var times = [];
    var tt = s;
    var x = 30;

    for (var i=s; tt<=e; i++) {
      var hh = Math.floor(tt/60);
      var mm = (tt%60);
      times.push(("0" + (hh % 24)).slice(-2) + ':' + ("0" + mm).slice(-2));
      tt = tt + x;
    }
    return times;
  }

  // レセプション詳細ボタン
  //var restaurantNum = 0;
  //$('.table-layout-wp').find('input[type="radio"].restaurant').each(function(i){

  //  $(this).click(function(){
  //    if(i !== 0) {
  //      if(restaurantNum !== i) {
  //        $('.detail-box').hide().eq(i).slideToggle();
  //
  //        var lunch_time_s = $(this).data('lunch-time-s');
  //        var lunch_time_e = $(this).data('lunch-time-e');
  //        var dinner_time_s = $(this).data('dinner-time-s');
  //        var dinner_time_e = $(this).data('dinner-time-e');
  //        var lunch_times = dinner_times = [];

  //        var hope_time2 = $("#hope_time2");
  //        var hope_time3 = $("#hope_time3");
  //        var hope_month4 = $("#hope_month4");
  //        var hope_day4 = $("#hope_day4");
  //        var hope_time4 = $("#hope_time4");
  //        var lunch_notice = $("#lunch-notice");
  //        var dinner_notice = $("#dinner-notice");
  //        hope_time2.empty();
  //        hope_time3.empty();
  //        hope_time4.empty();
  //        lunch_notice.text('');
  //        dinner_notice.text('');
  //        if (lunch_time_s && lunch_time_e) {
  //          lunch_times = _timesCreate(lunch_time_s, lunch_time_e);
  //        }
  //        if (dinner_time_s && dinner_time_e) {
  //          dinner_times = _timesCreate(dinner_time_s, dinner_time_e);
  //        }
  //        if (lunch_times.length > 0 || dinner_times.length > 0) {
  //          //console.table(hope_time2);
  //          $.each([hope_time2, hope_time3, hope_time4], function (i, hope_time) {
  //            var select, option, options, isSelected;
  //            options = $.map(lunch_times, function (value) {
  //              //isSelected = (value === '' || value === '');
  //              option = $('<option>', { value: value, text: value, selected: isSelected });
  //              return option;
  //            });
  //            hope_time.append(options);

  //            options = $.map(dinner_times, function (value) {
  //              //isSelected = (value === '' || value === '');
  //              option = $('<option>', { value: value, text: value, selected: isSelected });
  //              return option;
  //            });
  //            hope_time.append(options);
  //          });
  //          if (lunch_times.length > 0) {
  //            var st = lunch_times[0];
  //            var et = lunch_times[lunch_times.length - 1];
  //            lunch_notice.html("※<span class=\"tx_red2 bold\">デイタイムのご予約は"+st+"l-"+et+"まで</span>の間でお願い致します。");
  //          }
  //          if (dinner_times.length > 0) {
  //            var st = dinner_times[0];
  //            var et = dinner_times[dinner_times.length - 1];
  //            dinner_notice.html("※<span class=\"tx_red2 bold\">ディナータイムのご予約は"+st+"l-"+et+"まで</span>の間でお願い致します。");
  //          }
  //        }
  //        //console.table(lunch_times);
  //        //console.table(dinner_times);
  //      }
  //    } else {
  //      $('.detail-box').hide();
  //    }
  //    restaurantNum = i;
  //  });
  //});

  $('.table-layout-wp').find('input[type="radio"].restaurant').each(function(i){

    $(this).click(function(){
      if(i !== 0) {
        $('.detail-box').hide();
        $(this).closest('table').next('.detail-box').slideDown();
        if ($(this).val() == '1') {
          $('.recommend-notice1').show();
          $('.recommend-notice2').hide();
          $('#party-other-option-area').show();
        } else {
          $('.recommend-notice1').hide();
          $('.recommend-notice2').show();
          $('#party-other-option-area').hide();
        }

        var lunch_time_s = $(this).data('lunch-time-s');
        var lunch_time_e = $(this).data('lunch-time-e');
        var dinner_time_s = $(this).data('dinner-time-s');
        var dinner_time_e = $(this).data('dinner-time-e');
        var lunch_times = dinner_times = [];

        var hope_time2 = $("#reception_hope_time2");
        var hope_time3 = $("#reception_hope_time3");
        var hope_time4 = $("#reception_hope_time4");
        var lunch_notice = $("#lunch-notice");
        var dinner_notice = $("#dinner-notice");
        hope_time2.empty();
        hope_time3.empty();
        hope_time4.empty();
        lunch_notice.text('');
        dinner_notice.text('');
        if (lunch_time_s && lunch_time_e) {
          lunch_times = _timesCreate(lunch_time_s, lunch_time_e);
        }
        if (dinner_time_s && dinner_time_e) {
          dinner_times = _timesCreate(dinner_time_s, dinner_time_e);
        }
        if (lunch_times.length > 0 || dinner_times.length > 0) {
          //console.table(hope_time2);
          $.each([hope_time2, hope_time3, hope_time4], function (i, hope_time) {
            var select, option, options, isSelected;
            var v = hope_time.data('reception-hope-time');
            options = $.map(lunch_times, function (value) {
              isSelected = (value === v);
              option = $('<option>', { value: value, text: value, selected: isSelected });
              return option;
            });
            hope_time.append(options);

            options = $.map(dinner_times, function (value) {
              isSelected = (value === v);
              option = $('<option>', { value: value, text: value, selected: isSelected });
              return option;
            });
            hope_time.append(options);
          });
          if (lunch_times.length > 0) {
            var st = lunch_times[0];
            var et = lunch_times[lunch_times.length - 1];
            lunch_notice.html("※<span class=\"tx_red2 bold\">デイタイムのご予約は"+st+"-"+et+"まで</span>の間でお願い致します。");
          }
          if (dinner_times.length > 0) {
            var st = dinner_times[0];
            var et = dinner_times[dinner_times.length - 1];
            dinner_notice.html("※<span class=\"tx_red2 bold\">ディナータイムのご予約は"+st+"-"+et+"まで</span>の間でお願い致します。");
          }
        }
        //console.table(lunch_times);
        //console.table(dinner_times);
      } else {
        $('.detail-box').hide();
      }
      changeChackboxes({});
    });

    //console.table( $(this).closest('table').next('.detail-box').find('[name="reception_order[]"]:checkbox').val());
    var checkboxes = $(this).closest('table').next('.detail-box').find('[name="reception_order[]"]:checkbox');
    var changeChackboxes = function (elem) {
      var _times = [];
      var hope_time2 = $("#reception_hope_time2");
      var hope_time3 = $("#reception_hope_time3");
      var hope_time4 = $("#reception_hope_time4");
      checkboxes.each(function(i, elem2) {
        if ($(elem2).prop('checked')) {
          var lunch_time_s = $(elem2).data('lunch-time-s');
          var lunch_time_e = $(elem2).data('lunch-time-e');
          var dinner_time_s = $(elem2).data('dinner-time-s');
          var dinner_time_e = $(elem2).data('dinner-time-e');

          var lunch_times = dinner_times = [];
          if (lunch_time_s && lunch_time_e) {
            lunch_times = _timesCreate(lunch_time_s, lunch_time_e);
          }
          if (dinner_time_s && dinner_time_e) {
            dinner_times = _timesCreate(dinner_time_s, dinner_time_e);
          }
          _times = $.merge(_times, lunch_times);
          _times = $.merge(_times, dinner_times);
          //$.extend(_times, lunch_times, dinner_times);
          //_times.push(lunch_times);
          //_times.push(dinner_times);
        }
      });
      //console.table(_times);
      _times = _times.filter(function (x, i, self) {
          return self.indexOf(x) === i;
      });
      //console.table(_times);
      if (_times.length > 0) {
        hope_time2.empty();
        hope_time3.empty();
        hope_time4.empty();
        //console.table(hope_time2);
        $.each([hope_time2, hope_time3, hope_time4], function (i, hope_time) {
          var select, option, options, isSelected;
          var v = hope_time.data('reception-hope-time');
          options = $.map(_times, function (value) {
            isSelected = (value === v);
            option = $('<option>', { value: value, text: value, selected: isSelected });
            return option;
          });
          hope_time.append(options);
        });
      }
    }
    checkboxes.each(function(i, elem) {
      //if ($(elem).prop('checked')) {
      //  changeChackboxes(elem);
      //}
      $(elem).click(function() {
        changeChackboxes(elem);
      });
    });
  });
  $("[name=reception_rest_seq]:checked").click();

  // レストラン予約(任意日付)
  if($("#reception_hope_date").length){
    var max_ymd = $('#reception_hope_date').data('max-date').split(",");
    var min_ymd = $('#reception_hope_date').data('min-date').split(",");
    $('#reception_hope_date').datepicker({
      "showOn": 'both',
      "buttonImageOnly": true,
      "buttonImage": '/common/img/reservation/calendar.png',
      "defaultDate": '+3',
      "maxDate": new Date(max_ymd[0], max_ymd[1], max_ymd[2]),
      "minDate": new Date(min_ymd[0], min_ymd[1], min_ymd[2]),
      beforeShowDay: function(date) {
        var w = date.getDay();
        return [true];
      }

    });
  }


  // プルメリアサロン来店日
  if($("#plu_hope_date").length){
    //console.log(new Date($('#plu_hope_date').data('max-date')));
    var max_ymd = $('#plu_hope_date').data('max-date').split(",");
    $('#plu_hope_date').datepicker({
      "showOn": 'both',
      "buttonImageOnly": true,
      "buttonImage": '/common/img/reservation/calendar.png',
      "defaultDate": '+3',
      "maxDate": new Date(max_ymd[0], max_ymd[1], max_ymd[2]),
      "minDate": '+3',
      beforeShowDay: function(date) {
        var salon = $('input[name="plu_salon"]:radio:checked').val();
        var w = date.getDay();
        if (salon == '1') {
          if ((w == 3 || w == 4) && !date.isJpHoliday()) {
            return [false];
          } else {
            return [true];
          }
        } else if (salon == '3') {
          if ((w == 1 || w == 2) && !date.isJpHoliday()) {
            return [false];
          } else {
            return [true];
          }
        }
        return [true];
      }

    });

    $('#plu_salon').change(function() {
      $("#plu_hope_date").val('');
      $("#plu_hope_time").empty();
      var plu_hope_time = document.getElementById("plu_hope_time");
      plu_hope_time.options[0] = new Option("--:--", "0");
    });

    if ($("#plu_hope_date").val() != '') {
      $.getJSON("./plu_salontime.php",
        {salon: $('input[name="plu_salon"]:radio:checked').val(), date: $("#plu_hope_date").val()},
        function (data, status) {
          $("#plu_hope_time").empty();
          var select = document.getElementById("plu_hope_time");
          select.options[0] = new Option("--:--", "0");
          var j = 1;
          for (i in data) {
            if (data[i] != "") {
              select.options[j] = new Option(data[i], data[i]);
              j++;
            }
          }
          $("#plu_hope_time").removeAttr("disabled");
        }
      );
    }

    $("#plu_hope_date").change(function () {
      $.getJSON("./plu_salontime.php",
        {salon: $('input[name="plu_salon"]:radio:checked').val(), date: $("#plu_hope_date").val()},
        function (data, status) {
          $("#plu_hope_time").empty();
          var select = document.getElementById("plu_hope_time");
          select.options[0] = new Option("--:--", "0");
          var j = 1;
          for (i in data) {
            if (data[i] != "") {
              select.options[j] = new Option(data[i], data[i]);
              j++;
            }
          }
          $("#plu_hope_time").removeAttr("disabled");
        }
      );
    });
  }


  //モーダル youtube
  $('.table-layout-wp').find('a.modal-movie').on('click', function(){
    var u = $(this).attr('href');
    $jsModalMovie.find('.youtube iframe').attr('src', u);
    $jsModalMovie.addClass('dis');

    return false;
  });
  $jsModalMovie.find('a.close, .bg').on('click', function(){
    $jsModalMovie.removeClass('dis');
    return false;
  });

  $(window).resize(function() {
    var timer = false;
    if (timer !== false) { clearTimeout(timer); }
    timer = setTimeout(function() {
      $jsModal.removeClass('dis');
      $jsModalMovie.removeClass('dis');
      $jsModalSlider.slick('unslick');
    }, 100);
  });
});