{$__->setDefaultDomain('users')}

{extends file="includes/frontend/base.html"}

{$title = 'login.frontend.title'|_}

{block name="container"}
	<main class="d-flex align-items-center vh-100">
		<div class="container mb-5">
            {block name="messages"}
                {include "includes/frontend/messages/all.html"}
            {/block}
			<div class="row justify-content-center">
				<div class="col-md-8 col-lg-6 col-xl-6">
					<img
							src="/assets/frontend/img/logo.png"
							class="pe-none d-block mx-auto mb-4"
							width="160"
							alt=""
					>
                    {if $_config->get('OAuth.local.enabled')}
						<form method="POST">
							<div class="card mb-4">
								<div class="card-body">
									<div class="form-group">
										<label for="username">{'login.frontend.username'|_}</label>
										<input id="username" class="form-control" type="text" name="username"
										       required autofocus
										       value="{$user->getUsername()|escape}">
									</div>

									<div class="form-group mb-0">
										<label for="password">{'login.frontend.password'|_}</label>
										<input id="password" class="form-control" type="password" name="password"
										       required>
									</div>
								</div>
							</div>
							<div class="text-center">
								<div class="mb-3">
									<input type="submit" class="btn btn-primary" value="{'login.frontend.login'|_}">
								</div>
							</div>
						</form>
                    {/if}

					<div class="text-center mt-5">
                        {* Show sign in button for enabled OAuth authenticators *}
                        {foreach $enabledOAuthAuthenticators as $authenticator => $authenticatorName}
							<a
									href="{$_url->getFrontendPath('OAuth', 'loginWith', ['provider' => $authenticator])}"
									class="btn btn-secondary"
							>
                                {'sign_in_with'|_:oauth:['provider' => $authenticatorName]}
							</a>
                        {/foreach}
					</div>
				</div>
			</div>
		</div>
	</main>
{/block}