@extends('theme.master')
@section('title', '會員中心')

@section('custom-head')
<link rel="stylesheet" href="{{ asset('css/croppie.css')}}">
<link href="https://unpkg.com/gijgo@1.9.13/css/gijgo.min.css" rel="stylesheet" type="text/css" />
<style>
	input[type=number]::-webkit-outer-spin-button,
	input[type=number]::-webkit-inner-spin-button {
		-webkit-appearance: none;
		-moz-appearance: textfield;
		margin: 0;
	}

	.my-input-sex>div {
		height: 46px;
	}

	.my-input-sex>div>input {
		width: 24px;
		height: 24px;
	}

	.my-input-sex>div>label {
		font-size: 1rem;
		margin: 0;
		margin-left: 1rem;
	}
</style>
@endsection

@section('content')

@include('admin.message')

@include('front.user_profile.profileHeader')

<section id="profile-item" class="profile-item-block">
	<div class="container">
		<form action="{{ route('user.profile',$orders->id) }}" method="POST" enctype="multipart/form-data" autocomplete="off">
			{{ csrf_field() }}
			{{ method_field('PUT') }}
			
			<div class="row">

				@include('front.user_profile.profileSidebar')

				<div class="col-xl-9 col-lg-8">

					<div class="profile-info-block">
						<div class="row">
							@if( true || Auth::User()->verified )
							<div class="col-lg-12">
								<div class="form-group">
									<label for="mobile">{{ __('frontstaticword.Mobile') }}</label>
									<input type="text" name="mobile" id="mobile" value="{{ $orders->mobile }}"
										class="form-control" placeholder="{{ __('frontstaticword.EnterMobileNo') }}" readonly>
								</div>
							</div>
							@else
								<div class="col-lg-9">
									<div class="form-group">
										<label for="mobile">{{ __('frontstaticword.Mobile') }}</label>
										<input type="text" name="mobile" id="mobile" value="{{ $orders->mobile }}" minlength="10" maxlength="10" id="mobile" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');" 
											class="form-control" placeholder="{{ __('frontstaticword.EnterMobileNo') }}" minlength="10">
                                        <div id="recaptcha-container"></div>
									</div>
								</div>
								<div class="col-lg-3 profile_area">
									<div class="form-group">
										<button type="button" id="sendotp" onClick="sendOTP()" class="btn btn-primary btn-small w-100">發送驗證碼</button>
									</div>
								</div>
								<div class="col-9 verify_area" style="display:none">
									<div class="form-group">
										<label for="mobile">輸入驗證碼</label>
										<input type="text" id="verification" class="form-control" placeholder="輸入驗證碼，例如123456" minlength="6" maxlength="6" pattern="\d{6}">
										<p id="firebase_error"></p>
									</div>
								</div>
								<div class="col-3 verify_area profile_area" style="display:none">
									<div class="form-group">
										<button type="button" class="btn btn-primary btn-small w-100" onclick="verify()">驗證</button>
									</div>
								</div>
							@endif
						</div>

						<div class="row">
							@if( $orders->email_verified_at )
							<div class="col-lg-12">
								<div class="form-group">
									<label for="email">{{ __('frontstaticword.Email') }}</label>
									<input type="email" id="email" name="email" class="form-control"
										placeholder="being@being.com" required value="{{ $orders->email }}" readonly >
								</div>
							</div>
							@else
							<div class="col-lg-12">
								<div class="form-group">
									<label for="email">{{ __('frontstaticword.Email') }}</label>
									<input type="email" id="email" name="email" class="form-control" placeholder="being@being.com" required value="{{ old('email') ? old('email') : $orders->email }}" >
								</div>
							</div>
							@endif
						</div>
					</div>
						<div class="profile-info-block">	
							<div class="row">
								<div class="col-lg-6">
									<div class="form-group">
										<label for="name">{{ __('frontstaticword.FirstName') }}</label>
										<input type="text" id="name" name="fname" class="form-control"
											placeholder="{{ __('frontstaticword.EnterFirstName') }}"
											value="{{ old('fname') ? old('fname') : $orders->fname }}" >
									</div>
								</div>
							</div>
							<hr>
							<div class="row">
								<div class="col-lg-6">
									<div class="form-group">
										<label for="height">{{ __('frontstaticword.Height') }}</label>
										<input type="number" id="height" name="height" class="form-control"
											placeholder="{{ __('frontstaticword.Height') }}" value="{{ old('height') ? old('height') : $orders->height }}">
									</div>
									<div class="form-group">
										<label for="weight">{{ __('frontstaticword.Weight') }}</label>
										<input type="number" id="weight" name="weight" class="form-control"
											placeholder="{{ __('frontstaticword.Weight') }}" value="{{ old('weight') ? old('weight') : $orders->weight }}">
									</div>
								</div>
								<div class="col-lg-6">
									<div class="form-group">
										<span class="mb-2 d-block">{{ __('frontstaticword.Sex') }}</span>
										<div class="d-flex my-input-sex">
											<div class="d-flex justify-content-around align-items-center">
												<input type="radio" id="male" name="gender" class=""
													value="1" @if($orders->gender == 1) checked @endif>
												<label for="male">男</label>
											</div>
											<div></div>
											<div class="d-flex justify-content-around align-items-center ml-3">
												<input type="radio" id="female" name="gender" class=""
													value="2" @if($orders->gender == 2) checked @endif>
												<label for="female">女</label>
											</div>
										</div>
									</div>
									<div class="form-group">
										<label for="birthday">{{ __('frontstaticword.BirthDay') }}</label>
										<input name="birthday" id="mobibirthday"
											value="{{ old('birthday') ? old('birthday') : $orders->birthday }}"
											class="form-control" placeholder="{{ __('frontstaticword.BirthDay') }}" >
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col-lg-6">
									<div class="form-group">
										{{-- 計算BMI 由後台帶資料 --}}
										<label for="BMI">{{ __('frontstaticword.BMI') }}</label><span class="pl-2 bmi-text"></span>
										<input type="number" id="BMI" class="form-control"
											placeholder="{{ __('frontstaticword.BMI') }}" @if(isset($bmi)) value="{{$bmi}}" @endif readonly>
									</div>
									<div class="form-group">
										<label for="fitness_level">{{ __('frontstaticword.Experience') }}</label>
										<select class="form-control" id="fitness_level" name="fitness_level">
											<option>{{ __('frontstaticword.Choose') }}</option>
											@foreach ($fitness_level as $key => $value)
												<option value="{{$key}}" @if($key == (old('fitness_level') ? old('fitness_level') : $orders->fitness_level))) selected @endif>{{$value}}</option>
											@endforeach
										</select>
									</div>

								</div>
								<div class="col-lg-6">
									<div class="form-group">
										<label for="Target">{{ __('frontstaticword.Target') }}</label>
										<select class="form-control" id="Target" name="fitness_target">
											<option>{{ __('frontstaticword.Choose') }}</option>
											@foreach ($target as $key => $value)
												<option value="{{$key}}" @if($key == (old('fitness_target') ? old('fitness_target') : $orders->fitness_target))) selected @endif>{{$value}}</option>
											@endforeach
										</select>
									</div>
									<div class="form-group">
										<label for="HowLong">{{ __('frontstaticword.HowLong') }}</label>
										<select class="form-control" id="HowLong" name="fitness_howlong">
											<option>{{ __('frontstaticword.Choose') }}</option>
											@foreach ($howLong as $key => $value)
												<option value="{{$key}}" @if($key == (old('fitness_howlong') ? old('fitness_howlong') : $orders->fitness_howlong))) selected @endif>{{$value}}</option>
											@endforeach
										</select>
									</div>
								</div>
							</div>

							{{-- 地址用 tw-city-selector 需要修改資料表中的儲存欄位 name class 要注意一下 --}}
							<div class="row city-selector-set">
								<div class="col-lg-4">
									<div class="form-group">
										<label for="county">{{ __('frontstaticword.Country') }}:</label>
										
										<select id="county" required class="form-control js-example-basic-single county"
											 data-value="{{ old('county') ? old('county') : $orders->county }}" >
											{{--
											<option value="none" selected disabled hidden>
												{{ __('frontstaticword.SelectanOption') }}
											</option>

											@foreach ($countries as $coun)
											<option value="{{ $coun->country_id }}" {{ $orders->country_id ==
												$coun->country_id ? 'selected' : ''}}>{{ $coun->nicename }}
											</option> 
											@endforeach
											--}}
										</select>
									</div>
								</div>
								<div class="col-lg-4">
									<div class="form-group">
										<label for="district">{{ __('frontstaticword.State') }}:</label>
										<select id="district" required class="form-control js-example-basic-single district"
											data-value="{{  old('district') ? old('district') : $orders->district }}" >
											{{--<option value="none" selected disabled hidden>
												{{ __('frontstaticword.SelectanOption') }}
											</option>
											@foreach ($states as $s)
											<option value="{{ $s->id}}" {{ $orders->state_id==$s->id ? 'selected' : '' }}>{{
												$s->name}}</option>
											@endforeach
											--}}
										</select>
									</div>
								</div>
								<div class="col-lg-4">
									<div class="form-group">
										<label for="pin_code">{{ __('frontstaticword.City') }}:</label>
										<input id="pin_code" name="pin_code" class="form-control zipcode" type="text" size="3" readonly
											placeholder="郵遞區號" value="{{ old('pin_code') ? old('pin_code') : $orders->pin_code }}">
											{{-- <select id="grand" class="form-control js-example-basic-single" name="city_id">
											<option value="none" selected disabled hidden>
												{{ __('frontstaticword.SelectanOption') }}
											</option>
											@foreach ($cities as $c)
											<option value="{{ $c->id }}" {{ $orders->city_id == $c->id ? 'selected' :
												''}}>{{ $c->name }}
											</option>
											@endforeach --}}
										</select>
									</div>
								</div>
								<div class="col">
									<label for="address">{{ __('frontstaticword.address') }}:</label>
									<input type="text" id="address" required class="form-control" name="address" value="{{ old('address') ? old('address') : $orders->address }}" >
								</div>
							</div>
							<br>
							<div class="row">
								<div class="col-lg-12">
									<div class="update-password">
										<label for="box1"><b>{{ __('frontstaticword.UpdatePassword') }}:</b></label>
										<input type="checkbox" name="update_pass" id="myCheck" onclick="myFunction()">
									</div>
								</div>
							</div>
							<div class="password display-none" id="update-password">
								<div class="row">
									<div class="col-lg-6">
										<div class="form-group">
											<label for="confirmpassword">{{ __('frontstaticword.Password') }}:</label>
											<input name="password" class="form-control" id="password" type="password"
												placeholder="{{ __('frontstaticword.EnterPassword') }}"
												{{--onkeyup='check();'--}} />
											</label>
										</div>
									</div>
									<div class="col-lg-6">
										<div class="form-group">
											<label>{{ __('frontstaticword.ConfirmPassword') }}:</label>
											<input type="password" name="confirm_password" id="confirm_password"
												class="form-control"
												placeholder="{{ __('frontstaticword.ConfirmPassword') }}"
												{{--onkeyup='check();'--}} />
											<span id='message'></span>
											</label>
										</div>
									</div>
								</div>
							</div>
							<br>
							<div class="row">
								<div class="col-12">
									<h4 class="font-weight-bold">社群綁定</h4>
								</div>
								<div class="col d-flex" style="gap: 20px; text-align: center;">
									@if (!Auth::User()->facebook_id)
										<a href="{{ url( '/bind/facebook' ) }}" title="綁定臉書" class="d-flex flex-column">
											<img src="{{ asset('images/login/login_logo-fb.svg') }}" alt="臉書登入" style="width: 50px;">
											<h5 style="margin: 0;">尚未綁定</h5>
										</a>
									@else
										<a href="{{ url( 'cancel/bind/facebook' ) }}" title="取消綁定臉書" class="d-flex flex-column cancel-binding" >
											<img src="{{ asset('images/login/login_logo-fb.svg') }}" alt="臉書登入" style="width: 50px;" title="已綁定">
											<h5 style="margin: 0;">已綁定</h5>
										</a>
									@endif
									
									@if (!Auth::User()->google_id)
										<a href="{{ url( '/bind/google' ) }}" title="綁定 google" class="d-flex flex-column">
											<img src="{{ asset('images/login/login_logo-google.svg') }}" alt="google 登入" style="width: 50px;">
											<h5 style="margin: 0;">尚未綁定</h5>
										</a>
									@else
										<a href="{{ url( 'cancel/bind/google' ) }}" title="取消綁定 google" class="d-flex flex-column cancel-binding" >
											<img src="{{ asset('images/login/login_logo-google.svg') }}" alt="google 登入" style="width: 50px;" title="已綁定">
											<h5 style="margin: 0;">已綁定</h5>
									</a>
									@endif
									
									@if (!Auth::User()->line_id)
										<a href="{{ url( '/bind/line' ) }}" title="綁定 line" class="d-flex flex-column">
											<img src="{{ asset('images/login/login_logo-line.svg') }}" alt="line 登入" style="width: 50px;">
											<h5 style="margin: 0;">尚未綁定</h5>
										</a>
									@else
										<a href="{{ url( 'cancel/bind/line' ) }}" title="取消綁定 line" class="d-flex flex-column cancel-binding" >
											<img src="{{ asset('images/login/login_logo-line.svg') }}" alt="line 登入" style="width: 50px;" title="已綁定">
											<h5 style="margin: 0;">已綁定</h5>
										</a>
									@endif
									
									@if (!Auth::User()->op_id)
										<a href="{{ url( '/bind/op' ) }}" title="綁定 OP" class="d-flex flex-column">
											<img src="{{ asset('images/login/logo_open-point.svg') }}" alt="OP 登入" style="width: 50px;">
											<h5 style="margin: 0;">尚未綁定</h5>
										</a>
									@else
										<a href="{{ url( 'cancel/bind/op' ) }}" title="取消綁定 OP" class="d-flex flex-column cancel-binding" >
											<img src="{{ asset('images/login/logo_open-point.svg') }}" alt="OP 登入" style="width: 50px;" title="已綁定">
											<h5 style="margin: 0;">{{ Auth::User()->op_id }}</h5>
										</a>
									@endif
									
								</div>
							</div>

							<br>
							@php
								$CardDetail  = Auth::User()->getUserBindCardDetail();
							@endphp
							@if ( Auth::User()->icashpay_token || !empty($CardDetail))
								<h4 class="font-weight-bold">解除支付綁定</h4>
								<div class="row">
									@if (Auth::User()->icashpay_token)
										<div class="col-sm-3">
											<a href="{{ url('/icashpay_cancel_binding') }}" onclick="return confirm('是否確定要解綁此支付方式')" class="text-white">I Cash Pay 解綁</a>
										</div>
									@endif
									@if (!empty($CardDetail))
										<div class="col-sm-3">
											<a href="{{ url('/cathaybk_cancel_binding') }}" onclick="return confirm('是否確定要解綁此支付方式')" class="text-white">信用卡解綁<br>{{ card_mask( $CardDetail['maskedPan'] ) }}</a>
										</div>
									@endif
								</div>
							@endif

						</div>
						
						<div class="social-profile-block">
							<div class="social-profile-heading">{{ __('frontstaticword.SocialProfile') }}</div>
							<div class="row">
								<div class="col-lg-6">
									<div class="social-block">
										<div class="form-group">
											<label for="facebook">{{ __('frontstaticword.FacebookUrl') }}</label><br>
											<div class="row">
												<div class="col-lg-2 col-2">
													<div class="profile-update-icon">
														<div class="product-update-social-icons"><a
																href="{{ $orders->fb_url }}" target="_blank"
																title="facebook"><i class="fa fa-facebook facebook"></i></a>
														</div>
													</div>
												</div>
												<div class="col-lg-10 col-10">
													<input type="text" name="fb_url" value="{{ $orders->fb_url }}"
														id="facebook" class="form-control" placeholder="Facebook.com/">
												</div>
											</div>
										</div>
									</div>
									<div class="social-block">
										<div class="form-group">
											<label for="behance2">{{ __('frontstaticword.YoutubeUrl') }}</label><br>
											<div class="row">
												<div class="col-lg-2 col-2">
													<div class="profile-update-icon">
														<div class="product-update-social-icons"><a
																href="{{ $orders->youtube_url }}" target="_blank"
																title="googleplus"><i
																	class="fab fa-youtube youtube"></i></a>
														</div>
													</div>
												</div>
												<div class="col-lg-10 col-10">
													<input type="text" name="youtube_url" value="{{ $orders->youtube_url }}"
														id="behance2" class="form-control" placeholder="youtube.com/">
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="col-lg-6">
									<div class="social-block">
										<div class="form-group">
											<label for="twitter">{{ __('frontstaticword.TwitterUrl') }}</label><br>
											<div class="row">
												<div class="col-lg-2 col-2">
													<div class="profile-update-icon">
														<div class="product-update-social-icons"><a
																href="{{ $orders->twitter_url }}" target="_blank"
																title="twitter"><i class="fab fa-twitter twitter"></i></a>
														</div>
													</div>
												</div>
												<div class="col-lg-10 col-10">
													<input type="text" name="twitter_url" value="{{ $orders->twitter_url }}"
														id="twitter" class="form-control" placeholder="Twitter.com/">
												</div>
											</div>
										</div>
									</div>
									<div class="social-block">
										<div class="form-group">
											<label for="dribbble2">{{ __('frontstaticword.LinkedInUrl') }}</label><br>
											<div class="row">
												<div class="col-lg-2 col-2">
													<div class="profile-update-icon">
														<div class="product-update-social-icons"><a
																href="{{ $orders->linkedin_url }}" target="_blank"
																title="linkedin"><i
																	class="fab fa-linkedin-in linkedin"></i></a>
														</div>
													</div>
												</div>
												<div class="col-lg-10 col-10">
													<input type="text" name="linkedin_url"
														value="{{ $orders->linkedin_url }}" id="dribbble2"
														class="form-control" placeholder="Linkedin.com/">
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="upload-items px-5 pt-5">
							<button type="submit" class="btn btn-secondary m-auto d-block" title="upload items">{{
								__('frontstaticword.UpdateProfile') }}</button>
						</div>
					
				</div>
			</div>
			
		</form>
	</div>
	
</section>
<!-- profile update end -->
@endsection

@include( 'auth.firebase_otp' )

@section('custom-script')

<script>
	$.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    function sendOTP() {
        var phone = $("#mobile").val();
        let pattern1= /09[\d]{8}/;
        if( pattern1.test( phone ) ){

			fetch('{{ route('otp_check').'/' }}' + phone )
            .then( (response) => { return response.json() } )
            .then( (data) => {
                if( data.send ){
					$('.verify_area').slideDown();
					mobile = phone.substring( 1 );
					mobile = '+886' + mobile;
                    firebase.auth().signInWithPhoneNumber(mobile, window.recaptchaVerifier).then(function (confirmationResult) {
                        window.confirmationResult = confirmationResult;
                        coderesult = confirmationResult;
						$("#sendotp").text("驗證碼已寄出").prop('disabled',true);
                		$('#mobile').prop('readonly',true);
                        const data = new FormData();
                        data.append( 'phone', phone );
                        data.append( '_token', '{{ csrf_token() }}' );
                           
                        fetch('{{ route('send_otp') }}', {
                            method:"POST",
                            credentials: "same-origin",
                            body: data
                        })
                        .then( (response) => { return response.json() } )
                        .then( (data) => {
                                
                        })
                        .catch(function(err) {                                
							// 錯誤處理
                            console.log(err);
                        });
                    }).catch(function (error) {
                        errorMsg = get_firebase_error_msg( error );
						$("#firebase_error").text(errorMsg);
						$("#firebase_error").show();
                    });
                }else{
                    errorHtml = '' + data.message + '';
                   	$('#errorMsgModal .modal-body').text(errorHtml);
					$('#errorMsgModal').modal('show');
                }
			})
            .catch(function(err) {
                // 錯誤處理
                console.log(err);
            });
        }else{
            $('#errorMsgModal .modal-body').text('手機號碼格式有誤');
			$('#errorMsgModal').modal('show');
        }
    }

    function verify() {
        var code = $("#verification").val();
        coderesult.confirm(code).then(function (result) {
            var user = result.user;
			$.ajax({
				url:'{{ URL::to('/') }}/profile/update/otp',
				type:'POST',
				dataType:'json',
				data:{
					mobile:$('#mobile').val()
				},
				success:function(resp){
					$('#errorMsgModal .modal-body').text( resp.msg );
					$('#errorMsgModal').modal('show');
					if( resp.status == true ){
						$('.verify_area').remove();
					}
				},
				error:function(XMLHttpRequest, textStatus, errorThrown){
					console.log(XMLHttpRequest.status);
					console.log(XMLHttpRequest.readyState);
					console.log(textStatus);
				}
			});
        }).catch(function (error) {
			console.log(error);
            errorMsg = get_firebase_error_msg( error );
			$('#errorMsgModal .modal-body').text( errorMsg );
			$('#errorMsgModal').modal('show');
        });
    }

(function($) {
  "use strict";

  $(function() {
    var urlLike = '{{ url('country/dropdown') }}';
    $('#country_id').change(function() {
      var up = $('#upload_id').empty();
      var cat_id = $(this).val();    
      if(cat_id){
        $.ajax({
          headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          type:"GET",
          url: urlLike,
          data: {catId: cat_id},
          success:function(data){   
            console.log(data);
            up.append('<option value="0">Please Choose</option>');
            $.each(data, function(id, title) {
              up.append($('<option>', {value:filter(id), text:filter(title)}));
            });
          },
          error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(XMLHttpRequest);
          }
        });
      }
    });
  });
})(jQuery);

</script>

<script>
	(function($) {
  "use strict";
  $(function() {
    var urlLike = '{{ url('country/gcity') }}';
    $('#upload_id').change(function() {
      var up = $('#grand').empty();
      var cat_id = $(this).val();
      if(cat_id){
        $.ajax({
          headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          type:"GET",
          url: urlLike,
          data: {catId: cat_id},
          success:function(data){   
            console.log(data);
            up.append('<option value="0">Please Choose</option>');
            $.each(data, function(id, title) {
              up.append($('<option>', {value:filter(id), text:filter(title)}));
            });
          },
          error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(XMLHttpRequest);
          }
        });
      }
    });
  });
  })(jQuery);

</script>

<script>
	(function($) {
  "use strict";
	function readURL(input) {
	if (input.files && input.files[0]) {
	    var reader = new FileReader();
	    reader.onload = function(e) {
	        $('#imagePreview').css('background-image', 'url('+e.target.result +')');
	        $('#imagePreview').hide();
	        $('#imagePreview').fadeIn(650);
	    }
	    reader.readAsDataURL(input.files[0]);
		}
	}
	$("#imageUpload").change(function() {
	    readURL(this);
	});
})(jQuery);
</script>

<script>
	function myFunction() {
    var checkBox = document.getElementById("myCheck");
    var text = document.getElementById("update-password");
    if (checkBox.checked == true){
      text.style.display = "block";
    } else {
       text.style.display = "none";
    }
  }
</script>

<script>
	(function($) {
  "use strict";
	$('#password, #confirm_password').on('keyup', function () {
	  if ($('#password').val() == $('#confirm_password').val()) {
	    $('#message').html('密碼相符合').css('color', 'green');
	  } else 
	    $('#message').html('密碼不相同').css('color', 'red');
	});
})(jQuery);

</script>

<script>
	(function($) {
  "use strict";
	tinymce.init({selector:'textarea#detail'});
})(jQuery);
</script>

{{-- tw-city-selector --}}
<script src="{{ asset('js/tw-city-selector.min.js')}}"></script>
<script>
	new TwCitySelector({
		el: '.city-selector-set',
		elCounty: '.county', // 在 el 裡查找 element
		elDistrict: '.district', // 在 el 裡查找 element
		elZipcode: '.zipcode' // 在 el 裡查找 element
	});
</script>

{{-- date range picker --}}
<script>
$('input[name="birthday"]').daterangepicker({
    "singleDatePicker": true,
    "showDropdowns": true,
    "showCustomRangeLabel": false,
	// autoUpdateInput: false,
	locale: {
		format: 'Y-MM-DD',
        cancelLabel: '取消',
		applyLabel: '確定',
		daysOfWeek: [
            "日",
            "一",
            "二",
            "三",
            "四",
            "五",
            "六"
        ],
		monthNames: [
            "一月",
            "二月",
            "三月",
            "四月",
            "五月",
            "六月",
            "七月",
            "八月",
            "九月",
            "十月",
            "十一月",
            "十二月"
        ],
    }
}, function(start, end, label) {
//   console.log('New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')');
});



document.addEventListener("DOMContentLoaded", function(){
  	// BMI
	var bmi = document.querySelector('#BMI').value
	var bmiText = document.querySelector('.bmi-text')

	if ( bmi == null){
		bmiText.textContent = ''
	}else if (bmi < 18.5) {
		bmiText.textContent = '過輕'
	}else if(bmi >= 18.5 && bmi < 24){
		bmiText.textContent = '正常'
	}else if(bmi >= 24 && bmi < 27){
		bmiText.textContent = '過重'
	}else{
		bmiText.textContent = '肥胖'
	}




});


</script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"
	integrity="sha512-T/tUfKSV1bihCnd+MxKD0Hm1uBBroVYBOYSk1knyvQ9VyZJpc/ALb4P0r6ubwVPSGB2GvjeoMAJJImBG12TiaQ=="
	crossorigin="anonymous" referrerpolicy="no-referrer"></script>

{{-- 剪裁圖片 --}}
<script src="{{ url('js/croppie.min.js')}}"></script>
<script>
	$('.my-image').croppie();
</script>

{{-- 驗證信 --}}
<script>
function sendVerifyEmail() {
	const emailInput = document.querySelector('#email')
	if ( !emailInput.checkValidity() ) {
		emailInput.reportValidity()
	}else{
		window.location.href="{{ url('send_verify_email') }}?email=" + emailInput.value;
	}
}

$('.cancel-binding').click(function(){
	return confirm('確定取消綁定?');
});
</script>


@endsection