<!-- form/nc/nc-navigate/login/login-content/login-content.html -->
<nc-row>
	<nc-header model="hdr.login.login" size="medium">Log in</nc-header>
</nc-row>
<nc-row>
	<div class="panel panel-default">
		<!-- .panel-heading.panel-title
 -->
		<div class="panel-body">
			<nc-row>
				<div class="control-group">
					<div class="control-group">
						<nc-row width="1/1">
							<nc-label model="hdr.login.organization">Organization</nc-label>
						</nc-row>
					</div>
					<div class="control-group">
						<nc-row width="1/1">
							<nc-dropdown model="rec.organization_id"></nc-dropdown>
						</nc-row>
					</div>
					<div class="control-group">
						<nc-row width="1/1">
							<br />
						</nc-row>
					</div>
				</div>
				<div class="control-group">
					<nc-row width="1/1">
						<nc-label model="hdr.login.user_id">Account name</nc-label>
					</nc-row>
					<nc-row width="1/1">
						<nc-input model="rec.user_id" placeholder="Käyttäjätunnus" type="text"></nc-input>
					</nc-row>
				</div>
				<div class="control-group">
					<nc-row width="1/1">
						<nc-label model="hdr.login.password">Password</nc-label>
					</nc-row>
					<nc-row width="1/1">
						<nc-input model="rec.password" placeholder="Salasana" type="password"></nc-input>
					</nc-row>
				</div>
				<div class="control-group">
					<div class="control-group">
						<nc-row width="1/1">
							<br />
						</nc-row>
					</div>
					<nc-col width="6/12">
						<nc-href href="#">Do you need help for logging in?</nc-href>
					</nc-col>
					<nc-col width="6/12">
						<div>
							<nc-button class="nc-button nc-begin-button" name="login_login" type="submit" v-on:click="auth && auth.login(rec)"
								>Login</nc-button
							>
						</div>
					</nc-col>
				</div>
				<div class="control-group">
					<nc-row width="1/1">
						<nc-href class="btn btn-default" href="register" role="button" v-on:click="auth && auth.hideLogin()">Register</nc-href>
					</nc-row>
				</div>
			</nc-row>
			<nc-row>
				<nc-row width="1/1">
					<div class="alert alert-danger" role="alert" v-show="restError">{{restError}}</div>
					<div class="alert alert-warning" role="alert" v-show="restWarning">{{restWarning}}</div>
					<div class="alert alert-info" role="alert" v-show="restInfo">{{restInfo}}</div>
					<div class="alert alert-success" role="alert" v-show="restSuccess">{{restSuccess}}</div>
				</nc-row>
			</nc-row>
		</div>
	</div>
</nc-row>
