background: #FBE3E4;

    border-top: 1px solid #e1b2b3;

    border-left: 1px solid #e1b2b3;

    border-right: 1px solid #FBC2C4;

    border-bottom: 1px solid #FBC2C4;

}

#content div.panel div.form div.form-horizontal div.form-group > div input.success,

#login div.form div.form-horizontal div.form-group > div input.success,

#register div.form div.form-horizontal div.form-group > div input.success {

    background: #E6EFC2;

    border-top: 1px solid #cebb98;

    border-left: 1px solid #cebb98;

    border-right: 1px solid #c6d880;

    border-bottom: 1px solid #c6d880;

}

#content div.panel div.form div.form-horizontal div.form-group div.select select,

#content div.panel table th.selected input,

#content div.panel table td.selected input {

    margin: 0;

}

#content div.panel div.form div.form-horizontal div.form-group div.select,

    margin: 10px 20px 10px 200px;

    padding: 0;

}

#content div.panel div.form div.form-horizontal div.form-group div.select a:hover,

#content div.panel div.form div.form-horizontal div.form-group div.select a.ui-selectmenu:hover,

#content div.panel div.action a:hover {

    color: #000;

    text-decoration: none;

}

#content div.panel div.form div.form-horizontal div.form-group div.select a.ui-selectmenu-focus,

#content div.panel div.action a.ui-selectmenu-focus {

    border: 1px solid #666;

}

    clear: both;

    min-height: 12px;

    padding: 0;

    margin: 14px 0 10px;

}

    float: left;

    margin: -4px 5px 0px 0px;

}

div.form div.form-horizontal div.form-group div.button input,

#content div.panel div.form div.fields div.buttons input

#content div.panel div.form div.form-horizontal div.buttons input

div.form div.fields div.buttons input,

div.form div.form-horizontal div.buttons input,

#content div.panel div.action div.button input {

    font-size: 11px;

    font-weight: 700;

    margin: 0;

}

div.form div.form-horizontal div.form-group div.highlight,

#content div.panel div.form div.fields div.buttons div.highlight,

#content div.panel div.form div.form-horizontal div.buttons div.highlight {

    display: inline;

}

#content div.panel div.form div.fields div.buttons,

#content div.panel div.form div.form-horizontal div.buttons,

div.form div.fields div.buttons,

div.form div.form-horizontal div.buttons {

    margin: 10px 10px 0 200px;

    padding: 0;

}

        <div class="form-horizontal">

        ## autoform generation, based on plugin definition from it's settings

        %for setting in c.plugin_settings[module]:

            <% fullsetting = "auth_%s_%s" % (pluginName, setting["name"]) %>

            <% displayname = (setting["formname"] if ("formname" in setting) else setting["name"]) %>

            %if setting["type"] == "password":

            <div class="form-group">

                <label class="control-label" for="${fullsetting}">${_(displayname)}</label>

                <div>

                    ${h.password(fullsetting,class_='form-control')}

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %elif setting["type"] in ["string", "int"]:

            <div class="form-group">

                <label class="control-label" for="${fullsetting}">${_(displayname)}</label>

                <div>

                    ${h.text(fullsetting,class_='form-control')}

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %elif setting["type"] == "bool":

            <div class="form-group">

                <label class="control-label" for="${fullsetting}">${_(displayname)}</label>

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %elif setting["type"] == "select":

            <div class="form-group">

                <label class="control-label" for="${fullsetting}">${_(displayname)}</label>

                <div class="select">

                    ${h.select(fullsetting,setting['values'][0],setting['values'],class_='form-control')}

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %else:

            <div class="form-group">

                <label class="control-label" for="${fullsetting}">${_(displayname)}</label>

                <div>This field is of type ${setting['type']}, which cannot be displayed. Must be one of [string|int|bool|select].</div>

                <span class="help-block">${setting["description"]}</span>

            </div>

            %endif

        %endfor

        </div>

    %endfor

        <div class="form-horizontal">

            <div class="form-group">

                <div class="buttons">

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

    <div class="panel-heading">

        ${self.breadcrumbs()}

    </div>

    ${h.form(url('defaults_update', id='defaults'))}

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

            <div class="form-group">

                <label class="control-label" for="default_repo_type">${_('Type')}:</label>

                <div>

                    ${h.select('default_repo_type','hg',c.backends,class_='form-control')}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="default_repo_private">${_('Private repository')}:</label>

                    ${h.checkbox('default_repo_private',value="True")}

                    <span class="help-block">${_('Private repositories are only visible to people explicitly added as collaborators.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="default_repo_enable_statistics">${_('Enable statistics')}:</label>

                    ${h.checkbox('default_repo_enable_statistics',value="True")}

                    <span class="help-block">${_('Enable statistics window on summary page.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="default_repo_enable_downloads">${_('Enable downloads')}:</label>

                    ${h.checkbox('default_repo_enable_downloads',value="True")}

                    <span class="help-block">${_('Enable download menu on summary page.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="default_repo_enable_locking">${_('Enable locking')}:</label>

                    ${h.checkbox('default_repo_enable_locking',value="True")}

                    <span class="help-block">${_('Enable lock-by-pulling on repository.')}</span>

                </div>

            </div>

            <div class="form-group">

                <div class="buttons">

                    ${h.submit('save',_('Save'),class_="btn btn-default")}

                </div>

            </div>

        </div>

    </div>

    ${h.end_form()}

    ##<h3>${_('Groups defaults')}</h3>

</div>

</%def>

${h.form(url('admin_permissions'), method='post')}

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

            <div class="form-group">

                <label class="control-label" for="anonymous">${_('Anonymous access')}:</label>

                    <div class="checkbox">

                        ${h.checkbox('anonymous',True)}

                    </div>

                     <span class="help-block">${h.literal(_('Allow access to Kallithea without needing to log in. Anonymous users use %s user permissions.' % (h.link_to('*default*',h.url('admin_permissions_perms')))))}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="default_repo_perm">${_('Repository')}:</label>

                <div class="select">

                    ${h.select('default_repo_perm','',c.repo_perms_choices)}

                    ${h.checkbox('overwrite_default_repo','true')}

                    <label for="overwrite_default_repo">

                    <span data-toggle="tooltip"

                        title="${_('All default permissions on each repository will be reset to chosen permission, note that all custom default permission on repositories will be lost')}">

                    ${_('Apply to all existing repositories')}</span> </label>

                    <span class="help-block">${_('Permissions for the Default user on new repositories.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="default_group_perm">${_('Repository group')}:</label>

                <div class="select">

                    ${h.select('default_group_perm','',c.group_perms_choices)}

                    ${h.checkbox('overwrite_default_group','true')}

                    <label for="overwrite_default_group">

        <div class="form-horizontal">

            <div class="form-group">

                <label class="control-label" for="group_name">${_('Group name')}:</label>

                <div>

                    ${h.text('group_name',class_='form-control')}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="group_description">${_('Description')}:</label>

                <div class="textarea-repo editor">

                    ${h.textarea('group_description',cols=23,rows=5)}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="parent_group_id">${_('Group parent')}:</label>

                <div>

                    ${h.select('parent_group_id',request.GET.get('parent_group'),c.repo_groups,class_='form-control')}

                </div>

            </div>

            <div id="copy_perms" class="form-group">

                <label class="control-label" for="group_copy_permissions">${_('Copy parent group permissions')}:</label>

                    ${h.checkbox('group_copy_permissions',value="True")}

                    <span class="help-block">${_('Copy permission set from parent repository group.')}</span>

                </div>

            </div>

            <div class="form-group">

                <div class="buttons">

                    ${h.submit('save',_('Save'),class_="btn btn-default")}

                </div>

            </div>

        </div>

    </div>

    ${h.end_form()}

</div>

<script>

    $(document).ready(function(){

        var setCopyPermsOption = function(group_val){

            if(group_val != "-1"){

                $('#copy_perms').show();

            }

            else{

                $('#copy_perms').hide();

            }

        }

    <div class="form-horizontal">

        <div class="form-group">

            <label class="control-label" for="group_name">${_('Group name')}:</label>

            <div>

                ${h.text('group_name',class_='form-control')}

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="group_description">${_('Description')}:</label>

            <div class="textarea text-area editor">

                ${h.textarea('group_description',cols=23,rows=5)}

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="parent_group_id">${_('Group parent')}:</label>

            <div>

                ${h.select('parent_group_id','',c.repo_groups,class_='form-control')}

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="enable_locking">${_('Enable locking')}:</label>

                ${h.checkbox('enable_locking',value="True")}

                <span class="help-block">${_('Enable lock-by-pulling on group. This option will be applied to all other groups and repositories inside')}</span>

            </div>

        </div>

        <div class="form-group">

            <div class="buttons">

                ${h.submit('save',_('Save'),class_="btn btn-default")}

                ${h.reset('reset',_('Reset'),class_="btn btn-default")}

            </div>

        </div>

    </div>

</div>

${h.end_form()}

${h.form(url('delete_repo_group', group_name=c.repo_group.group_name))}

<div class="form">

    <div class="form-horizontal">

        <div class="form-group">

            <div class="buttons">

                ${h.submit('remove_%s' % c.repo_group.group_name,_('Remove this group'),class_="btn btn-danger",onclick="return confirm('"+_('Confirm to delete this group')+"');")}

            </div>

        </div>

    </div>

            <label class="control-label" for="clone_uri">${_('Clone remote repository')}:</label>

            <div>

                ${h.text('clone_uri',class_='form-control')}

                <span class="help-block">

                    ${_('Optional: URL of a remote repository. If set, the repository will be created as a clone from this URL.')}

                </span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="repo_description">${_('Description')}:</label>

            <div class="textarea-repo editor">

                ${h.textarea('repo_description')}

                <span class="help-block">${_('Keep it short and to the point. Use a README file for longer descriptions.')}</span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="repo_group">${_('Repository group')}:</label>

            <div>

                ${h.select('repo_group',request.GET.get('parent_group'),c.repo_groups,class_='form-control')}

                <span class="help-block">${_('Optionally select a group to put this repository into.')}</span>

            </div>

        </div>

        <div id="copy_perms" class="form-group">

            <label class="control-label" for="repo_copy_permissions">${_('Copy parent group permissions')}:</label>

                ${h.checkbox('repo_copy_permissions',value="True")}

                <span class="help-block">${_('Copy permission set from parent repository group.')}</span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="repo_type">${_('Type')}:</label>

            <div>

                ${h.select('repo_type','hg',c.backends,class_='form-control')}

                <span class="help-block">${_('Type of repository to create.')}</span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="repo_landing_rev">${_('Landing revision')}:</label>

            <div>

                ${h.select('repo_landing_rev','',c.landing_revs,class_='form-control')}

                <span class="help-block">${_('Default revision for files page, downloads, full text search index and readme generation')}</span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="repo_private">${_('Private repository')}:</label>

                ${h.checkbox('repo_private',value="True")}

                <span class="help-block">${_('Private repositories are only visible to people explicitly added as collaborators.')}</span>

            </div>

        </div>

        <div class="form-group">

            <div class="buttons">

                ${h.submit('add',_('Add'),class_="btn btn-default")}

            </div>

        </div>

    </div>

</div>

<script>

    $(document).ready(function(){

        var setCopyPermsOption = function(group_val){

            if(group_val != "-1"){

                $('#copy_perms').show();

            }

            else{

                $('#copy_perms').hide();

            }

        }

        $("#repo_group").select2({

            'dropdownAutoWidth': true

                    ${h.select('repo_landing_rev','',c.landing_revs,class_='form-control')}

                    <span class="help-block">${_('Default revision for files page, downloads, whoosh and readme')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="owner">${_('Owner')}:</label>

                <div class="ac">

                    <div class="perm_ac">

                       ${h.text('owner',class_='yui-ac-input')}

                       <span class="help-block">${_('Change owner of this repository.')}</span>

                       <div id="owner_container"></div>

                    </div>

                </div>

             </div>

            <div class="form-group">

                <label class="control-label" for="repo_description">${_('Description')}:</label>

                <div class="textarea text-area editor">

                    ${h.textarea('repo_description', style="height:165px")}

                    <span class="help-block">${_('Keep it short and to the point. Use a README file for longer descriptions.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="repo_private">${_('Private repository')}:</label>

                    ${h.checkbox('repo_private',value="True")}

                    <span class="help-block">${_('Private repositories are only visible to people explicitly added as collaborators.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="repo_enable_statistics">${_('Enable statistics')}:</label>

                    ${h.checkbox('repo_enable_statistics',value="True")}

                    <span class="help-block">${_('Enable statistics window on summary page.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="repo_enable_downloads">${_('Enable downloads')}:</label>

                    ${h.checkbox('repo_enable_downloads',value="True")}

                    <span class="help-block">${_('Enable download menu on summary page.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="repo_enable_locking">${_('Enable locking')}:</label>

                    ${h.checkbox('repo_enable_locking',value="True")}

                    <span class="help-block">${_('Enable lock-by-pulling on repository.')}</span>

                </div>

            </div>

            %if c.visual.repository_fields:

              ## EXTRA FIELDS

              %for field in c.repo_fields:

                <div class="form-group">

                    <label class="control-label" for="${field.field_key_prefixed}">${field.field_label} (${field.field_key}):</label>

                    <div>

                        ${h.text(field.field_key_prefixed, field.field_value, class_='form-control')}

                        %if field.field_desc:

                          <span class="help-block">${field.field_desc}</span>

                        %endif

                    </div>

                 </div>

              %endfor

            %endif

            <div class="form-group">

                <div class="buttons">

                    ${h.submit('save',_('Save'),class_="btn btn-default")}

                    ${h.reset('reset',_('Reset'),class_="btn btn-default")}

                </div>

${h.form(url('admin_settings_mapping'), method='post')}

    <div class="form">

        <div class="form-horizontal">

            <div class="form-group">

                <label class="control-label" for="destroy">${_('Rescan options')}:</label>

                    <div class="checkbox">

                        ${h.checkbox('destroy',True)}

                        <label for="destroy">${_('Delete records of missing repositories')}</label>

                    </div>

                    <span class="help-block">${_('Check this option to remove all comments, pull requests and other records related to repositories that no longer exist in the filesystem.')}</span>

                    <div class="checkbox">

                        ${h.checkbox('invalidate',True)}

                        <label for="invalidate"> ${_('Invalidate cache for all repositories')}</label>

                    </div>

                    <span class="help-block">${_('Check this to reload data and clear cache keys for all repositories.')}</span>

                    <div class="checkbox">

                        ${h.checkbox('hooks',True)}

                        <label for="hooks"> ${_('Install Git hooks')} </label>

                    </div>

                    <span class="help-block">${_("Verify if Kallithea's Git hooks are installed for each repository. Current hooks will be updated to the latest version.")}</span>

                    <div class="checkbox">

                        ${h.checkbox('hooks_overwrite', True)}

                        <label for="hooks_overwrite"> ${_('Overwrite existing Git hooks')}</label>

                    </div>

                    <span class="help-block">${_("If installing Git hooks, overwrite any existing hooks, even if they do not seem to come from Kallithea. WARNING: This operation will destroy any custom git hooks you may have deployed by hand!")}</span>

                </div>

            </div>

${h.form(url('admin_settings_search'), method='post')}

    <div class="form">

        <div class="form-horizontal">

            <div class="form-group">

                <label class="control-label">${_('Index build option')}:</label>

                    <div class="checkbox">

                        ${h.checkbox('full_index',True)}

                        <label for="full_index">${_('Build from scratch')}</label>

                    </div>

                    <span class="help-block">${_('This option completely reindexeses all of the repositories for proper fulltext search capabilities.')}</span>

                </div>

            </div>

            <div class="form-group">

                <div class="buttons">

                    ${h.submit('reindex',_('Reindex'),class_="btn btn-default")}

                </div>

            </div>

        </div>

    </div>

${h.end_form()}

${h.form(url('admin_settings'), method='post')}

    <div class="form">

        <div class="form-horizontal">

            <div class="form-group">

                <label>${_('Hooks')}:</label>

                    <div class="checkbox">

                        ${h.checkbox('hooks_changegroup_repo_size','True')}

                        <label for="hooks_changegroup_repo_size">${_('Show repository size after push')}</label>

                    </div>

                    <div class="checkbox">

                        ${h.checkbox('hooks_changegroup_push_logger','True')}

                        <label for="hooks_changegroup_push_logger">${_('Log user push commands')}</label>

                    </div>

                    <div class="checkbox">

                        ${h.checkbox('hooks_outgoing_pull_logger','True')}

                        <label for="hooks_outgoing_pull_logger">${_('Log user pull commands')}</label>

                    </div>

                    <div class="checkbox">

                        ${h.checkbox('hooks_changegroup_update','True')}

                        <label for="hooks_changegroup_update">${_('Update repository after push (hg update)')}</label>

                    </div>

                </div>

            </div>

            <div class="form-group">

                <label>${_('Mercurial extensions')}:</label>

                    <div class="checkbox">

                        ${h.checkbox('extensions_largefiles','True')}

                        <label for="extensions_largefiles">${_('Enable largefiles extension')}</label>

                    </div>

                    <div class="checkbox">

                        ${h.checkbox('extensions_hgsubversion','True')}

                        <label for="extensions_hgsubversion">${_('Enable hgsubversion extension')}</label>

                    </div>

                    <span class="help-block">${_('Requires hgsubversion library to be installed. Enables cloning of remote Subversion repositories while converting them to Mercurial.')}</span>

                    ##<div class="checkbox">

                    ##    ${h.checkbox('extensions_hggit','True')}

                    ##    <label for="extensions_hggit">${_('Enable hg-git extension')}</label>

                    ##</div>

                    ##<span class="help-block">${_('Requires hg-git library to be installed. Enables cloning of remote Git repositories while converting them to Mercurial.')}</span>

                </div>

            </div>

            %if c.visual.allow_repo_location_change:

            <div class="form-group">

                <label class="control-label" for="paths_root_path">${_('Location of repositories')}:</label>

                <div>

                    ${h.text('paths_root_path',size=60,readonly="readonly")}

                    <span id="path_unlock" data-toggle="tooltip" style="cursor: pointer"

                            title="${_('Click to unlock. You must restart Kallithea in order to make this setting take effect.')}">

                        <div class="btn btn-default btn-sm"><i id="path_unlock_icon" class="icon-lock"></i></div>

${h.form(url('admin_settings_visual'), method='post')}

    <div class="form">

        <div class="form-horizontal">

            <div class="form-group">

                <label>${_('General')}:</label>

                    <div class="checkbox">

                        ${h.checkbox('repository_fields','True')}

                        <label for="repository_fields">${_('Use repository extra fields')}</label>

                    </div>

                    <span class="help-block">${_('Allows storing additional customized fields per repository.')}</span>

                    <div class="checkbox">

                        ${h.checkbox('show_version','True')}

                        <label for="show_version">${_('Show Kallithea version')}</label>

                    </div>

                    <span class="help-block">${_('Shows or hides a version number of Kallithea displayed in the footer.')}</span>

                    <div class="checkbox">

                        ${h.checkbox('use_gravatar','True')}

                        <label for="use_gravatar">${_('Use Gravatars in Kallithea')}</label>

                    </div>

                </div>

                <div>

                        ${h.text('gravatar_url', size=80)}

                        <span class="help-block">${_('''Gravatar URL allows you to use another avatar server application.

                                                        The following variables of the URL will be replaced accordingly.

                                                        {scheme}    'http' or 'https' sent from running Kallithea server,

                                                        {email}     user email,

                                                        {md5email}  md5 hash of the user email (like at gravatar.com),

                                                        {netloc} network location/server host of running Kallithea server,

                                                        {repo}   full repository name,

                                                        {repoid} ID of repository, can be used to construct clone-by-id''')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="page_size">${_('Repository page size')}:</label>

                <div>

                    ${h.text('page_size',size=5)}

                    <span class="help-block">${_('Number of items displayed in the repository pages before pagination is shown.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="admin_grid_items">${_('Admin page size')}:</label>

                <div>

                    ${h.text('admin_grid_items',size=5)}

                    <span class="help-block">${_('Number of items displayed in the admin pages grids before pagination is shown.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label>${_('Icons')}:</label>

                    <div class="checkbox">

                        ${h.checkbox('show_public_icon','True')}

                        <label for="show_public_icon">${_('Show public repository icon on repositories')}</label>

                    </div>

                    <div class="checkbox">

                        ${h.checkbox('show_private_icon','True')}

                        <label for="show_private_icon">${_('Show private repository icon on repositories')}</label>

                    </div>

                    <span class="help-block">${_('Show public/private icons next to repository names.')}</span>

                 </div>

            </div>

            <div class="form-group">

                <label>${_('Meta Tagging')}:</label>

                    <div class="checkbox">

                        ${h.checkbox('stylify_metatags','True')}

                        <label for="stylify_metatags">${_('Stylify recognised meta tags:')}</label>

                    </div>

                    <div style="padding-left: 20px;">

                        <ul> <!-- Fix style here -->

                            <li>[featured] <span class="metatag" tag="featured">featured</span></li>

                            <li>[stale] <span class="metatag" tag="stale">stale</span></li>

                            <li>[dead] <span class="metatag" tag="dead">dead</span></li>

                            <li>[lang =&gt; lang] <span class="metatag" tag="lang" >lang</span></li>

                            <li>[license =&gt; License] <span class="metatag" tag="license"><a href="http://www.opensource.org/licenses/License" >License</a></span></li>

                            <li>[requires =&gt; Repo] <span class="metatag" tag="requires" >requires =&gt; <a href="#" >Repo</a></span></li>

                            <li>[recommends =&gt; Repo] <span class="metatag" tag="recommends" >recommends =&gt; <a href="#" >Repo</a></span></li>

                            <li>[see =&gt; URI] <span class="metatag" tag="see">see =&gt; <a href="#">URI</a> </span></li>

                        </ul>

                    </div>

                    <span class="help-block">${_('Parses meta tags from the repository description field and turns them into colored tags.')}</span>

                 </div>

            </div>

            <div class="form-group">

                <div class="buttons">

                    ${h.submit('save',_('Save Settings'),class_="btn btn-default")}

                    ${h.reset('reset',_('Reset'),class_="btn btn-default")}

    <!-- box / title -->

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

    <!-- end box / title -->

    ${h.form(url('users_groups'))}

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

            <div class="form-group">

                <label class="control-label" for="users_group_name">${_('Group name')}:</label>

                <div>

                    ${h.text('users_group_name',class_='form-control')}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="user_group_description">${_('Description')}:</label>

                <div class="textarea text-area editor">

                    ${h.textarea('user_group_description')}

                    <span class="help-block">${_('Short, optional description for this user group.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="users_group_active">${_('Active')}:</label>

                    ${h.checkbox('users_group_active',value=True, checked='checked')}

                </div>

            </div>

            <div class="form-group">

                <div class="buttons">

                    ${h.submit('save',_('Save'),class_="btn btn-default")}

                </div>

            </div>

        </div>

    </div>

    ${h.end_form()}

</div>

<script>

    $(document).ready(function(){

        $('#users_group_name').focus();

    });

</script>

</%def>

${h.form(url('update_users_group', id=c.user_group.users_group_id), id='edit_users_group')}

    <div class="form">

        <!-- fields -->

            <div class="form-horizontal">

                <div class="form-group">

                    <label class="control-label" for="users_group_name">${_('Group name')}:</label>

                    <div>

                        ${h.text('users_group_name',class_='form-control')}

                    </div>

                </div>

                <div class="form-group">

                    <label class="control-label" for="user_group_description">${_('Description')}:</label>

                    <div class="textarea-small editor">

                        ${h.textarea('user_group_description')}

                        <span class="help-block">${_('Short, optional description for this user group.')}</span>

                    </div>

                </div>

                <div class="form-group">

                    <label class="control-label" for="users_group_active">${_('Active')}:</label>

                        ${h.checkbox('users_group_active',value=True)}

                    </div>

                </div>

                <div class="form-group">

                    <label class="control-label">${_('Members')}:</label>

                    <div class="select">

                        <table class="table">

                                <tr>

                                    <td>

                                        <div>

                                            <div style="float:left">

                                                <div class="text" style="padding: 0px 0px 6px;">${_('Chosen group members')}</div>

                                                ${h.select('users_group_members',[],c.group_members,multiple=True,size=8,style="min-width:210px")}

                                            </div>

                                            <div style="float:left;width:20px;padding-top:50px">

                                                <i style="cursor:pointer; font-size: 16px" id="add_element" class="icon-left-open" title="Choose selected available"></i>

                                                <div style="height:50px"></div>

                                                <i style="cursor:pointer; font-size: 16px" id="remove_element" class="icon-right-open" title="Remove selected chosen"></i>

                                            </div>

                                            <div style="float:left">

                                                 <div class="text" style="padding: 0px 0px 6px;">${_('Available members')}</div>

                                                 ${h.select('available_members',[],c.available_members,multiple=True,size=8,style="min-width:210px")}

                                            </div>

                                        </div>

            <div class="form-group">

                <label class="control-label" for="firstname">${_('First Name')}:</label>

                <div>

                    ${h.text('firstname',class_='form-control')}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="lastname">${_('Last Name')}:</label>

                <div>

                    ${h.text('lastname',class_='form-control')}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="email">${_('Email')}:</label>

                <div>

                    ${h.text('email',class_='form-control')}