/*********************************************************************************************************************
　ユーザーページ用JS（CSRF用トークンなし）

○更新履歴
201502209	新規作成

*********************************************************************************************************************/

//jQuery
$( function() {


	/*----------------------------------------------------------------------------------------------------------------
	　○お問い合わせ送信
	----------------------------------------------------------------------------------------------------------------*/
	$( "#btn_contactSubmit" ).on(
		"click",
		function() {
			var name 		= $( "[name='name']" );
			var email 		= $( "[name='email']" );
			var tel 		= $( "[name='tel']" );
			var contents 	= $( "[name='contents']" );

			var err_mess = "";
			err_mess += vali( name, 	"お名前" );
			err_mess += vali( email, 	"メールアドレス" );
			err_mess += vali( email, 	"メールアドレス", 	"email" );
			err_mess += vali( tel, 		"電話番号", 			"tel" );
			err_mess += vali( contents, "お問い合わせ内容" );

			if ( err_mess ) { window.alert( err_mess ); return false; }

			//----------------------------------------------------------------
			var form_data	= new FormData( $( "#fm_contact" )[0] );
			//----------------------------------------------------------------


			$( this ).css( "cursor", "wait" ); //ポインター回転のみ
			
			$.ajax(
					{
						url			: 	"../Ajax/ajax.php?act=ajaxContact&p=" + get_ymdhis(),
						type		: 	"post",
						cache 		: 	false,
						processData	: 	false,
						contentType	: 	false,
						data 		: 	form_data,
						context		: 	this,
					}

			).done(
					function ( data ) {	//alert( data );
						$( this ).css( "cursor", "auto" ); //ポインター回転のみ
						$( "#fm_contact" ).html( '<p class="mgn_b_30 tx_c tx_18 tx_blu">' + name.val() + '様</p><p class="mgn_b_30 tx_c">送信が完了しました。内容を確認して改めてご連絡させて頂きます。</p><p class="mgn_b_30 tx_c">ご入力いただいた下記のメールアドレスに確認のメールを送信いたしましたので、ご確認ください。<br>【' + email.val() + '】</p><p class="mgn_b_30 tx_c">本日は、お問い合わせ誠にありがとうございました。</p>' );
						window.alert( "お問い合わせ内容を送信しました。" );
					}

			).fail(	function () { alert( "error!!" ); } );
		}
	);




	/*----------------------------------------------------------------------------------------------------------------
	　○新規登録　STEP1
	----------------------------------------------------------------------------------------------------------------*/
	$( "#fm_step1, #fm_forget" ).on(
		"submit",
		function() {
			
			var email = $( "[name='email']" );

			err_mess = "";

			err_mess+= vali( email, "メールアドレス" );
			err_mess+= vali( email, "メールアドレス", "email" );

			if ( err_mess ) { window.alert( err_mess ); return false; }
		}
	);


	/*----------------------------------------------------------------------------------------------------------------
	　○新規会員登録　STEP3 ユーザー情報入力　※プロフィール編集・管理側での編集時は別
	----------------------------------------------------------------------------------------------------------------*/
	$( "#fm_step3" ).on(
		"submit",
		function() {
			var conf = vali_user();
			if ( !conf ) return false;
		}
	);


	/*----------------------------------------------------------------------------------------------------------------
	　○ログイン画面
	----------------------------------------------------------------------------------------------------------------*/
	$( "#btn_login" ).on(
		"click",
		function() {
			
			var email 		= $( "[name='email']" );
			var password 	= $( "[name='password']" );

			err_mess = "";

			err_mess+= vali( email, "メールアドレス" );
			err_mess+= vali( password, "パスワード" );

			if ( err_mess ) { window.alert( err_mess ); return false; }


			var form_data	= new FormData( $( "#fm_login" )[0] );
			$.ajax(
					{
						url			: 	"../Ajax/ajax.php?act=ajaxLogin&p=" + get_ymdhis(),
						type		: 	"post",
						cache 		: 	false,
						processData	: 	false,
						contentType	: 	false,
						data 		: 	form_data,
						dataType	: 	"text",
						context		: 	this,
					}

			).done(
					function ( data ) {	//alert( data );
						if ( data == "err1" ) 		window.alert( "ログインできません。" );
						else if ( data == "err2" ) 	window.alert( "退会済です。" );
						else if ( data == "err3" ) 	window.alert( "ご利用できません、お問合せください。" );
						else if ( data ) 			location.href = "reserve.php?id=" + data + "&type=female#fm_reserve";
						else 						location.href = "mypage.php";
					}

			).fail(	function () { alert( "error!!" ); } );



		}
	);



	/*----------------------------------------------------------------------------------------------------------------
	　○会員登録情報更新（Ajax）　※会員ページ専用（Ajaxのパスだけが違うものが、admin.jsにもあり）
	----------------------------------------------------------------------------------------------------------------*/
	$( "#btn_user_update" ).on(
		"click",
		function() {
			//バリデーションチェッック
			var conf = vali_user();
			if ( !conf ) return false;

			else {
			//-------------------------------------------------------------------------------------------------------
			//●アップデートAjax実行
				var form_data	= new FormData( $( "form#fm_step3" )[0] );

				modalWindow();

				$.ajax(
						{
							url			: "Ajax/user_ajax.php?act=userUpdate&p=" + get_ymdhis(),
							type		: "post",
							cache 		: false,
							processData	: false,
							contentType	: false,
							data 		: form_data,
							//dataType	: "json",
							context		: this,		//Ajax前の$( this )をコールバックでも使用可能な設定
						}

				).done(
						function(data) {
							modalComplete();
						}

				).fail(	function() { alert( "error!!" ); } );
			}
			//--------------------------------------------------------------------------------------------------------
		}
	);


	/*----------------------------------------------------------------------------------------------------------------
	　○会員プロフィール情報更新（Ajax）　※会員ページ専用（Ajaxのパスだけが違うものが、admin.jsにもあり）
	----------------------------------------------------------------------------------------------------------------*/
	$( "#btn_user_profile_update" ).on(
		"click",
		function() {
			var conf = vali_user_profile();
			if ( !conf ) return false;

			else {
			//-------------------------------------------------------------------------------------------------------
			//●アップデートAjax実行
				var form_data	= new FormData( $( "form#fm_user_profile" )[0] );

				modalWindow();

				$.ajax(
						{
							url			: "Ajax/user_ajax.php?act=userProfileUpdate&p=" + get_ymdhis(),
							type		: "post",
							cache 		: false,
							processData	: false,
							contentType	: false,
							data 		: form_data,
							//dataType	: "json",
							context		: this,		//Ajax前の$( this )をコールバックでも使用可能な設定
						}

				).done(
						function(data) {
							modalComplete();
						}

				).fail(	function() { alert( "error!!" ); } );
			//-------------------------------------------------------------------------------------------------------
			}
		}
	);


	/*----------------------------------------------------------------------------------------------------------------
	　○パーティー予約（女性ログイン時、1,000Pt以上の場合「1,000P使用して1,000円分の商品券と交換する。」クリック時）
	----------------------------------------------------------------------------------------------------------------*/
	/*（20240115）常時開き状態とするためコメントアウト $( "[name='use_point_1000']" ).on(
		"click",
		function() {
			if ( $( this ).prop( "checked" ) == true ) $( "#gift_send_box" ).slideDown( 200 );
			else {
				$( "#gift_send_box textarea" ).val( "" );
				$( "#gift_send_box" ).slideUp( 300 );
			}
		}
	);*/




	/*----------------------------------------------------------------------------------------------------------------
	　○パーティー予約送信（Ajax）
	----------------------------------------------------------------------------------------------------------------*/
	$( "#btn_subReserve" ).on(
		"click",
		function() {
			var name 		= $( "[name='name']" );
			var kana 		= $( "[name='kana']" );
			var sex 		= $( "[name='sex']" );
			var birth_y 	= $( "[name='birth_y']" );
			var birth_m 	= $( "[name='birth_m']" );
			var birth_d 	= $( "[name='birth_d']" );
			var tdfk		= $( "[name='tdfk']" );
			var email 		= $( "[name='email']" );
			var tel 		= $( "[name='tel']" );

			var friend1 	= $( "[name='friend1']" );
			var tel1 		= $( "[name='tel1']" );
			var friend2 	= $( "[name='friend2']" );
			var tel2 		= $( "[name='tel2']" );
			var friend3 	= $( "[name='friend3']" );
			var tel3 		= $( "[name='tel3']" );

			var use_point_1000 = $( "[name='use_point_1000']" );

			var doi 		= $( "[name='doi']" ).filter( ":checked" ).val();

			var err_mess = "";

			//ログイン時は、個人情報入力フォームが省略されるため、IFで振り分け
			if ( !$( "[name='loginState']" ).val() ) {

				err_mess += vali( name, 	"お名前" );

				err_mess += vali( kana, 	"ふりがな",			"kana" );
				err_mess += vali( kana, 	"ふりがな",			"kana" );

				err_mess += vali( sex, 		"性別" );

				err_mess += vali( birth_y, 	"生年月日（年）" );
				err_mess += vali( birth_m, 	"生年月日（月）" );
				err_mess += vali( birth_d, 	"生年月日（日）" );

				err_mess += vali( tdfk, 	"お住まい(都道府県)" );
		
				err_mess += vali( email, 	"メールアドレス" );
				err_mess += vali( email, 	"メールアドレス", 		"email" );
				
				err_mess += vali( tel, 		"電話番号" );
				err_mess += vali( tel, 		"電話番号", 			"tel" );
			}

			//お友達分入力
			if ( ( friend1.val() && !tel1.val() ) || ( !friend1.val() && tel1.val() ) ) err_mess += "お友達1の項目に未入力があります。\n";
			if ( ( friend1.val() && tel1.val() && !check_tel( tel1.val() ) ) ) err_mess += "お友達1の電話番号が正しくないようです。\n";

			if ( ( friend2.val() && !tel2.val() ) || ( !friend2.val() && tel2.val() ) ) err_mess += "お友達2の項目に未入力があります。\n";
			if ( ( friend2.val() && tel2.val() && !check_tel( tel2.val() ) ) ) err_mess += "お友達2の電話番号が正しくないようです。\n";

			if ( ( friend3.val() && !tel3.val() ) || ( !friend3.val() && tel3.val() ) ) err_mess += "お友達3の項目に未入力があります。\n";
			if ( ( friend3.val() && tel3.val() && !check_tel( tel3.val() ) ) ) err_mess += "お友達3の電話番号が正しくないようです。\n";


			// 女性：1,000P使用して1,000円分の商品券と交換する。」チェック時
			if ( use_point_1000.prop( "checked" ) == true ) {
				if ( !$( "[name='gift_send']" ).val() ) err_mess += "商品券を交換する場合は郵送先をご記入ください。\n";
			}


			//同意確認
			if ( !doi ) err_mess += "利用規約に同意をお願いいたします。";


			if ( err_mess ) { window.alert( err_mess ); return false; }


			var res = window.confirm( "この内容で予約を確定しますか？" );
			if ( !res ) return false;


			//----------------------------------------------------------------
			var form_data	= new FormData( $( "#fm_reserve" )[0] );
			//----------------------------------------------------------------

			modalWindow();	//（新）			
			$.ajax(
					{
						url			: 	"../Ajax/ajax.php?act=ajaxReserve&p=" + get_ymdhis(),
						type		: 	"post",
						cache 		: 	false,
						processData	: 	false,
						contentType	: 	false,
						data 		: 	form_data,
						dataType	: 	"html",
						context		: 	this,
					}

			).done(
					function ( data ) {	//alert( data );

						if ( data == "err_reserved" ) {
							var err_text = '<p class="tx_c tx_red tx_24">すでにこのパーティーはご予約済みです。</p>';
							$( "#reserveBox" ).html( err_text );
							modalComplete( err_text );

						} else if ( data == "err_block" ) {
							modalComplete( '<p class="tx_c tx_red tx_24">申し訳ございません。ご予約はお受けできません。</p>' );

						} else {
							$( "#reserveBox" ).html( data );
							modalComplete( "送信が完了しました。" );
							formClear();
						}


						$( this ).css( "cursor", "auto" );
					}

			).fail(	function () { alert( "error!!" ); } );
		}
	);


	/*----------------------------------------------------------------------------------------------------------------
	　○予約キャンセル（Ajax）　※ユーザー側でキャンセル操作専用
	----------------------------------------------------------------------------------------------------------------*/
/*
	$( ".btn_cancel" ).on(
		"click",
		function() {
			var reserve_id 	= $( this ).parents( "tr" ).data( "id" );
			var res 		= window.confirm( "このパーティーをキャンセルしますか？" );
			if ( !res ) return false;

			$( this ).css( "cursor", "wait" );

			$.ajax(
					{
						url			: 	"../Ajax/user_ajax.php?act=reserveCancel",						
						type		: 	"post",
						data 		: 	{
											"reserve_id"	: reserve_id
									  	},
						dataType	: 	"html",
						context		: 	this,
					}

			).done(
					function ( data ) {	//alert( data );
						window.alert( "キャンセル処理が完了しました。" );
						$( this ).parents( "tr" ).addClass( "bg_777" );
						$( this ).parents( "td" ).html( data );
					}

			).fail(	function () { alert( "error!!" ); } );

		}
	);
*/




});