<!-- form/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.register.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.register.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.register.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'>
						<a href='#'>Do you need help for logging in?</a>
					</nc-col>
					<nc-col width='6/12'>
						<div>
							<nc-button class='nc-button nc-begin-button' name='login_login' type='submit' v-on:click.native='auth.login(rec)'>Login</nc-button>
						</div>
					</nc-col>
				</div>
				<div class='control-group'>
					<nc-row width='1/1'>
						<a class='btn btn-default' href='register' role='button' v-on:click.native='auth.hideLogin()'>Register</a>
					</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>
