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

<%def name="title()">
    ${_('Sign Up')} &middot; ${c.rhodecode_name}
</%def>

<div id="register">
<div class="flash_msg">
    <% messages = h.flash.pop_messages() %>
    % if messages:
    <ul id="flash-messages">
        % for message in messages:
        <li class="${message.category}_msg">${message}</li>
        % endfor
    </ul>
    % endif
</div>
    <div class="title top-left-rounded-corner top-right-rounded-corner">
        <h5>${_('Sign Up to')} ${c.rhodecode_name}</h5>
    </div>
    <div class="inner">
        ${h.form(url('register'))}
        <div class="form">
            <!-- fields -->
            <div class="fields">
                <div class="field">
                    <div class="label">
                        <label for="username">${_('Username')}:</label>
                    </div>
                    <div class="input">
                        ${h.text('username',class_="medium")}
                    </div>
                </div>

                <div class="field">
                    <div class="label">
                        <label for="password">${_('Password')}:</label>
                    </div>
                    <div class="input">
                        ${h.password('password',class_="medium")}
                    </div>
                </div>

                <div class="field">
                    <div class="label">
                        <label for="password">${_('Re-enter password')}:</label>
                    </div>
                    <div class="input">
                        ${h.password('password_confirmation',class_="medium")}
                    </div>
                </div>

                <div class="field">
                    <div class="label">
                        <label for="firstname">${_('First Name')}:</label>
                    </div>
                    <div class="input">
                        ${h.text('firstname',class_="medium")}
                    </div>
                </div>

                <div class="field">
                    <div class="label">
                        <label for="lastname">${_('Last Name')}:</label>
                    </div>
                    <div class="input">
                        ${h.text('lastname',class_="medium")}
                    </div>
                </div>

                <div class="field">
                    <div class="label">
                        <label for="email">${_('Email')}:</label>
                    </div>
                    <div class="input">
                        ${h.text('email',class_="medium")}
                    </div>
                </div>

                <div class="buttons">
                    <div class="nohighlight">
                      ${h.submit('sign_up',_('Sign Up'),class_="ui-btn large")}
                      %if c.auto_active:
                          <div class="activation_msg">${_('Your account will be activated right after registration')}</div>
                      %else:
                          <div class="activation_msg">${_('Your account must wait for activation by administrator')}</div>
                      %endif
                    </div>
                </div>
            </div>
        </div>
        ${h.end_form()}
        <script type="text/javascript">
        YUE.onDOMReady(function(){
            YUD.get('username').focus();
        })
        </script>
    </div>
 </div>