<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- Bootstrap core CSS -->
    <link href="{{ url_for('static',filename='css/bootstrap.min.css') }}" rel="stylesheet">


    <!-- Custom styles for this template -->
    <link href="{{ url_for('static',filename='css/dashboard.css') }}" rel="stylesheet">

</head>
<body>
<div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column">
			<form id="formSubmit" class="form-horizontal" role="form" method="post">
				<div class="form-group">
					 <label for="inputEmail3" class="col-sm-2 control-label">用户名</label>
					<div class="col-sm-10">
						<input type="text" class="form-control" id="inputEmail3" name="user"/>
					</div>
				</div>
				<div class="form-group">
					 <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
					<div class="col-sm-10">
						<input type="password" class="form-control" id="inputPassword3"  name="pwd"/>
					</div>
				</div>
				<div class="form-group">

				</div>
				<div class="form-group">
					<div class="col-sm-offset-2 col-sm-10">
						 <button type="submit" class="btn btn-default">登录</button>
					</div>
				</div>
			</form>
			<div class="col-sm-offset-2 col-sm-10">
						<div class="checkbox">
							 <button id="change" type="button" class="btn btn-default">其他登录方式</button>
						</div>
					</div>
		</div>
	</div>
</div>
</body>
    <script src="{{ url_for('static',filename='js/jquery.min.js') }}"></script>
    <script>window.jQuery || document.write('<script src="static/js/jquery.min.js"><\/script>')</script>
    <script src="{{ url_for('static',filename='js/bootstrap.min.js') }}"></script>
	<script>
		var sts = 0;
		$("#change").click(function (){
			if (sts == 1){
				$("#formSubmit").html("<div class=\"form-group\">\n" +
						"\t\t\t\t\t <label for=\"inputEmail3\" class=\"col-sm-2 control-label\">用户名</label>\n" +
						"\t\t\t\t\t<div class=\"col-sm-10\">\n" +
						"\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"inputEmail3\" name=\"user\"/>\n" +
						"\t\t\t\t\t</div>\n" +
						"\t\t\t\t</div>\n" +
						"\t\t\t\t<div class=\"form-group\">\n" +
						"\t\t\t\t\t <label for=\"inputPassword3\" class=\"col-sm-2 control-label\">密码</label>\n" +
						"\t\t\t\t\t<div class=\"col-sm-10\">\n" +
						"\t\t\t\t\t\t<input type=\"password\" class=\"form-control\" id=\"inputPassword3\" name=\"pwd\"/>\n" +
						"\t\t\t\t\t</div>\n" +
						"\t\t\t\t</div>\n" +

						"\t\t\t\t<div class=\"form-group\">\n" +
						"\t\t\t\t\t<div class=\"col-sm-offset-2 col-sm-10\">\n" +
						"\t\t\t\t\t\t <button type=\"submit\" class=\"btn btn-default\">登录</button>\n" +
						"\t\t\t\t\t</div>\n" +
						"\t\t\t\t</div>")
				sts = 0
			}
			else{
				$("#formSubmit").html("<div class=\"form-group\">\n" +
						"\t\t\t\t\t <label for=\"inputEmail3\" class=\"col-sm-2 control-label\">用户名</label>\n" +
						"\t\t\t\t\t<div class=\"col-sm-10\">\n" +
						"\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"inputEmail3\" name=\"user\"/>\n" +
						"\t\t\t\t\t</div>\n" +
						"\t\t\t\t</div>\n" +
						"\t\t\t\t<div class=\"form-group\">\n" +
						"\t\t\t\t\t <label for=\"inputPassword3\" class=\"col-sm-2 control-label\">cookie</label>\n" +
						"\t\t\t\t\t<div class=\"col-sm-10\">\n" +
						"\t\t\t\t\t\t<input type=\"password\" class=\"form-control\" id=\"inputPassword3\" placeholder=\"7de7ce62-e02f-4f9e-bcec-03b9084e890d\" name=\"cookie\"/>\n" +
						"\t\t\t\t\t</div>\n" +
						"\t\t\t\t</div>\n" +

						"\t\t\t\t<div class=\"form-group\">\n" +
						"\t\t\t\t\t<div class=\"col-sm-offset-2 col-sm-10\">\n" +
						"\t\t\t\t\t\t <button type=\"submit\" class=\"btn btn-default\">登录</button>\n" +
						"\t\t\t\t\t</div>\n" +
						"\t\t\t\t</div>")
				sts = 1
			}

		})
	</script>
</html>