<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Pokebattler App Login</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<base href="/" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:bold|Roboto">
<link rel="stylesheet" type="text/css"
	href="/secure/webjars/bootstrap/css/bootstrap.min.css" />
<script type="text/javascript"
	src="/secure/webjars/jquery/jquery.min.js"></script>
<script type="text/javascript"
	src="/secure/webjars/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript"
	src="/secure/webjars/angularjs/angular.min.js"></script>
<style>
body {
    background-color: #fff;
    font-family: 'Roboto', serif;
    padding: 0px;
    margin: 0px
}
</style>
</head>
<body ng-app="app" ng-controller="login as login">
	<div style="padding: 0px;class="text-center">
		<div
			style="color: rgba(0, 0, 0, 0.87); background-color: rgb(0, 188, 212); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; box-sizing: border-box; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; border-radius: 0px; position: relative; z-index: 1100; width: 100%; display: flex; padding-left: 24px; padding-right: 24px;">
			<div style="margin-top: 8px; margin-right: 8px; flex:1">
				<img
					alt="Menu"
					src="https://static.pokebattler.com/images/pokebattler_light.png"
					style="height: 52px; margin-left: 6px;">
			</div>
		</div>
	</div>
	<div class="container">
		<div class="container">

			<div class="row text-center">
				<div class="col-xs-12">
					<h1 style="font-size:32px;"}>App Login</h1>
				</div>
				<div class="col-xs-12">
					<p>Log in to give permission to modify your Trainer, Pokebox and Battle Parties</p>
				</div>
			</div>
			<div class="row">
				<div class="col-xs-12 "
					style="display: flex; flex-direction: column; place-content: space-around center; align-items: center; height: 300px;">
					<div
						style="flex: 1 1 0%; margin: auto; display: flex; justify-content: center; align-items: center;">
						<a ng-href="{{login.google}}"
							><div
								style="color: rgba(0, 0, 0, 0.87); background-color: rgb(255, 255, 255); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; box-sizing: border-box; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; border-radius: 2px; display: inline-block; min-width: 88px; margin: 12px; width:240px;">
								<button tabindex="0" type="button"
									style="border: 10px; box-sizing: border-box; display: inline-block; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 0px; outline: none; font-size: inherit; font-weight: inherit; position: relative; height: 36px; line-height: 36px; width: 100%; border-radius: 2px; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; background-color: rgb(0, 188, 212); text-align: center;">
									<div>
										<div
											style="height: 36px; border-radius: 2px; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; top: 0px;">
											<svg class="svg-inline--fa fa-google fa-w-16" color="#ffffff"
												style="color: rgb(255, 255, 255); position: relative; font-size: 24px; display: inline-block; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; vertical-align: middle; margin-left: 12px; margin-right: 0px; top: -3px; width: 20px; height: 20px; fill: rgb(255, 255, 255);"
												aria-hidden="true" data-prefix="fab" data-icon="google"
												role="img" xmlns="http://www.w3.org/2000/svg"
												viewBox="0 0 488 512" data-fa-i2svg="">
												<path fill="currentColor"
													d="M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z"></path></svg>
											<!-- <span class="fa fa-google" color="#ffffff" style="color: rgb(255, 255, 255); position: relative; font-size: 24px; display: inline-block; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; vertical-align: middle; margin-left: 12px; margin-right: 0px; top: -3px; width: 20px; height: 20px; fill: rgb(255, 255, 255);"></span> -->
											<span
												style="position: relative; opacity: 1; font-size: 14px; letter-spacing: 0px; text-transform: uppercase; font-weight: 500; margin: 0px; user-select: none; padding-left: 8px; padding-right: 16px; color: rgb(255, 255, 255); top: 1px;">Google Login</span>
										</div>
									</div>
								</button>
							</div></a>
					</div>
					<div
						style="flex: 1 1 0%; margin: auto; display: flex; justify-content: center; align-items: center;">
						<a ng-href="{{login.facebook}}"
							><div
								style="color: rgba(0, 0, 0, 0.87); background-color: rgb(255, 255, 255); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; box-sizing: border-box; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; border-radius: 2px; display: inline-block; min-width: 88px; margin: 12px;width:240px;">
								<button tabindex="0" type="button"
									style="border: 10px; box-sizing: border-box; display: inline-block; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 0px; outline: none; font-size: inherit; font-weight: inherit; position: relative; height: 36px; line-height: 36px; width: 100%; border-radius: 2px; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; background-color: rgb(0, 188, 212); text-align: center;">
									<div>
										<div
											style="height: 36px; border-radius: 2px; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; top: 0px;">
											<svg class="svg-inline--fa fa-facebook fa-w-14"
												color="#ffffff"
												style="color: rgb(255, 255, 255); position: relative; font-size: 24px; display: inline-block; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; vertical-align: middle; margin-left: 12px; margin-right: 0px; top: -3px; width: 20px; height: 20px; fill: rgb(255, 255, 255);"
												aria-hidden="true" data-prefix="fab" data-icon="facebook"
												role="img" xmlns="http://www.w3.org/2000/svg"
												viewBox="0 0 448 512" data-fa-i2svg="">
												<path fill="currentColor"
													d="M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z"></path></svg>
											<!-- <span class="fa fa-facebook-official" color="#ffffff" style="color: rgb(255, 255, 255); position: relative; font-size: 24px; display: inline-block; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; vertical-align: middle; margin-left: 12px; margin-right: 0px; top: -3px; width: 20px; height: 20px; fill: rgb(255, 255, 255);"></span> -->
											<span
												style="position: relative; opacity: 1; font-size: 14px; letter-spacing: 0px; text-transform: uppercase; font-weight: 500; margin: 0px; user-select: none; padding-left: 8px; padding-right: 16px; color: rgb(255, 255, 255); top: 1px;">Facebook Login</span>
										</div>
									</div>
								</button>
							</div></a>
					</div>
					<div
						style="flex: 1 1 0%; margin: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; ">
						<div>
						<a ng-href="{{login.patreon}}"
								><div
									style="color: rgba(0, 0, 0, 0.87); background-color: rgb(255, 255, 255); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; box-sizing: border-box; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; border-radius: 2px; display: inline-block; min-width: 88px; margin: 12px; width:240px;">
									<button tabindex="0" type="button"
										style="border: 10px; box-sizing: border-box; display: inline-block; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 0px; outline: none; font-size: inherit; font-weight: inherit; position: relative; height: 36px; line-height: 36px; width: 100%; border-radius: 2px; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; background-color: rgb(0, 188, 212); text-align: center;">
										<div>
											<div
												style="height: 36px; border-radius: 2px; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; top: 0px;">
												<img src="//static.pokebattler.com/images/patreon.svg"
													alt="Patreon" color="#ffffff"
													style="vertical-align: middle; margin-left: 12px; margin-right: 0px; top: -3px; width: 20px; height: 20px; fill: rgb(255, 255, 255);"><span
													style="position: relative; opacity: 1; font-size: 14px; letter-spacing: 0px; text-transform: uppercase; font-weight: 500; margin: 0px; user-select: none; padding-left: 8px; padding-right: 16px; color: rgb(255, 255, 255); top: 1px;">Patreon Login</span>
											</div>
										</div>
									</button>
								</div></a>
						</div>
					</div>
					
				</div>
			</div>
			<div class="row" style="margin-top: 10px;">
				<div class="col-xs-12 col-md-offset-1 col-md-10">Pokebattler
					does not and can not log in to your Pokemon Go account. We do not
					connect to Niantic servers in any way. Pokebattler only uses this
					login to know who you are across all your devices. You can login on
					your phone or tablet or computer and see all the Pokemon that you
					have entered into our site. We do not share your information or use
					it for marketing purposes or any other way.</div>
				<div class="col-xs-12 col-md-offset-1 col-md-10"
					style="margin-top: 15px; margin-bottom: 10px;">
					<a href="/privacy">For more information, see our privacy policy</a>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		var url = new URL(window.location.href);
		var onsuccess = url.searchParams.get("onsuccess")
		if (onsuccess == null)
			onsuccess = '/secure/user'
		angular.module("app", []).controller("login", function($http) {
			var self = this;
			var redirect = encodeURIComponent(onsuccess)
			this.google = "/secure/login/google?onsuccess=" + redirect
			this.facebook = "/secure/login/facebook?onsuccess=" + redirect
			this.patreon = "/secure/login/patreon?onsuccess=" + redirect
		});
	</script>	
</body>
</html>