<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title></title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />

    <link rel="stylesheet" type="text/css" th:href="@{/vendor/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/fonts/font-awesome-4.7.0/css/font-awesome.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/fonts/iconic/css/material-design-iconic-font.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/util.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
</head>

<body>

<div class="limiter">
    <div class="container-login100" th:style="'background-image:url(/images/bg.jpg);'">
        <div class="wrap-login100 p-l-40 p-r-40 p-t-30 p-b-25">
            <form th:action="@{/page/thirdParty/bind}" method="post" class="login100-form validate-form">

                <div id="login-logo" style="text-align: center;">
                    <img  style="width: 80px; border-radius: 50%;" th:src="${headImg}" >
                </div>

                <span class="login100-form-title p-b-30" th:text="${thirdPartyName}"></span>
                <input id="thirdPartyName" name="thirdPartyName" type="hidden" th:value="${thirdPartyName}">
                <input id="thirdPartyId" name="thirdPartyId" type="hidden" th:value="${thirdPartyId}">
                <input id="from" name="from" type="hidden" th:value="${from}">
                <input id="headImgUrl" name="headImgUrl" type="hidden" th:value="${headImg}">
                <input id="openid" name="openid" type="hidden" th:value="${openid}">
                <input id="unionid" name="unionid" type="hidden" th:value="${unionid}">
                <div class="wrap-input100 validate-input m-b-23" data-validate="请输入用户名">
                    <span class="label-input100">邮箱</span>
                    <input id="email" class="input100" type="text" name="email" placeholder="请输入用户名" required="邮箱账号不可为空">
                    <span class="focus-input100" data-symbol="&#xf206;"></span>
                </div>

                <div class="wrap-input100 validate-input" data-validate="请输入密码">
                    <span class="label-input100">密码</span>
                    <input id="password" class="input100" type="password" name="password" placeholder="请输入密码" required="密码不可为空">
                    <span class="focus-input100" data-symbol="&#xf190;"></span>
                </div>

                <div class="text-center p-t-6 p-b-20">
                    <span style="color: red" th:text="${result==null}?'&nbsp;':${result.msg}"></span>
                </div>
                <div class="container-login100-form-btn">
                    <div class="wrap-login100-form-btn">
                        <div class="login100-form-bgbtn"></div>
                        <button class="login100-form-btn">绑 定</button>
                    </div>
                </div>


                <div class="flex-col-c p-t-10">
                    <a href="/page/register" class="txt2">立即注册</a>
                </div>
            </form>
        </div>
    </div>
</div>

<script th:src="@{/vendor/jquery/jquery-3.2.1.min.js}"></script>
<script th:src="@{/js/main.js}"></script>
<script th:src="@{/js/common.js}"></script>
</body>

</html>