<div id="globalcss">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{openzc:define.HEADING_TITLE/}</title>
{openzc:include filename="system/common/css.tpl"/}
</head>
<body>
<div class="container">
	  <div class="columns">
		<div class="column">
			<section class="section">
			<div class="block-title subtitle is-4 is-spaced">{openzc:define.HEADING_TITLE/}</div>
			<p class="help subtitle is-6 has-text-grey">{openzc:define.TEXT_RETURNING_CUSTOMER_SPLIT/}</p>
			{openzc:msg name="login"/}
			<form action="{openzc:link name='FILENAME_LOGIN' parameter=[action=>process]/}" method="post">
				<input type="hidden" name="securityToken" value="{openzc:field.securityToken/}"/>
				<div class="field">
					<label class="label">{openzc:define.ENTRY_EMAIL_ADDRESS/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_EMAIL_ADDRESS_TEXT/}</span></label>
				  <div class="control">
					<input class="input" name="email_address" type="email" placeholder="{openzc:define.ENTRY_EMAIL_ADDRESS/} {openzc:define.ENTRY_EMAIL_ADDRESS_TEXT/}">
				  </div>
				</div>
				<div class="field mt-5">
				  <label class="label">{openzc:define.ENTRY_PASSWORD/} <span class="has-text-danger subtitle is-6">{openzc:define.ENTRY_PASSWORD_TEXT/}</span></label>
				  <div class="control">
					<input class="input " type="password" name="password" placeholder="{openzc:define.ENTRY_PASSWORD/}">
				  </div>
				</div>
				<div class="field level is-mobile">
					<div class="control level-left">
					<button class="button is-link is-outlined"><i class="far fa-check-circle"></i>&nbsp;&nbsp;{openzc:define.BUTTON_LOGIN_ALT/}</button>
					</div>
					<p class="level-right"><a class="help subtitle is-6 has-text-grey" href="{openzc:link name='FILENAME_PASSWORD_FORGOTTEN'/}">{openzc:define.TEXT_PASSWORD_FORGOTTEN/}</a></p>
				</div>
			</form>
				</section>
		</div>
		<div class="column">
			<section class="section">
			<div class="block-title subtitle is-4 is-spaced">{openzc:define.HEADING_NEW_CUSTOMER_SPLIT/}</div>
				<p class="subtitle is-6">{openzc:define.TEXT_NEW_CUSTOMER_INTRODUCTION/}</p>
				<div class="field">
					<div class="control">
						<a class="button is-link is-outlined is-fullwidth" href="{openzc:link name='FILENAME_CREATE_ACCOUNT'/}">
							<i class="far fa-check-circle"></i>&nbsp;&nbsp;{openzc:define.BUTTON_CREATE_ACCOUNT_ALT/}
						</a>
					</div>
				</div>
			</section>
	    </div>
	  </div>
</div>
</body>
{openzc:include filename="system/common/js.tpl"/}
</html>
</div>