{{#partial "page"}}
<div class="login">
    {{> components/common/breadcrumbs breadcrumbs=breadcrumbs}}
    <h1 class="page-heading u-hidden">{{lang 'login.heading' }}</h1>
    {{#if theme_settings.currentsite '===' 'PK'}}
        {{{lang 'login.heading_pkr' }}}
    {{/if}}
    {{#if theme_settings.currentsite '===' 'PKC'}}
        {{{lang 'login.heading_pkc' }}}
    {{/if}}
    {{#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">
        <form class="login-form form" action="{{urls.auth.check_login}}" method="post">
            {{#unless theme_settings.hide_breadcrumbs }}
                {{#each breadcrumbs}}
                    {{#if name '===' "Login"}}
                        <div id="division_path" style="display:none">{{url}}</div>
                    {{/if}}
                {{/each}}
            {{/unless}}

            <input type="hidden" id="redirect_to" name="redirect_to" value="/">

            {{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">
                <label class="user-management-checkbox"><input type="checkbox">Add a New User to an Existing Account</label>
                <input type="submit" class="button button--primary" value="{{lang 'login.submit_value' }}">
                <a class="forgot-password" href="{{urls.auth.forgot_password}}">{{lang 'login.forgot_password'}}</a>
            </div>
        </form>
        {{#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>
                        <p class="new-customer-intro">{{lang 'login.new_customer.intro2'}}</p>
                        <ul class="new-customer-fact-list u-hidden">
                            <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 href="/application/"><button class="button button--primary">{{lang 'login.new_customer.create_account' }}</button></a>
                    </div>
                </div>
            </div>
        {{/if}}
    </div>
</div>
{{/partial}}
{{> layout/base}}