## -*- coding: utf-8 -*-
<%inherit file="base/root.html"/>

<%def name="title()">
    ${_('Create an Account')}
    %if c.rhodecode_name:
        &middot; ${h.branding(c.rhodecode_name)}
    %endif
</%def>
<style>body{background-color:#eeeeee;}</style>

<div class="loginbox">
    <div class="header">
        <div id="header-inner" class="title">
            <div id="logo">
                <div class="logo-wrapper">
                    <a href="${h.url('home')}"><img src="${h.asset('images/rhodecode-logo-white-216x60.png')}" alt="RhodeCode"/></a>
                </div>
                %if c.rhodecode_name:
                <div class="branding"> ${h.branding(c.rhodecode_name)}</div>
                %endif
            </div>
        </div>
    </div>

    <div class="loginwrapper">
        <div class="left-column">
            <img class="sign-in-image" src="${h.asset('images/sign-in.png')}" alt="RhodeCode"/>
        </div>

        <div id="register" class="right-column">
            <%include file="/base/flash_msg.html"/>
            <!-- login -->
            <div class="sign-in-title">
                <h1>${_('Reset your Password')}</h1>
                <h4>${h.link_to(_("Go to the login page to sign in."), request.route_path('login'))}</h4>
            </div>
            <div class="inner form">
                ${h.form(request.route_path('reset_password'), needs_csrf_token=False)}
                    <label for="email">${_('Email Address')}:</label>
                    ${h.text('email', defaults.get('email'))}
                    %if 'email' in errors:
                      <span class="error-message">${errors.get('email')}</span>
                      <br />
                    %endif

                    %if captcha_active:
                    <div class="login-captcha"
                        <label for="email">${_('Captcha')}:</label>
                        ${h.hidden('recaptcha_field')}
                        <div id="recaptcha"></div>
                        %if 'recaptcha_field' in errors:
                          <span class="error-message">${errors.get('recaptcha_field')}</span>
                          <br />
                        %endif
                    </div>
                    %endif

                    ${h.submit('send', _('Send password reset email'), class_="btn sign-in")}
                    <div class="activation_msg">${_('Password reset link will be sent to matching email address')}</div>

                ${h.end_form()}
            </div>
        </div>
    </div>
</div>

%if captcha_active:
<script type="text/javascript" src="https://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>
%endif
<script type="text/javascript">
 $(document).ready(function(){
    $('#email').focus();
    %if captcha_active:
      Recaptcha.create("${captcha_public_key}", "recaptcha", {theme: "white"});
    %endif
 });
</script>