{{template "base/head" .}}
<div class="user signin">
	{{template "user/auth/signin_navbar" .}}
	<div class="ui container">
		<div class="ui raised very padded text container segment">
			<style>
      .full.height{background-color: #F9F9F9;}
      .ui.left:not(.action){ float:none;}
      .ui.left{ float:none;}
      .ui.secondary.pointing.menu{ border-bottom:none;}
      </style>
		{{template "base/alert" .}}
		<div class="ui negative message" style="display:none;">
			<p></p>
		</div>
		<div class="ui centered grid">
			<div class="sixteen wide mobile ten wide tablet ten wide computer column">
				<div class="ui bottom aligned two column grid">
          <div class="column">
						<h2 class="ui header">
							{{if .LinkAccountMode}}
								{{.i18n.Tr "auth.oauth_signin_title"}}
							{{else}}
								{{.i18n.Tr "auth.login_userpass"}}
							{{end}}
						</h2>						
					</div>
					{{if .ShowRegistrationButton}}
            <div class="ui right floated column">
						<a href="{{AppSubUrl}}/user/sign_up">{{.i18n.Tr "auth.sign_up_now" | Str2html}}</a>
					</div>
				{{end}}
				</div>
				<div class="ui grid">
          <div class="column">
						<form class="ui form" action="/user/login/phone" method="post">
						{{.CsrfTokenHtml}}

		        {{if .EnablePhone }}
              <div class="use-type" usetype="1" autofocus="true">
                {{template "user/auth/phone_verify" .}}
              </div>
						{{end}}

						<div class="two fields inline">
							<div class="field">
								<div class="ui checkbox">
									<label>{{.i18n.Tr "auth.remember_me"}}</label>
									<input name="remember" type="checkbox">
								</div>
							</div>
							<div class="field" style="padding-right: 0; text-align: right;">
								<a href="{{AppSubUrl}}/user/forgot_password?type=phone">{{.i18n.Tr "auth.forgot_password"}}</a>
							</div>
						</div>

						<div class="ui hidden divider"></div>

						<div class="center aligned field">
							<button class="fluid large ui blue button">
								{{.i18n.Tr "sign_in"}}
							</button>
						</div>
						</form>
					</div>
				</div>
			</div>
		</div>

		</div>
	</div>
</div>
{{template "base/footer" .}}