<%namespace name="base" file="/base/base.mako"/>

<div class="panel panel-default user-profile">
    <div class="panel-heading">
        <h3 class="panel-title">
            ${base.gravatar_with_user(c.user.username, 16, tooltip=False, _class='pull-left')}
            &nbsp;- ${_('User Profile')}
        </h3>
    </div>
    <div class="panel-body">
        <div class="user-profile-content">
        ${h.secure_form(h.route_path('user_update', user_id=c.user.user_id), class_='form', request=request)}
        <% readonly = None %>
        <% disabled = "" %>
        % if c.edit_mode:
            ${h.hidden('edit', '1')}
        % endif
        %if c.extern_type != 'rhodecode' and not c.edit_mode:
            <% readonly = "readonly" %>
            <% disabled = " disabled" %>
            <div class="alert-warning" style="margin:0px 0px 20px 0px; padding: 10px">
                <strong>${_('This user was created from external source (%s). Editing some of the settings is limited.' % c.extern_type)}</strong>
            </div>
        %endif
        <div class="form">
          <div class="fields">
            <div class="field">
                <div class="label photo">
                    ${_('Photo')}:
                </div>
                <div class="input profile">
                    %if c.visual.use_gravatar:
                        ${base.gravatar(c.user.email, 100)}
                        <p class="help-block">${_('Change the avatar at')} <a href="http://gravatar.com">gravatar.com</a>.</p>
                    %else:
                        ${base.gravatar(c.user.email, 100)}
                    %endif
                </div>
            </div>
            <div class="field">
               <div class="label">
                    ${_('Username')}:
               </div>
               <div class="input">
                    ${h.text('username', class_='%s medium' % disabled, readonly=readonly)}
                   <br/>
                   % if c.extern_type != 'rhodecode' and c.is_super_admin:
                    <p class="help-block">
                     ${_('Super-admin can edit this field by entering ')} <a href="${h.current_route_path(request, edit=1)}">edit mode</a>
                    </p>
                   % endif
               </div>
            </div>
            <div class="field">
               <div class="label">
                   <label for="name">${_('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">
                   ## we should be able to edit email !
                   ${h.text('email', class_="medium")}
               </div>
            </div>
            <div class="field">
               <div class="label">
                   <label for="description">${_('Description')}:</label>
               </div>
               <div class="input textarea editor">
                   ${h.textarea('description', rows=10, class_="medium")}
                    <% metatags_url = h.literal('''<a href="#metatagsShow" onclick="$('#meta-tags-desc').toggle();return false">meta-tags</a>''') %>
                    <span class="help-block">
                        % if c.visual.stylify_metatags:
                            ${_('Plain text format with {metatags} support.').format(metatags=metatags_url)|n}
                        % else:
                            ${_('Plain text format.')}
                        % endif
                    </span>
                    <span id="meta-tags-desc" style="display: none">
                        <%namespace name="dt" file="/data_table/_dt_elements.mako"/>
                        ${dt.metatags_help()}
                    </span>
               </div>
            </div>
            <div class="field">
               <div class="label">
                    ${_('New Password')}:
               </div>
               <div class="input">
                    ${h.password('new_password',class_='%s medium' % disabled,autocomplete="off",readonly=readonly)}
                </div>
            </div>
            <div class="field">
               <div class="label">
                    ${_('New Password Confirmation')}:
               </div>
               <div class="input">
                    ${h.password('password_confirmation',class_="%s medium" % disabled,autocomplete="off",readonly=readonly)}
                </div>
            </div>
            <div class="field">
               <div class="label-text">
                    ${_('Active')}:
               </div>
               <div class="input user-checkbox">
                    ${h.checkbox('active',value=True)}
                </div>
            </div>
            <div class="field">
               <div class="label-text">
                    ${_('Super-admin')}:
               </div>
               <div class="input user-checkbox">
                    ${h.checkbox('admin',value=True)}
                </div>
            </div>
            <div class="field">
               <div class="label-text">
                    ${_('Authentication type')}:
               </div>
               <div class="input">
                    ${h.select('extern_type', c.extern_type, c.allowed_extern_types)}
                    <p class="help-block">${_('When user was created using an external source. He is bound to authentication using this method.')}</p>
                </div>
            </div>
            <div class="field">
               <div class="label-text">
                    ${_('Name in Source of Record')}:
               </div>
               <div class="input">
                    <p>${c.extern_name}</p>
                    ${h.hidden('extern_name', readonly="readonly")}
                </div>
            </div>
            <div class="field">
               <div class="label">
                    ${_('Language')}:
               </div>
               <div class="input">
                    ## allowed_languages is defined in the users.py
                    ## c.language comes from base.py as a default language
                    ${h.select('language', c.language, c.allowed_languages)}
                    <p class="help-block">${h.literal(_('User interface language. Help translate %(rc_link)s into your language.') % {'rc_link': h.link_to('RhodeCode Enterprise', h.route_url('rhodecode_translations'))})}</p>
                </div>
            </div>
            <div class="buttons">
              ${h.submit('save', _('Save'), class_="btn")}
              ${h.reset('reset', _('Reset'), class_="btn")}
            </div>
          </div>
        </div>
        ${h.end_form()}
        </div>
    </div>
</div>

<script>
    $('#language').select2({
        'containerCssClass': "drop-menu",
        'dropdownCssClass': "drop-menu-dropdown",
        'dropdownAutoWidth': true
    });
</script>