<!DOCTYPE html>
<!--// $Id$ //-->
<html>
<head>
    <meta name="GENERATOR" content="LMS {$layout.lmsv}">
	{include file="language.html"}
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link href="{ConfigHelper::getConfig('phpui.style', 'css/style.css')}" rel="stylesheet" type="text/css">
    <link href="{ConfigHelper::getConfig('phpui.shortcut_icon', 'img/lms-net.gif')}" rel="shortcut icon">
    <title>{t a=LMS::SOFTWARE_NAME}Welcome to $a{/t} {$layout.lmsv}</title>
	<style>
		body {
			justify-content: center;
			align-items: center;
			height: 100%;
			display: flex;
			padding: 0;
		}

		body > div {
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.login-logo-container {
			padding: 1em;
			display: flex;
			justify-content: center;
		}

		.login-logo-container > img {
			width: 10em;
		}

		.login-box-container {
			padding: 2em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin: 1em;
		}

		.login-box-container table {
			margin-top: 1em;
			margin-bottom: 1em;
		}

		.login-box-container table td > i {
			margin-right: 0.3em;
		}

		.lms-ui-dberrors {

		}
	</style>
</head>
<body class="lms-ui-login-form">
<div>
	<div class="login-logo-container">
		<img src="{ConfigHelper::getConfig('phpui.login_form_logo', 'img/logo.png')}" alt="">
	</div>
	<div class="login-box-container loginform light">
		<span class="bold text-center">
			{t a=LMS::SOFTWARE_NAME}$a version{/t} {$layout.lmsv}{if $layout.lmsvr} ({$layout.lmsvr}){/if}<br>
			&copy; 2001-{$smarty.now|date_format:"Y"} LMS Developers
		</span>
		<form method="post" name="loginform" action="{$target}">
			<table>
				<tr>
					<td class="text-right bold">
						<i class="lms-ui-icon-user"></i>
					</td>
					<td>
						<input class="bold" type="text" name="loginform[login]" size="16" accesskey="l" placeholder="{trans("<!login>username")}">
					</td>
				</tr>
				<tr>
					<td class="text-right bold">
						<i class="lms-ui-icon-password"></i>
					</td>
					<td>
						<input class="bold" type="password" name="loginform[pwd]" size="16" placeholder="{trans("<!login>password")}"><br>
					</td>
				</tr>
				<tr>
					<td colspan="2" class="text-center">
						{if $error}<span class="lms-ui-alert bold">{$error}</span>{/if}
					</td>
				</tr>
				<tr>
					<td colspan="2" class="text-center">
						{button type="submit" label="Login" icon="login"}
					</td>
				</tr>
			</table>
		</form>
		<a href="doc/html/{substr(Localisation::getCurrentUiLanguage(), 0, 2)}/"><span class="blend">{trans("Documentation")}</span></a>
		<a href="{LMS::SOFTWARE_URL}"><span class="blend">{trans("LMS Project Homepage")}</span></a>
	</div>
	{if $layout.dberrors}
		{include file="dberrors.html"}
	{/if}
</div>
<script>

	document.forms['loginform'].elements['loginform[login]'].focus();

</script>
</body>
</html>
