{extends file="layout.tpl"}

{* Body Class *}
{block name="body-class"}page-login{/block}

{* Breadcrumb *}
{block name='no-return-functions' append}
    {$breadcrumbs = [
        ['title' => {intl l="Login"}, 'url'=>{url path="/login"}]
    ]}
{/block}


{block name="main-content"}

    {* This page should not replace the current previous URL *}
    {set_previous_url ignore_current="1"}

    {hook name="login.top"}
    <div class="main container mt-6 pt-5 lastblock">
        {hook name="login.main-top"}
        <article class="mb-6" role="main" aria-labelledby="main-label">
            <div class="col-md-4 offset-md-4">
            <h1 id="main-label" class="h1 text-center">{intl l="Login"}</h1>
      
                
            {form name="thelia.front.customer.login"}
            <form id="form-login" action="{url path="/login"}" method="post" {form_enctype}>
                {if isset($smarty.get.validation_done) && $smarty.get.validation_done}
                    <div class="alert alert-success">{intl l="Your customer account was successfully activated, you can now login."}</div>
                {else}
                    {if $form_error}<div class="alert alert-danger">{$form_error_message}</div>{/if}
                {/if}
    
                {form_field field='success_url'}
				{if {cart attr="count_item"}}
                    <input type="hidden" name="{$name}" value="{url path="cart"}">
				{else}
                    <input type="hidden" name="{$name}" value="{url path="account"}">
				{/if}
                {/form_field}

                {form_field field='error_message'}
                    <input type="hidden" name="{$name}" value="{intl l="missing or invalid data"}"> {* the url the user is redirected to on login success *}
                {/form_field}
                {form_hidden_fields}
                {hook name="login.form-top"}

                    {form_field field="email"}
                        <div class="form-group group-email{if $error} has-error{/if}">
                            <label for="{$label_attr.for}" class="font-size-small">{intl l="E-MAIL"}</label>
                            <div class="control-input">
                            <input type="email" name="{$name}" id="{$label_attr.for}" value="{$value}" class="form-control input-sm" maxlength="255" {$attr} {if $required}aria-required="true" required{/if}{if !$value || $error} autofocus{/if}>
                            {if $error}
                                <span class="help-block">{$message}</span>
                                {assign var="error_focus" value="true"}
                            {elseif !$value}
                                {assign var="error_focus" value="true"}
                            {/if}
                            </div>
                        </div>
                    {/form_field}
                    {form_field field="account"}
                        <input type="hidden" name="{$name}" value="1">
                    {/form_field}
                    {form_field field="password"}
                    <div class="group-password">
                        <div class="form-group {if $error} has-error{/if}">
                            <label for="{$label_attr.for}" class="font-size-small">{intl l="MOT DE PASSE"}</label>
                            <div class="control-input">
                                <input type="password" name="{$name}" id="{$label_attr.for}" class="form-control input-sm" maxlength="255" autocomplete="off"{if !isset($error_focus)} autofocus{/if}>
                                {if $error}
                                    <span class="help-block">{$message}</span>
                                {/if}
                            </div>
                        </div>
                    </div>
                    {/form_field}

                {hook name="login.form-bottom"} 

                <button type="submit" class="btn btn-gmp w-100 font-size-normal mt-5 mx-0">{intl l="Connexion"}</button>

                <span class="help-block font-size-small text-center text-uppercase d-block">
                    <a href="{url path="/password"}" data-toggle="confirmation" class="forgot-password">{intl l="Forgot your Password?"}</a>
                </span>
				
				<p class="text-center pt-5 mt-md-5"><a href="{url path="/register"}" class="register h1">{intl l="CRÉER UN COMPTE" d="hookcustomer.fo.default"}</a></p>
                
            </form>
            {/form}
            </div>
        </article>
        {hook name="login.main-bottom"} 
    </div>
    {hook name="login.bottom"}
{/block}

{block name="stylesheet"}
{hook name="login.stylesheet"}
{/block}

{block name="after-javascript-include"}
{hook name="login.after-javascript-include"}
{/block}

{block name="javascript-initialization"}
{hook name="login.javascript-initialization"}
{/block}