// JavaScript Document
(function (window, document, $) {
  $(function () {

    if($("#myForm_confirm").length){

      if($("#send").length){
        //送信ボタン
        $("#send").off('click');
        $("#send").on('click',function() {

          //送信ボタンを無効化
          $('#back').css('pointer-events', 'none');
          $('#send').css('pointer-events', 'none');
          $('#send').text('送信中…');

          let contactType = $('#contact_type').val();

          let sData = {
          'contact_type'        : contactType,
          'form_id'             : contactType,
          'rw_showForm_Version' : '2',
          'b_id'                : $('#b_id').val(),
          'room_id'             : $('#room_ids').val(),
          'privacypolicy'       : $('#pp').val(),
          'action'              : '送信',
          'rw_showForm_Title'   : '',
          'name'                : $('#name1').val(),
          'mail1'               : $('#email').val(),
          'mail2'               : $('#email').val(),
          'mailto'              : $('#mailto').val(),
          'tel'                 : $('#tel').val(),
          'year_month1'         : $('#year_month1').val(),
          'year_month2'         : $('#year_month2').val(),
          'preview1'            : $('#preview1').val(),
          'preview2'            : $('#preview2').val(),

          'room_request'        : $('input[name="room_request"]').val(),
          'room_request2'       : $('input[name="room_request2"]').val(),
          'pref_hiroshima'      : $('input[name="pref_hiroshima"]').val(),
          'pref_okayama'        : $('input[name="pref_okayama"]').val(),
          'pref_yamaguchi'      : $('input[name="pref_yamaguchi"]').val(),
          'pref_other'          : $('input[name="pref_other"]').val(),
          'demand[]'            : $('#purpose_str').val(),
          'remark_required'     : $('#comment').val(),
          };
          //console.log('sData:', sData);

          $.ajax({
            type: 'post',
            url: '/yw/ajax/ajax_rw_showForm.php?' + Math.random(),
            data: sData,
            success: function(sMsg){
              //console.log('sMsg:', sMsg);

              //2024-01-29 bitlarge 完了画面分割
              if(sMsg.indexOf('__:::__') !== -1){
                //完了画面へ遷移
                let jpPath = sMsg.split('__:::__');
                location.href = jpPath[1];
              }else{
                //エラー時は確認画面へ戻る
                $('#cmd').val('');
                $('#myForm_confirm').attr('action', './confirm');
                $('#myForm_confirm').submit();

              }

            },
            error: function(XMLHttpRequest, textStatus, errorThrown){
              //console.log('XMLHttpRequest:', XMLHttpRequest);
              //console.log('textStatus:', textStatus);
              //console.log('errorThrown:', errorThrown);

              //エラー時は確認画面へ戻る
              $('#cmd').val('');
              $('#myForm_confirm').attr('action', './confirm');
              $('#myForm_confirm').submit();
            }

          });

          ////$('#cmd').val('complete');
          ////$('#myForm_confirm').attr('action', './form/send');
          ////$('#myForm_confirm').submit();

          return false;
        });
      }

      if($("#back").length){
        //戻るボタン
        $("#back").off('click');
        $("#back").on('click',function() {

          $('#cmd').val('back');
          $('#myForm_confirm').attr('action', './branch_detail');
          $('#myForm_confirm').submit();

          return false;
        });
      }

    }else if($("#myForm").length){

        //ピッカーイベントセット
        //mySetpicker();

        //バリデーションのイベントセット
        $("#myForm").validationEngine('attach',{
          scroll                     : true,
          blOptscrollTopMargin       : '190',//スクロール位置のマージンピクセル（オリジナルオプション）
          ajaxFormValidation         : false,
          ajaxFormValidationMethod   : 'post',
          addFailureCssClassToField  : "myErrer",//エラー時の背景スタイル
          blOptMsgSingleLine         : false, //エラーメッセージ１行表示（オリジナルオプション）

          onValidationComplete : function(form, status){
            if(status){
              //バリデーションエラーなしの場合の処理
              return true;
            }
            return false;

          },
          onBeforeAjaxFormValidation : function(){
            //$("#myForm").submit();
            return false;
          }
        });

        function mySetpicker() {

            // --- date&time picker 2016-12-30 T.Mohri ---
            $('.datepicker').datepicker({
                dateFormat:'yy-mm-dd',
                yearRange: '1900:2100',
                changeMonth: true,
                changeYear: true,
                minDate: 0,

            });
            

            //2025-09-30 bitlarge
            //console.log('pref_hiroshima', $('input[name="pref_hiroshima"]').val());
            //console.log('pref_okayama', $('input[name="pref_okayama"]').val());
            //console.log('pref_yamaguchi', $('input[name="pref_yamaguchi"]').val());
            //console.log('pref_other', $('input[name="pref_other"]').val());
            if($('input[name="pref_hiroshima"]').val() == '0' && $('input[name="pref_okayama"]').val() - 0 >= 1 && $('input[name="pref_yamaguchi"]').val() == '0' && $('input[name="pref_other"]').val() == '0' ){
              $('#pref').val('33');
            }
            //console.log('pref', $('#pref').val());

            //2024-07-26 bitlarge
            let myPref = $('#pref').val();
            let myBranchId = $('#branch_id').val();
            //console.log('btnConfirm');
            //console.log('myPref:', myPref);
            //console.log('myBranchId:', myBranchId);
            if(myPref     !== undefined){$('input[name="rw_showForm_Pref"]').val(myPref);}
            if(myBranchId !== undefined){$('input[name="rw_showForm_BranchId"]').val(myBranchId);}

            let myTimeList = ['10:00', '10:30', '11:00', '11:30', '12:00', '12:30', '13:00', '13:30', '14:00', '14:30', '15:00', '15:30', '16:00', '16:30', '17:00', '17:30'];
            if(myPref == '33'){//岡山の場合は、16:30まで
              myTimeList = ['10:00', '10:30', '11:00', '11:30', '12:00', '12:30', '13:00', '13:30', '14:00', '14:30', '15:00', '15:30', '16:00', '16:30'];
            }

            // --- date&time picker 2015-11-02 T.Mohri ---
            // changed on 2016-12-30 T.Mohri
            // allowTimes 追加20210429 ryowa okimoto
            $('.datetimepicker').datetimepicker({
                format:'Y-m-d H:i',
                lang:'ja',
                step:30,
                allowTimes : myTimeList,
                minDate: 0,
            });    
            
            

            // --- month picker 2015-11-02 T.Mohri ---
            $('.monthpicker').monthpicker({
                pattern:'yyyy 年 mm 月',
                monthNames: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],

                minMonth: new Date().getMonth() + 1,  // +1 しないと0始まり
                minYear: new Date().getFullYear(),
                finalYear: new Date().getFullYear() + 1,

            }).focus(function () {
              //console.log('focus');
              $('.mtz-monthpicker-year').css('visibility', 'hidden'); // フォーカス時に年表示を非表示

              setTimeout(function() {
                $('.mtz-monthpicker-year').css('visibility', 'visible'); // 年表示を表示
              }, 500)
              //$(this).on('click', function () {
              //  console.log('click');
              //  $('.mtz-monthpicker-year').show(); // フォーカス時に年表示を表示
              //});
            });

        }




      //お気に入りボタン
      $('[data-favdel]').off('click').on('click', function () {
        let roomId = $(this).attr('data-favdel');
        //console.log('roomId:', roomId);
        togglefav('[data-favdel="' + roomId + '"]', roomId);
      });


      // 内部の slick-slider に cht_thumbnail-list が1つもなければサムネイルの枠非表示
      $('.cht_thumbnailwrap').each(function () {
        var $wrap = $(this);
        if ($wrap.find('.cht_thumbnail-list').length === 0) {
          $wrap.hide(); // サムネ全体を非表示

          // .cht_bigthumbnailwrap の右矢印だけ非表示
          $('.cht_bigthumbnailwrap .thumb-next').hide();
        }
      });


      // ---------- サムネイルミニスライダー ----------
      $('.cht_bigthumbnailblock').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: true,
        prevArrow: '.big-prev',
        nextArrow: '.big-next',
        asNavFor: '.cht_thumbnailblock',
        dots: false,
        infinite: false
      });

      $('.cht_thumbnailblock').slick({
        slidesToShow: 5,
        slidesToScroll: 1,
        arrows: true,
        asNavFor: '.cht_bigthumbnailblock',
        focusOnSelect: true,
        prevArrow: '.thumb-prev',
        nextArrow: '.thumb-next',
        dots: false,
        infinite: false,
        variableWidth: true,
        responsive: [
          {
            breakpoint: 690,
            settings: {
              slidesToShow: 4
            }
          }
        ]
      });

      if($(window).width() <= 430){
        $('.cht_newarrivals').slick({
          autoplay: true,
          draggable: true,
          swipe: true,
          touchMove: true,
          pauseOnHover: true,
          slidesToShow: 2,
          dots: false,
          arrows: false,
          variableWidth: true
        });
      }


      // 今何枚目の画像か表示
      const photos = $('.cht_bigthumbnailblock div');
      const counter = $('#photoCounter');

      let currentIndex = 0; // 最初の画像
      const total = photos.length; // ← 枚数を動的に取得

      function updateCounter() {
        counter.textContent = `外観写真(${currentIndex + 1}/${total})`;
      }

      function showPhoto(index) {
        photos.forEach((photo, i) => {
          photo.classList.toggle('active', i === index);
        });
        updateCounter();
      }

      // 初期表示
      updateCounter();

      // 次・前ボタンのイベント
      $('#big-next').on('click', function () {
        currentIndex = (currentIndex + 1) % total;
        showPhoto(currentIndex);
      });

      $('#big-prev').on('click', function () {
        currentIndex = (currentIndex - 1 + total) % total;
        showPhoto(currentIndex);
      });



      // モーダル
      $('[data-mdlimage]').modaal({
        type: 'image',
        overlay_close: true,
        background: '#000000',
        overlay_opacity: 0.8,
        content_source: '#rgsModal01',
      });


      // モーダル
      $('[data-staff]').modaal({
        type: 'iframe',
        overlay_close: true,
        background: '#000000',
        overlay_opacity: 0.8
      });

    }

  });

  $(window).on("load",function(){


    $(window).on("scroll",function(){

      // ---------- cht_topfixed ----------
      if ($(this).scrollTop() > 330) {
        $('#cht_Topfixed').addClass("show");
      } else {
        $('#cht_Topfixed').removeClass("show");
      }

    });

  });

})(window, document, jQuery);