<?php include 'header.php'; ?>
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2 align-center">
            <div class="col-sm-6">
                <h1 class="my-3 h1">Settings</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                    <li class="breadcrumb-item active">Settings</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<hr class="mb-3">
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
    <div class="container-fluid1">
        <?php if ($_SESSION['tm_is_neo_verified'] == 0) { ?>            
			<div class="card mb-5">
				<div class="card-body display-flex">
				  <!-- Grid column -->
				  <div class="settings-icon">
					<i class="fas fa-credit-card color-theme fa-2x"></i>
				  </div>
				  <!-- Grid column -->

				  <!-- Grid column -->
				  <div class="settings-content width-100">
					<h4 class="font-weight-bold">Verify NEO Digital Wallet</h4>
					<form class="form-horizontal">	
							<div class="md-form input-group mb-3">
							<div class="row width-100">
								<div class="col-sm-2">
								  <div class="input-group-prepend">
									<span class="input-group-text md-addon" id="inputGroupMaterial-sizing-default">NEO digital wallet</span>
								  </div>
							  </div>
							  <div class="col-sm-10">								  
								<input type="text" class="form-control" id="neo-address" autocomplete="off" value="<?php echo $_SESSION['tm_neo']; ?>" placeholder="NEO digital wallet" aria-label="Sizing example input" aria-describedby="inputGroupMaterial-sizing-default">
							  </div>
							</div>
							</div>
							<div class="form-group row">
								<div class="offset-sm-2 col-sm-2">
									<button type="button" id="btn-neo-verify" class="btn btn-success waves-effect waves-light">Verify NEO</button>
								</div>
								<div class="col-sm-8">
									<a href="https://neotracker.io/wallet" class="btn btn-success waves-effect waves-light" target="_blank">Create Wallet</a>
								</div>
							</div>
						</form>    
				  </div>
				  <!-- Grid column -->

				</div>
			</div>
        <?php } ?>
		
		<div class="card mb-5">
			<div class="card-body display-flex">
			  <!-- Grid column -->
			  <div class="settings-icon">
				<i class="fas fa-credit-card color-theme fa-2x"></i>
			  </div>
			  <!-- Grid column -->

			  <!-- Grid column -->
			  <div class="settings-content width-100">
				<h4 class="font-weight-bold">NEO3 Digital Wallet</h4>
					<form class="form-horizontal">	
						<div class="md-form input-group mb-3">
							<div class="row width-100">
								<div class="col-sm-2">
									<div class="input-group-prepend">
										<span class="input-group-text md-addon" id="inputGroupMaterial-sizing-default">NEO3 digital wallet</span>
									</div>
								</div>
								<div class="col-sm-10">								  
									<input type="text" class="form-control" id="neo3_address" autocomplete="off" value="<?php echo $_SESSION['tm_neo3']; ?>" placeholder="NEO3 digital wallet" aria-label="Sizing example input" aria-describedby="inputGroupMaterial-sizing-default">
								</div>
							</div>
						</div>
						<div class="form-group row">
							<div class="offset-sm-2 col-sm-2">
								<button type="button" id="btn_save_neo3" class="btn btn-success waves-effect waves-light">Save</button>
							</div>								
						</div>
					</form>    
			  </div>
			  <!-- Grid column -->

			</div>
		</div>

        <?php if ($_SESSION['tm_is_email_verified'] == 0) { ?>           
			<div class="card mb-5">
				<div class="card-body display-flex">
				  <!-- Grid column -->
				  <div class="settings-icon">
					<i class="fas fa-envelope color-theme fa-2x"></i>
				  </div>
				  <!-- Grid column -->

				  <!-- Grid column -->
				  <div class="settings-content width-100">
					<h4 class="font-weight-bold">Verify Email Address</h4>
					<form class="form-horizontal">	
							<div class="md-form input-group mb-3">
							<div class="row width-100">
								<div class="col-sm-2">
								  <div class="input-group-prepend">
									<span class="input-group-text md-addon" id="inputGroupMaterial-sizing-default">Email Address</span>
								  </div>
							  </div>
							  <div class="col-sm-10">								  
								<input type="text" class="form-control" readonly style="cursor: not-allowed;" id="email-address"  autocomplete="off"  value="<?php echo $_SESSION['tm_email']; ?>" placeholder="Email Address" aria-label="Sizing example input" aria-describedby="inputGroupMaterial-sizing-default">
							  </div>
							</div>
							</div>
							<div class="form-group row">
								<div class="offset-sm-2 col-sm-10">
									<button type="button" id="btn-email-verify" class="btn btn-success waves-effect waves-light">Verify Email</button>
								</div>
							</div>
						</form>    
				  </div>
				  <!-- Grid column -->
				</div>
			</div>
        <?php } ?>
		<div class="card mb-5">
				<div class="card-body display-flex">
				  <!-- Grid column -->
				  <div class="settings-icon">
					<i class="fas fa-user color-theme fa-2x"></i>
				  </div>
				  <!-- Grid column -->

				  <!-- Grid column -->
				  <div class="settings-content width-100">
					<h4 class="font-weight-bold">User Profile</h4>				 
						<form class="form-horizontal">                        
							<div class="md-form input-group mb-3">
								<div class="row width-100">
									<div class="col-sm-2">
									  <div class="input-group-prepend">
										<span class="input-group-text md-addon" id="inputGroupMaterial-sizing-default">Name</span>
									  </div>
									</div>
									<div class="col-sm-10">
										<input type="text" class="form-control" id="name"  autocomplete="off"  value="<?php echo $_SESSION['tm_name']; ?>" placeholder="Name" aria-label="Sizing example input" aria-describedby="inputGroupMaterial-sizing-default">
									</div>
								</div>
							</div>							
							<div class="md-form input-group mb-3">
								<div class="row width-100">
									<div class="col-sm-2">
									  <div class="input-group-prepend">
										<span class="input-group-text md-addon" id="inputGroupMaterial-sizing-default">Email Address</span>
									  </div>
								  </div>
								  <div class="col-sm-10">								  
									<input type="text" class="form-control" readonly style="cursor: not-allowed;"  id="email-address" value="<?php echo $_SESSION['tm_email']; ?>" placeholder="Email Address" aria-label="Sizing example input" aria-describedby="inputGroupMaterial-sizing-default">
								  </div>
								</div>
							</div>
							<?php if ($_SESSION['tm_is_neo_verified'] == 1) { ?>
								<div class="md-form input-group mb-3">
									<div class="row width-100">
										<div class="col-sm-2">
											<div class="input-group-prepend">
												<span class="input-group-text md-addon" id="inputGroupMaterial-sizing-default">NEO digital wallet</span>
											</div>
										</div>
										<div class="col-sm-10">
											<input type="text" class="form-control" autocomplete="off" id="neo-address1" value="<?php echo $_SESSION['tm_neo']; ?>" placeholder="NEO digital wallet" aria-label="Sizing example input" aria-describedby="inputGroupMaterial-sizing-default">
										</div>
									</div>
								</div>							
							<?php } else { ?>							
							<input type="hidden" id="neo-address1">
							<?php } ?>
							<div class="md-form input-group mb-3">
								<div class="row width-100">
									<div class="col-sm-2">
									  <div class="input-group-prepend">
										<span class="input-group-text md-addon" id="inputGroupMaterial-sizing-default">Language</span>
									  </div>
									</div>
										<div class="col-sm-10 language-div">
									<?php if ($_SESSION['tm_language_id'] == 0) { ?>
										<select  class="mdb-select md-form" searchable="Search here.." id="select-language1" >
											<?php include 'controllers/get_languages.php'; ?>
										</select>
									<?php } else { ?>
										<input type="hidden" class="form-control" id="lang-hidden" value="<?php echo $_SESSION['tm_language']; ?>" readonly placeholder="Language">
										<input type="text" class="form-control" value="<?php echo $_SESSION['tm_language_name']; ?>" readonly style="cursor: not-allowed;" placeholder="Language">
									<?php } ?>
									</div>
								</div>
							</div>	
							<div class="md-form input-group mb-3">
								<div class="row width-100">
									<div class="col-sm-2">
									  <div class="input-group-prepend">
										<span class="input-group-text md-addon" id="inputGroupMaterial-sizing-default">Cell Phone Number</span>
									  </div>
									</div>									
									<div class="col-sm-10 phone-div">
										<input type="text" class="form-control" id="phone" autocomplete="off" value="<?php echo $_SESSION['tm_phone']; ?>" placeholder="+1234567890" aria-label="Sizing example input" aria-describedby="inputGroupMaterial-sizing-default">
									</div>
								</div>
							</div>	
							<div class="md-form input-group mb-3">
								<div class="row width-100">
									<div class="col-sm-2">
									  <div class="input-group-prepend">
										<span class="input-group-text md-addon" id="inputGroupMaterial-sizing-default">Country</span>
									  </div>
									</div>
									<div class="col-sm-10 country-div">
										<select class="mdb-select md-form" searchable="Search here.." id="country">
											<?php include 'controllers/get_countries.php'; ?>
										</select>
									</div>
								</div>
							</div>	
							<div class="form-group row">
								<div class="offset-sm-2 col-sm-10">
									<button type="button" id="btn-saveN" class="btn btn-success waves-effect waves-light">Save</button>
								</div>
							</div>
						</form> 						
				  </div>
				  <!-- Grid column -->

				</div>
			</div>
			<div class="card mb-5">
				<div class="card-body display-flex">
				  <!-- Grid column -->
				  <div class="settings-icon">
					<i class="fas fa-lock  color-theme fa-2x"></i>
				  </div>
				  <!-- Grid column -->

				  <!-- Grid column -->
				  <div class="settings-content width-100">
					<h4 class="font-weight-bold">Change Password</h4>
					<form class="form-horizontal">	
							<div class="md-form input-group mb-3">
								<div class="row width-100">
									<div class="col-sm-2">
									  <div class="input-group-prepend">
										<span class="input-group-text md-addon" id="inputGroupMaterial-sizing-default">Password</span>
									  </div>
									</div>
									<div class="col-sm-10">
										<input type="password" class="form-control" id="password" autocomplete="off" placeholder="Password" aria-label="Sizing example input" aria-describedby="inputGroupMaterial-sizing-default">
									</div>
								</div>
							</div>	
							<div class="md-form input-group mb-3">
								<div class="row width-100">
									<div class="col-sm-2">
										<div class="input-group-prepend">
											<span class="input-group-text md-addon" id="inputGroupMaterial-sizing-default">Re Password</span>
										</div>
									</div>
									<div class="col-sm-10">
										<input type="password" class="form-control" id="re-password" autocomplete="off" placeholder="Retype Password" aria-label="Sizing example input" aria-describedby="inputGroupMaterial-sizing-default">
									</div>
								</div>
							</div>
							<div class="form-group row">
								<div class="offset-sm-2 col-sm-10">
									<button type="button" id="btn-save-password" class="btn btn-success waves-effect waves-light">Save</button>
								</div>
							</div>
						</form>    
				  </div>
				  <!-- Grid column -->

				</div>
			</div>
       
    </div><!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<?php include 'footer.php'; ?>
<script>

    $("#btn-email-verify").click(function () {
		$(this).html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
		$.ajax({url: 'controllers/send_verification_email.php',
			data: {
			},
			type: 'post',
			dataType: 'JSON',
			context: this,
			success: function (output) {
				if (output.status == 200) {
					toastr.success(output.message);
				} else {
					toastr.error(output.message);
				}
				$(this).html('Verify Email').attr('disabled', false);
			}
		});
    });
	
    $("#btn-neo-verify").click(function () {
        var isValidation = true;
        var neo = $("#neo-address").val().trim();
        var message = 'Please fill the details.';        
		var character = neo.charAt(0);
		if (character != neo.toUpperCase() && character != 'A') {
			isValidation = false;
			message = 'Invalid format for NEO Digital Wallet';
		} 
		if (neo.length != 34 ){
			isValidation = false;
			message = 'Invalid format for NEO Digital Wallet';
		}
		if (neo.indexOf(' ') >= 0){
			isValidation = false;
			message = 'Invalid format for NEO Digital Wallet';
		}		
		if (neo == '') {
            isValidation = false;
			message = 'Invalid format for NEO Digital Wallet';
        }
        if (isValidation) {
            $(this).html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
            $.ajax({url: 'controllers/verify_neo.php',
                data: {
                    neo_address: neo,
                },
                type: 'post',
                dataType: 'JSON',
                context: this,
                success: function (output) {
                    if (output.status == 200) {
                        toastr.success(output.message);
                        setTimeout(function () {
                            location.reload();
                        }, 1500);
                    } else {
                        toastr.error(output.message);
                    }
                }
            });
			$(this).html('Verify NEO').attr('disabled', false);
        }
        else {
            toastr.error(message);
        }

    });
	
	$("#btn-save-password").click(function () {
		var isPasswordValidation = true;
		var password = $("#password").val().trim();
        var password1 = $("#re-password").val().trim();
		if (password != "" || password1 != "") {
            if (password != password1) {
                isPasswordValidation = false;
                message = "Passwords do not match";
            }
        }
		if (password == "" || password1 == "") {
			isPasswordValidation = false;
            message = "Please enter Password";
		}
		if (isPasswordValidation) {
			$(this).html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
			$.ajax({url: 'controllers/save_password.php',
				data: {
					password: password
				},
				type: 'post',
				dataType: 'JSON',
				context: this,
				success: function (output) {
					if (output.status == 200) {
						toastr.success(output.message);
						$("#password").val('');
						$("#re-password").val('');
					} else {
						toastr.error(output.message);
					}
					$(this).html('Save').attr('disabled', false);
				}
			});
		} else {
            toastr.error(message);
        }
    });
	$('body').on('click', '#btn-saveN', function() {
        var isValidation = true;
        var name = $("#name").val();
		var phone = $("#phone").val();       
		var country = $("#country").val();
		var neo = $("#neo-address1").val();
        var message = 'Please fill the details.';  
		if($("#neo-address1").val() != '') {
			var character = neo.charAt(0);
			if (character != neo.toUpperCase() && character != 'A') {
				isValidation = false;
				message = 'Invalid format for NEO Digital Wallet';
			} 
			if (neo.length != 34 ){
				isValidation = false;
				message = 'Invalid format for NEO Digital Wallet';
			}
			if (neo.indexOf(' ') >= 0){
				isValidation = false;
				message = 'Invalid format for NEO Digital Wallet';
			}		
			if (neo == '') {
				isValidation = false;
				message = 'Invalid format for NEO Digital Wallet';
			}
		}
		
        var language = 0;

        if ($('#select-language1').length == 1 && $('#select-language1').val() == '') {
            isValidation = false;
            message = "Please select language.";
        } else if ($('#select-language1').length == 1 && $('#select-language1').val() != '') {
            language = $('#select-language1').val();       
        }

        
		/*if (phone != "") {
			if (!isPhone(phone)) {
				isValidation = false;
				message = "Please enter a valid phone.";
			}
		}*/
        if (isValidation) {
            $("#btn-saveN").html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
            $.ajax({url: 'controllers/save_settings.php',
                data: {
                    name: name,
					neo: neo,
					phone: phone,
					country_id: country
                },
                type: 'post',
                dataType: 'JSON',
                success: function (output) {
                    toastr.success(output.message);
                    
                }
            });
			$("#btn-saveN").html('Save').attr('disabled', false);
        }
        else {
            toastr.error(message);
        }

    });
	function isPhone(phone) {
		var filter = /^([+[0-9]{1,5})?([7-9][0-9]{9})$/;
		if (filter.test(phone)) {
			return true;
		}
		else {
			return false;
		}
	}
	
	$("#btn_save_neo3").click(function () {
        var isValidation = true;
        var neo3 = $("#neo3_address").val().trim();
        var message = 'Please fill the details.'; 
		if (neo3 == '') {
            isValidation = false;
			message = 'Please fill NEO3 Digital Wallet Address';
        }
        if (isValidation) {
            $(this).html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
            $.ajax({url: 'controllers/save_neo3.php',
                data: {
                    neo3_address: neo3,
                },
                type: 'post',
                dataType: 'JSON',
                context: this,
                success: function (output) {
                    if (output.status == 200) {
                        toastr.success(output.message);
                        setTimeout(function () {
                            location.reload();
                        }, 1500);
                    } else {
                        toastr.error(output.message);
                    }
                }
            });
			$(this).html('Save').attr('disabled', false);
        }
        else {
            toastr.error(message);
        }
    });
	
</script>