Role Form should be use on a region of the document that represents a collection of form-associated elements. <div role=”form”></div> GOOD <form role=”form”></form> BAD
44 lines
1.9 KiB
HTML
44 lines
1.9 KiB
HTML
{extends file="layout.tpl"}
|
|
|
|
{* Body Class *}
|
|
{block name="body-class"}page-password{/block}
|
|
|
|
{* Breadcrumb *}
|
|
{block name='no-return-functions' append}
|
|
{$breadcrumbs = [
|
|
['title' => {intl l="Password"}, 'url'=>{url path="/password"}]
|
|
]}
|
|
{/block}
|
|
|
|
|
|
{block name="main-content"}
|
|
<div class="main">
|
|
<article class="col-main" role="main" aria-labelledby="main-label">
|
|
<h1 id="main-label" class="page-header">{intl l="Password Forgotten"}</h1>
|
|
{form name="thelia.front.customer.lostpassword"}
|
|
<form id="form-forgotpassword" action="{url path="/password"}" method="post">
|
|
|
|
<p>{intl l="Please enter your email address below."} {intl l="You will receive a link to reset your password."}</p>
|
|
{form_field form=$form field="email"}
|
|
<div class="form-group group-email {if $error}has-error{elseif !$error && $value != ""}has-success{/if}">
|
|
<label for="{$label_attr.for}">{$label}</label>
|
|
<div class="control-input">
|
|
<input type="email" name="{$name}" value="{$value}" id="{$label_attr.for}" class="form-control" maxlength="255" aria-required="true" autofocus required>
|
|
{if $error}
|
|
<span class="help-block">{$message}</span>
|
|
{elseif !$error && $value != ""}
|
|
<span class="help-block"><span class="icon-ok"></span> {intl l="You will receive a link to reset your password."}</span>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
{/form_field}
|
|
<div class="group-btn">
|
|
<a href="{url path="/login"}" class="btn btn-cancel">{intl l="Cancel"}</a>
|
|
<button type="submit" class="btn btn-forgot">{intl l="Send"}</button>
|
|
</div>
|
|
</form>
|
|
{/form}
|
|
</article>
|
|
</div>
|
|
{/block}
|