{{#partial "page"}}
<div class="page-header_container banner-header">
        {{> components/common/breadcrumbs breadcrumbs=breadcrumbs}}
        <h1 class="page-heading">{{lang 'login.heading' }}</h1>
    </div>
<div class="login container">


    {{#if forms.login.error}}
        {{> components/common/alert/alert-error forms.login.error}}
    {{/if}}
    {{#if forms.login.success}}
        {{> components/common/alert/alert-success forms.login.success}}
    {{/if}}
    <div class="login-row">
        <div class="post-customer">
            <div class="post-customer-content">
                <div class="attention-title">
                    <span>{{lang 'login.post_customer.title'}}</span>
                </div>
                <div class="attention-content">
                    <p>{{lang 'login.post_customer.attention-content.fact1'}}</p>
                    <p>{{lang 'login.post_customer.attention-content.fact2'}}</p>
                    <div class="reset-pw">
                        <a href="{{urls.auth.forgot_password}}">{{lang 'login.post_customer.attention-content.reset_password'}}</a>
                    </div>
                    <span class="attention-additional-content">{{lang 'login.post_customer.attention-content.fact3'}}</span>
                </div>
            </div>
        </div>
        <div class="return-customer">
            <div class="panel-header">
                <h2 class="panel-title">{{lang 'login.return_customer' }}</h2>
            </div>
            <form class="login-form form" action="{{urls.auth.check_login}}" method="post">
                {{inject 'useValidEmail' (lang 'forms.validate.common.email_address')}}
                {{inject 'enterPass' (lang 'forms.validate.common.password')}}
                <div class="form-field">
                    <label class="form-label" for="login_email">{{lang 'login.field_email'}}*</label>
                    <input class="form-input" name="login_email" id="login_email" type="email">
                </div>
                <div class="form-field">
                    <label class="form-label" for="login_pass">{{lang 'login.field_password'}}*</label>
                    <input class="form-input" id="login_pass" type="password" name="login_pass" autocomplete="off">
                </div>
                <div class="form-actions">
                    <a class="a-link" class="forgot-password" href="{{urls.auth.forgot_password}}">{{lang 'login.forgot_password' }}</a>
                    <input type="submit" class="button button--primary" value="{{lang 'login.submit_value' }}">

                </div>
            </form>
        </div>
        {{#if settings.account_creation_enabled}}

            <div class="new-customer">
                <div class="panel">
                    <div class="panel-header">
                        <h2 class="panel-title">{{lang 'login.new_customer.heading' }}</h2>
                    </div>
                    <div class="panel-body">
                        <p class="new-customer-intro">{{{lang 'login.new_customer.intro' }}}</p>
                        <!-- <ul class="new-customer-fact-list">
                            <li class="new-customer-fact">{{lang 'login.new_customer.fact1' }}</li>
                            <li class="new-customer-fact">{{lang 'login.new_customer.fact2' }}</li>
                            <li class="new-customer-fact">{{lang 'login.new_customer.fact3' }}</li>
                            <li class="new-customer-fact">{{lang 'login.new_customer.fact4' }}</li>
                            <li class="new-customer-fact">{{lang 'login.new_customer.fact5' }}</li>
                        </ul> -->
                        <!--a class="btn a_btn" href="{{urls.auth.create_account}}"><button class="button button--secondary">{{lang 'login.new_customer.create_account' }}</button></a-->
                        <a class="btn a_btn" href="/wholesale-application-form/"><button class="button button--secondary">{{lang 'login.new_customer.create_account' }}</button></a>
                    </div>
                </div>
            </div>
        {{/if}}
    </div>
</div>
<script>
    jQuery(document).ready(function($){
        $('body').addClass('customer-login-page-view')


    })
</script>
{{/partial}}
{{> layout/base}}