{extends file="layout.tpl"}

{block name="breadcrumb"}
    <nav class="nav-breadcrumb" role="navigation" aria-labelledby="breadcrumb-label">
        <strong id="breadcrumb-label">{intl l="You are here"}: </strong>
        <ul class="breadcrumb" itemprop="breadcrumb">
            <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="{url path="/"}" itemprop="url"><span itemprop="title">{intl l="Home"}</span></a></li>
            <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="active"><span itemprop="title">{intl l="Login"}</span></li>
        </ul>
    </nav><!-- /.nav-breadcrumb -->
{/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="Login"}</h1>
            {form name="thelia.customer.login"}
            <form id="form-login" action="{url path="/customer/login"}" method="post" role="form" {form_enctype form=$form}>
                {if $form_error}<div class="alert alert-danger">{$form_error_message}</div>{/if}
                {form_field form=$form field='success_url'}
                    <input type="hidden" name="{$name}" value="{navigate to="return_to"}" /> {* the url the user is redirected to on login success *}
                {/form_field}

                {form_field form=$form 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 form=$form}
                <fieldset>
                    {form_field form=$form field="email"}
                        <div class="form-group group-email {if $error}has-error{/if} ">
                            <label for="{$label_attr.for}">{$label}</label>
                            <div class="control-input">
                            <input type="email" name="{$name}" id="{$label_attr.for}" value="{$value}" class="form-control" {$attr}  aria-required="true" autofocus required>
                            {if $error}
                                <span class="help-block"><span class="icon-remove"></span> {$message}</span>
                            {/if}
                            </div>
                        </div>
                    {/form_field}

                    <fieldset>
                        <legend>{intl l="Do you have an account?"}</legend>
                        <div class="radio radio-account0" >
                            <label for="account0">
                                <input type="radio" name="account" id="account0" data-toggle="password" value="0" > {intl l="No, I am a new customer."}
                            </label>
                        </div>
                        <div class="radio radio-account1">
                            <label for="account1">
                                <input type="radio" name="account" id="account1" data-toggle="password" value="1" checked> {intl l="Yes, I have a password :"}
                            </label>
                        </div>
                        {form_field form=$form field="password"}
                        <div class="form-group group-password {if $error}has-error{/if} ">
                            <label for="{$label_attr.for}" class="sr-only">{$label}</label>
                            <div class="control-input">
                            <input type="password" name="{$name}" id="{$label_attr.for}" class="form-control" autocomplete="off">
                            {if $error}
                                <span class="help-block"><span class="icon-remove"></span> {$message}</span>
                            {/if}
                            </div>
                        </div>
                        {/form_field}
                    </fieldset>
                </fieldset>

                <div class="group-btn">
                    <a href="{url path="/password"}" class="forgot-password">{intl l="Forgot your Password ?"}</a>
                    <button type="submit" class="btn btn-login">{intl l="Next"}</button>
                </div>
            </form>
            {/form}
        </article>
    </div>
{/block}