@extends('layouts.page', [
	'panel_display' => false
])

@include('html.header.input')
@include('html.header.validator', ['language' => 'en'])

@push('css')
<link rel="stylesheet" type="text/css" href="/css/login.css"/>
@endpush

@push('head')
<script type="text/javascript">
	$(document).ready(function() {

		$('.form-login form').validate({
			rules:{
				loginid:'required',
	            password:'required'
	        }
	    });

	    $('.form-login input[name=loginid]').focus();
	});
</script>
@endpush

@section('ui-header')
@endsection

@section('ui-content')
	<div class="section-content section-login">
		<div class="title">
			<p class="corp text-center"><img src="/images/common/logo.png?ver=20200203"/></p>
		</div>
		<div class="form-login">
			<form method="POST" action="{{ ssl_url(URL::route('login')) }}">
				<input type="hidden" name="_token" value="{{ csrf_token() }}"/>
				<div class="comment">Welcome!</div>
				<div class="area-input">
					<div class="form-group">
						<label class="control-label" for="form-login-loginid">{{ Lang::get('auth.word.loginid') }}</label>
						<input type="text" class="form-control" name="loginid" id="form-login-loginid" value="" placeholder="Please enter your ID."/>
					</div>
					<div class="form-group">
						<label class="control-label" for="form-login-password">{{ Lang::get('auth.word.password') }}</label>
						<input type="password" class="form-control" name="password" id="form-login-password" value="" placeholder="Please enter your password." autocomplete="off"/>
					</div>
					<div class="text-right clearfix">
						<a class="btn btn-info pull-left" href="{{ URL::route('auth.register') }}">{{ strtoupper(Lang::get('auth.word.signup')) }}</a>
						<button type="submit" class="btn btn-success">{{ strtoupper(Lang::get('auth.word.login')) }}</button>
					</div>
				</div>
			</form>
		</div>
	</div>
@endsection