$(function() {

	$(document).ready(function () {

		function post(form,access){
			form.addClass("loading");
			var params = form.serialize();
			$.ajax({
				type: "POST",
				url: "https://enomotok.co.jp/elements_php_form/ajax_post.php",
				data: params + "&access=" + access,
				dataType: "json"
			}).done(function(data_json) {
				console.log("done");
				console.log(data_json);
				var form_id = data_json.form_id;
				var form_elm = data_json.form_elm;
				var elm_body = data_json.elm_body;
				var status = data_json.status;
				form.empty();
				form.append(form_elm);
				if( elm_body != "" ){
					$("body > #wrapper > #container").append(elm_body);
					var target = $("body > #wrapper > #container").children("."+form_id);
					target.delay(100).queue(function(){
						$(this).addClass("show").dequeue();
					});
					target.delay(4000).queue(function(){
						$(this).removeClass("show").dequeue();
					});
					target.delay(3000).queue(function(){
						$(this).remove().dequeue();
					});
				}
				setTimeout(
					function(){
						form.removeClass("loading");
						if( status == "err" ){
							move_err(form);
						}
						if( status == "success" ){
							move_form_top(form);
							if( form_id == "account_login" ){
								reflesh("login");
							}
						}
					}
				, 100);
			}).fail(function(data_json) {
				console.log("fail");
				location.reload(true);
				setTimeout(
					function(){
						form.removeClass("loading");
					}
				, 100);
			});
		}
		function form_switch(form,switch_to){
			form.addClass("loading");
			var params = form.serialize();
			$.ajax({
				type: "POST",
				url: "https://enomotok.co.jp/elements_php_form/ajax_form_switch.php",
				data: params + "&switch_to=" + switch_to,
				dataType: "json"
			}).done(function(data_json) {
				console.log("done");
				console.log(data_json);
				var form_elm = data_json.form_elm;
				var status = data_json.status;
				form.empty();
				form.append(form_elm);
				setTimeout(
					function(){
						form.removeClass("loading");
						if( status == "err" ){
							move_err(form);
						}
						if( status == "success" ){
							move_form_top(form);
						}
					}
				, 100);
			}).fail(function(data_json) {
				console.log("fail");
				setTimeout(
					function(){
						form.removeClass("loading");
					}
				, 100);
			});
		}
		function reflesh(key){
			var id = $("#container > div#base > article").attr("id");
			if( id == "root" ){
				id = "";
			}
			var href = "https://enomotok.co.jp/"+id;
			if( typeof ajax_request != "undefined" ){
				ajax_request.abort();
			}
			ajax_request = $.ajax({
				url: href,
				dataType: "html",
			}).done(function(ajax_data) {
				var get_article_elm = $('#container > div#base > article', $('<div>').prepend(ajax_data));
				$("#container > div#base > article").remove();
				$("#container > div#base").prepend(get_article_elm);
				var get_navi_elm = $('#navi', $('<div>').prepend(ajax_data));
				$("#navi").empty();
				$("#navi").prepend(get_navi_elm);
				$("#container > div#base > article").addClass("ajax");

				setTimeout(
					function(){
						if( key == "login" ){
							$("#wrapper").addClass("logged_in");
						}
						if( key == "logout" ){
							$("#wrapper").removeClass("logged_in");
						}
					}
				, 10);
				setTimeout(
					function(){
						var scrollto_val = 0;
						scrollto(scrollto_val);
						img_load();
					}
				, 100);
			}).fail(function(data_json) {
				console.log("fail");
			});
		}
		function logout(){
			$.ajax({
				type: "POST",
				url: "https://enomotok.co.jp/elements_php_form/ajax_logout.php",
				dataType: "json"
			}).done(function(data_json) {
				console.log("done");
				console.log(data_json);
				var elm_body = data_json.elm_body;
				var status = data_json.status;
				if( elm_body != "" ){
					$("body > #wrapper > #container").append(elm_body);
					var target = $("body > #wrapper > #container > .mes.session.complete.popup.logout");
					target.delay(100).queue(function(){
						$(this).addClass("show").dequeue();
					});
					target.delay(4000).queue(function(){
						$(this).removeClass("show").dequeue();
					});
					target.delay(3000).queue(function(){
						$(this).remove().dequeue();
					});
				}
				reflesh("logout");
			}).fail(function(data_json) {
				console.log("fail");
			});
		}

		$(document).on("click", "form.nisor:not(.loading) input.submit", function(){
			post( $(this).closest('form.nisor'), "submit" );
			return false;
		});
		$(document).on("keydown", "form.nisor:not(.loading) input", function(e) {
			if ( e.which == 13 ) {
				post( $(this).closest('form.nisor'), "submit" );
				return false;
			}
		});
		$(document).on("click", "form.nisor:not(.loading) div.return", function(){
			post( $(this).closest('form.nisor'), "return" );
			return false;
		});
		$(document).on("click", "form.nisor:not(.loading) .form_switch", function(){
			var switch_to = $(this).attr("data-form_switch");
			form_switch( $(this).closest('form.nisor'), switch_to );
			return false;
		});
		$(document).on("click", "div#navi > nav > ul li.class_logout .menu_btn", function(){
			logout();
			return false;
		});
		$(document).on("keyup", "form.nisor:not(.loading) input[data-input_type='postcode']", function(e) {
			var val = $(this).val().replace( "-", "" );
			var str_length = val.length;
			var input_id_base = $(this).attr("id").replace("address_postcode","");
			if( str_length == 7 ){
				var important = $(this).attr("data-important");
				postcode_input(val,important,input_id_base);
			}
		});

		function scrollto(val){
			$('#container > div#base').stop().animate({
				scrollTop: val
			}, 1000, "easeOutQuint",function(){

			});
		}

		function move_err(form){
			if( form.find(".form_row.err")[0] ){
				if( form.closest("#base")[0] ){
					var target = form.find(".form_row.err").first();
					var scroll_val = $("body #container > div#base").scrollTop()+target.offset().top-150;
					scrollto(scroll_val);
				}
			}
		}
		function move_form_top(form){
			if( form[0] ){
				if( form.closest("#base")[0] ){
					var scroll_val = $("body #container > div#base").scrollTop()+form.offset().top-150;
					scrollto(scroll_val);
				}
			}
		}

		$(document).on("click", "div.modal > div.overlay, div.modal > div.inner > div.close, div.modal > div.inner > a, #wrapper > div.modal > div.inner > div.inline_scroll > div.content a", function(){
			var target = $(this).closest(".modal");
			target.addClass("fadeout");

			setTimeout(
				function(){
					target.removeClass("active fadeout");
				}
			, 500);

		});

		function stringZentohan(data){
			data.replace(/[Ａ-Ｚａ-ｚ０-９]/g, function(s) {
				return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
			});
			return data;
		}
		function postcard_format(zip){
			return zip.substr(0, 3)+'-'+zip.substr(3);
		}
		function postcode_input(val,important,input_id_base){
			var zip = stringZentohan(val);
			var important_arr = important.split('/');
			var key_postcode = important_arr[0];
			var key_state = important_arr[1];
			var key_city = important_arr[2];

			// var url = 'https://api.zipaddress.net?callback=?';
			// var query = {'zipcode': zip};
			// $.getJSON(url, query, function(json){
			// 	$('#'+input_id_base+key_postcode).val(postcard_format(zip));
			// 	$('#'+input_id_base+key_state).val(json.pref);
			// 	$('#'+input_id_base+key_city).val(json.address);
			// });

			var url = 'https://enomotok.co.jp/process/api/zipcode?code=';
			var query = {'zipcode': zip};
			console.log(url+zip);
			$.getJSON(url+zip, function(json){
				console.log(json);
				if( json.results != null ){
					$('#'+input_id_base+key_postcode).val(postcard_format(zip));
					$('#'+input_id_base+key_state).val(json.results[0].address1);
					$('#'+input_id_base+key_city).val(json.results[0].address2+json.results[0].address3);
				}
			});
		}

		function img_load(){
			$("img.preload:not('.loaded')").each(function(){
				$(this).imagesLoaded(function(){
					$(this).addClass("loaded");
				});
			});
		}


    window.init_form_schedule_select = function () {
      var schedule_select_elm = $("section.schedule_select > div.body > div.inline_scroll_v > div.inner");
      var schedule_week = ['日', '月', '火', '水', '木', '金', '土'];
      $.ajax({
        type: 'GET',
        url: 'https://sheets.googleapis.com/v4/spreadsheets/1Cx4kIsdqgDPs1cQztqm5JKKh2zzwd5YMaL5F8q9hfLk/values/main?key=AIzaSyBD2asynBU3yYTuWDh7YUHolhlWpEiDou8',
        dataType: 'jsonp',
        cache: false,
        success: function(data){
          var sheets_entry = data.values;
          render_schedule_elm(sheets_entry);
        },
        error: function(){
          console.log('error');
        }
      });
      function render_schedule_elm(sheets_entry){
        // console.log(sheets_entry);
        var sheets_entry_length = sheets_entry.length;
        var row_arr_length = sheets_entry[0].length;
        var header_arr = [];
        var label_arr = [];
        var date_year = "";
        // console.log(sheets_entry_length);
        // console.log(row_arr_length);
        for(var row_i = 0; row_i < sheets_entry_length; row_i++) {
          var str = "";
          var elm = "";
          var row_arr = sheets_entry[row_i];
          if( row_arr.length <= 1 ){
            continue;
          }
          if( row_i != 0 ){
            if( is_future(row_arr[0]) ){
              // console.log(header_arr);
              var date_arr = [];
              var view_week = "";
              for(var col_i = 0; col_i < row_arr_length; col_i++) {
                if( col_i != 0 ){
                  var set_class = "";
                  if( typeof row_arr[col_i] != "undefined" && row_arr[col_i] != "" ){
                    var col_datetime = row_arr[0]+"-"+header_arr[col_i].replace(":","-")+"-00";
                    if( is_more_than_hours_ago(col_datetime, limit_hours_ago) ){
                      set_class = "active";
                    }
                  }
                  elm.find(".selector").append("<div class='btn "+set_class+"' data-val='"+date_arr[0]+"-"+date_arr[1]+"-"+date_arr[2]+" "+header_arr[col_i]+"' data-alert_str='"+date_arr[0]+"年"+date_arr[1]+"月"+date_arr[2]+"日"+view_week+" "+header_arr[col_i]+"〜'>"+header_arr[col_i]+"</div>");
                }else{
                  label_arr[row_i] = row_arr[col_i];
                  date_arr = label_arr[row_i].split("-");
                  var view_year = date_arr[0];
                  var year_class = "hide";
                  if( date_year != date_arr[0] ){
                    date_year = date_arr[0];
                    year_class = "show";
                  }
                  var format_date = new Date(date_arr[0], date_arr[1]-1, date_arr[2], '00', '00', '00');
                  view_week = "("+schedule_week[format_date.getDay()]+")";
                  var view_date = Number(date_arr[1])+"/"+Number(date_arr[2])+view_week;
                  elm = $("<div class='col' data-label='"+date_arr[0]+"-"+date_arr[1]+"-"+date_arr[2]+"'><div class='head'><div class='year'><span class='"+year_class+"'>"+view_year+"</span></div><div class='date'>"+view_date+"</div></div><div class='selector'></div></div>");
                }
              }
            }
          }else{
            for(var col_i = 0; col_i < row_arr_length; col_i++) {
              header_arr[col_i] = row_arr[col_i];
            }
          }
          if( elm ){
            schedule_select_elm.append(elm);

            if( $("input#input_consultation_date")[0] && $("input#input_consultation_date").val() != "" ){
              var selected_date = $("input#input_consultation_date").val();
              $("div.btn.active[data-alert_str='"+selected_date+"']").addClass("selected");
              $(".form_wrapper.form_consultation").addClass("open");
            }
          }            
        }

        $("section.schedule_select header div.navi > div").click(function(){
          var scroll_base = $("section.schedule_select div.inline_scroll_v");
          if( $(this).hasClass("prev") ){
            scroll_v_to(scroll_base, "left");
          }
          if( $(this).hasClass("next") ){
            scroll_v_to(scroll_base, "right");
          }
          return false;
        })
        $("section.schedule_select .selector > .btn.active").click(function(){
          var str = $(this).data("alert_str");
          var val = $(this).data("val");
          $("body").append("<div class='modal form_schedule'><div class='body'><div class='inner'><div class='text'>こちらの日時でよろしいでしょうか<br>"+str+"<br>(所要時間1〜2時間程度)</div><div class='btns'><div class='btn cancel'>キャンセル</div><div class='btn continue' data-val='"+val+"' data-str='"+str+"'>予約へ</div></div></div></div><div class='overlay'></div></div>");
          $("body > div.modal.form_schedule div.body div.inner div.btns div.btn.cancel, body > div.modal.form_schedule div.overlay").click(function(){
            $("body > div.modal.form_schedule").remove();
          })
          $("body > div.modal.form_schedule div.body div.inner div.btns div.btn.continue").click(function(){
            var val = $(this).data("val");
            $("section.schedule_select .selector > .btn.active").removeClass("selected");
            $("section.schedule_select .selector > .btn.active[data-val='"+val+"']").addClass("selected");

            var str = $(this).data("str");
            $("input#input_consultation_date").val(str);

            $(".form_wrapper.form_consultation").addClass("open");

            $("body > div.modal.form_schedule").remove();

            var val = $("body #container > div#base").scrollTop()+$("input#input_consultation_date").offset().top - 200
            scrollto(val);
          })
        })

        $("section.schedule_select div.inline_scroll_v").on("scroll",function(){
          scroll_v_action( $(this) );
        });
      }
      var now = new Date();
      var nowdate = new Date(now.getFullYear(), now.getMonth(), now.getDate(), '00', '00', '00');
      var nowdatetime = new Date(now.getFullYear(), now.getMonth(), now.getDate(), now.getHours(), now.getMinutes(), '00');
      var limit_hours_ago = 24;
      function is_future(date) {
        var checkdate = date.replace(/-/g, '');
        checkdate = new Date(checkdate.substr(0, 4), Number(checkdate.substr(4, 2))-1, checkdate.substr(6, 2), '00', '00', '00');
        if (nowdate <= checkdate) {
          return true;
        }
      }
      function is_more_than_hours_ago(datetime, limit_hours_ago) {
        var checkdate = datetime.replace(/-/g, '');
        checkdate = new Date(checkdate.substr(0, 4), Number(checkdate.substr(4, 2))-1, checkdate.substr(6, 2), checkdate.substr(8, 2), checkdate.substr(10, 2), '00');
        checkdate.setHours(checkdate.getHours() - limit_hours_ago);
        if (nowdatetime <= checkdate) {
          return true;
        }
      }

      function scroll_v_to(scroll_base, key) {
        // console.log("fn scroll_v_to key: "+key);
        var scroll_v_val = scroll_base.scrollLeft();
        var scroll_v_to = 0;

        if( key == "left" ){
          scroll_v_to = scroll_v_val-scroll_base.children(".row").width();
        }
        if( key == "right" ){
          scroll_v_to = scroll_v_val+scroll_base.children(".row").width();
        }

        scroll_base.stop().animate({
          scrollLeft: scroll_v_to
        }, 800, "easeOutQuint",function(){
        });
      }
      function scroll_v_action(scroll_base) {
        var scroll_v_val = scroll_base.scrollLeft();
        var scroll_v_max = Math.floor(get_total_width(scroll_base.find(".col"))-scroll_base.width()+scroll_base.width()*0.02);
        // console.log(scroll_v_val);
        // console.log(scroll_v_max);
        if( scroll_v_val == 0 ){
          scroll_base.closest("section.schedule_select").removeClass("scroll_v_start scroll_v_end");
          scroll_base.closest("section.schedule_select").addClass("scroll_v_start");
        }else if( scroll_v_val >= scroll_v_max ){
          scroll_base.closest("section.schedule_select").removeClass("scroll_v_start scroll_v_end");
          scroll_base.closest("section.schedule_select").addClass("scroll_v_end");
        }else{
          scroll_base.closest("section.schedule_select").removeClass("scroll_v_start scroll_v_end");
        }
      }
      function get_total_width(elms) {
        var total_width = 0;
        elms.each(function(i){
          var width = $(this).outerWidth(true);
          total_width += width;
        });
        return total_width;
      }
      scroll_v_action( $("section.schedule_select div.inline_scroll_v") );
    }

    if( $("section.schedule_select")[0] ){
      init_form_schedule_select();
    }

	});

});