## -*- coding: utf-8 -*-

<%inherit file="/base/base.html"/>

<%block name="title">

    ${_('Authentication Settings')}

</%block>

<%def name="breadcrumbs_links()">

    ${h.link_to(_('Admin'),h.url('admin_home'))}

    »

    ${_('Authentication')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

    <div class="panel-heading">

        ${self.breadcrumbs()}

    </div>

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

    <div class="form">

    ## enabled auth plugins

    <h1>${_('Authentication Plugins')}</h1>

    <div class="form-horizontal">

       <div class="form-group">

           <div class="label"><label class="control-label" for="auth_plugins">${_("Enabled Plugins")}</label></div>

           <div class="input">${h.text("auth_plugins", class_='large')}

           <span class="help-block">${_('Comma-separated list of plugins; Kallithea will try user authentication in plugin order')}</span>

               <div style="padding:10px 0px 10px 0px;font-weight: bold">${_('Available built-in plugins')}</div>

               <ul>

               %for plugin_path in c.available_plugins:

                    <li>

                      <div style="padding:3px 0px 3px 0px">

                      </div>

                    </li>

               %endfor

               </ul>

           </div>

       </div>

    </div>

    %for cnt, module in enumerate(c.enabled_plugins):

        <% pluginName = c.plugin_shortnames[module] %>

        <h1>${_('Plugin')}: ${pluginName}</h1>

        <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">

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

                <div class="input">

                    ${h.password(fullsetting,class_='small')}

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

                </div>

            </div>

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

            <div class="form-group">

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

                <div class="input">

                    ${h.text(fullsetting,class_='small')}

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

                </div>

            </div>

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

            <div class="form-group">

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

                <div class="checkboxes">

                    <div class="checkbox">${h.checkbox(fullsetting,True,class_='small')}</div>

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

                </div>

            </div>

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

            <div class="form-group">

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

                <div class="select">

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

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

                </div>

            </div>

            %else:

            <div class="form-group">

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

                <div class="input">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>

        </div>

    </div>

    ${h.end_form()}

</div>

<script>

    $('.toggle-plugin').click(function(e){

        var $auth_plugins_input = $('#auth_plugins');

        var notEmpty = function(element, index, array) {

            return (element != "");

        }

        var elems = $auth_plugins_input.val().split(',').filter(notEmpty);

        var $cur_button = $(e.currentTarget);

        var plugin_id = $cur_button.attr('plugin_id');

        if($cur_button.hasClass('active')){

            elems.splice(elems.indexOf(plugin_id), 1);

            $auth_plugins_input.val(elems.join(','));

            $cur_button.removeClass('active');

            $cur_button.html(_TM['Disabled']);

        }

        else{

            if(elems.indexOf(plugin_id) == -1){

                elems.push(plugin_id);

            }

            $auth_plugins_input.val(elems.join(','));

            $cur_button.addClass('active');

            $cur_button.html(_TM['Enabled']);

        }

    });

</script>

</%def>

## -*- coding: utf-8 -*-

<%inherit file="/base/base.html"/>

<%block name="title">

    ${_('Repository Defaults')}

</%block>

<%def name="breadcrumbs_links()">

    ${h.link_to(_('Admin'),h.url('admin_home'))}

    »

    ${_('Repository Defaults')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%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">

                <div class="label">

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

                </div>

                <div class="input">

                    ${h.select('default_repo_type','hg',c.backends,class_="medium")}

                </div>

            </div>

            <div class="form-group">

                <div class="label label-checkbox">

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

                </div>

                <div class="checkboxes">

                    ${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">

                <div class="label label-checkbox">

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

                </div>

                <div class="checkboxes">

                    ${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">

                <div class="label label-checkbox">

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

                </div>

                <div class="checkboxes">

                    ${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">

                <div class="label label-checkbox">

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

                </div>

                <div class="checkboxes">

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

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

                </div>

            </div>

            </div>

        </div>

    </div>

    ${h.end_form()}

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

</div>

</%def>

## -*- coding: utf-8 -*-

<%inherit file="/base/base.html"/>

<%block name="title">

    ${_('Gist')} · ${c.gist.gist_access_id}

</%block>

<%def name="breadcrumbs_links()">

    ${_('Gist')} · ${c.gist.gist_access_id}

    / ${_('URL')}: ${c.gist.gist_url()}

</%def>

<%block name="header_menu">

    ${self.menu('gists')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

    <div class="panel-heading">

        ${self.breadcrumbs()}

        %if c.authuser.username != 'default':

        <ul class="links">

          <li>

              <a href="${h.url('new_gist')}" class="btn btn-success btn-sm"><i class="icon-plus"></i> ${_('Create New Gist')}</a>

          </li>

        </ul>

        %endif

    </div>

    <div class="table">

        <div id="files_data">

            <div id="body" class="codeblock">

                <div class="code-header">

                    <div class="stats">

                        <div class="left" style="margin: -4px 0px 0px 0px">

                          %if c.gist.gist_type == 'public':

                            <div class="btn btn-success btn-xs disabled">${_('Public Gist')}</div>

                          %else:

                            <div class="btn btn-warning btn-xs disabled">${_('Private Gist')}</div>

                          %endif

                        </div>

                        <div class="left item">

                            ${c.gist.gist_description}

                        </div>

                        <div class="left item last" style="color: #AAA">

                         %if c.gist.gist_expires == -1:

                          ${_('Expires')}: ${_('Never')}

                         %else:

                          ${_('Expires')}: ${h.age(h.time_to_datetime(c.gist.gist_expires))}

                         %endif

                       %if h.HasPermissionAny('hg.admin')() or c.gist.gist_owner == c.authuser.user_id:

                        <div style="float:right">

                            ${h.form(url('gist_delete', gist_id=c.gist.gist_id))}

                                ${h.submit('remove_gist', _('Delete'),class_="btn btn-danger btn-xs",onclick="return confirm('"+_('Confirm to delete this Gist')+"');")}

                            ${h.end_form()}

                        </div>

                       %endif

                        <div class="buttons">

                          ## only owner should see that

                          %if h.HasPermissionAny('hg.admin')() or c.gist.gist_owner == c.authuser.user_id:

                            ${h.link_to(_('Edit'),h.url('edit_gist', gist_id=c.gist.gist_access_id),class_="btn btn-default btn-xs")}

                          %endif

                          ${h.link_to(_('Show as Raw'),h.url('formatted_gist', gist_id=c.gist.gist_access_id, format='raw'),class_="btn btn-default btn-xs")}

                        </div>

                    </div>

                    <div class="author">

                        ${h.gravatar_div(h.email_or_none(c.file_changeset.author), size=16)}

                        <div title="${c.file_changeset.author}" class="user">${h.person(c.file_changeset.author)} - ${_('created')} ${h.age(c.file_changeset.date)}</div>

                    </div>

                    <div class="commit">${h.urlify_text(c.file_changeset.message,c.repo_name)}</div>

                </div>

            </div>

               ## iterate over the files

               % for file in c.files:

               <div style="border: 1px solid #EEE;margin-top:20px">

                <div id="${h.FID('G', file.path)}" class="stats" style="border-bottom: 1px solid #DDD;padding: 8px 14px;">

                    <a href="${c.gist.gist_url()}">¶</a>

                    <b style="margin:0px 0px 0px 4px">${h.safe_unicode(file.path)}</b>

                    <div style="float:right; margin: -5px">

                       ${h.link_to(_('Show as raw'),h.url('formatted_gist_file', gist_id=c.gist.gist_access_id, format='raw', revision=file.changeset.raw_id, f_path=h.safe_unicode(file.path)),class_="btn btn-default btn-xs")}

                    </div>

                </div>

                <div class="code-body">

                    ${h.pygmentize(file,linenos=True,anchorlinenos=True,lineanchors='L',cssclass="code-highlight")}

                </div>

              </div>

               %endfor

        </div>

    </div>

</div>

</%def>

<div class="apikeys_wrap">

  <table class="noborder">

    <tr>

        <td style="width: 450px"><div class="truncate autoexpand" style="width:120px;font-size:16px;font-family: monospace">${c.user.api_key}</div></td>

        <td>

            <span class="btn btn-success btn-xs disabled">${_('Built-in')}</span>

        </td>

        <td>${_('Expires')}: ${_('Never')}</td>

        <td>

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

                ${h.hidden('del_api_key',c.user.api_key)}

                ${h.hidden('del_api_key_builtin',1)}

                <button class="btn btn-danger btn-xs" type="submit"

                        onclick="return confirm('${_('Confirm to reset this API key: %s') % c.user.api_key}');">

                    ${_('Reset')}

                </button>

            ${h.end_form()}

        </td>

    </tr>

    %if c.user_api_keys:

        %for api_key in c.user_api_keys:

          <tr class="${'expired' if api_key.expired else ''}">

            <td style="width: 450px"><div class="truncate autoexpand" style="width:120px;font-size:16px;font-family: monospace">${api_key.api_key}</div></td>

            <td>${api_key.description}</td>

            <td style="min-width: 80px">

                 %if api_key.expires == -1:

                  ${_('Expires')}: ${_('Never')}

                 %else:

                    %if api_key.expired:

                        ${_('Expired')}: ${h.age(h.time_to_datetime(api_key.expires))}

                    %else:

                        ${_('Expires')}: ${h.age(h.time_to_datetime(api_key.expires))}

                    %endif

                 %endif

            </td>

            <td>

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

                    ${h.hidden('del_api_key',api_key.api_key)}

                    <button class="btn btn-danger btn-xs" type="submit"

                            onclick="return confirm('${_('Confirm to remove this API key: %s') % api_key.api_key}');">

                        <i class="icon-minus-circled"></i>

                        ${_('Remove')}

                    </button>

                ${h.end_form()}

            </td>

          </tr>

        %endfor

    %else:

    <tr><td><div class="ip">${_('No additional API keys specified')}</div></td></tr>

    %endif

  </table>

</div>

<div>

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

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

                <div class="label">

                    <label for="description">${_('New API key')}:</label>

                </div>

                <div class="input">

                    ${h.text('description', class_='medium', placeholder=_('Description'))}

                    ${h.select('lifetime', '', c.lifetime_options)}

                </div>

            </div>

        </div>

    </div>

    ${h.end_form()}

</div>

<script>

    $(document).ready(function(){

        $("#lifetime").select2({

            'dropdownAutoWidth': true

        });

    });

</script>

<div class="emails_wrap">

  <table class="noborder">

    <tr>

    %if c.visual.use_gravatar:

    <td>${h.gravatar_div(c.user.email, size=16)}</td>

    %endif

    <td><div class="email">${c.user.email}</div></td>

    <td>

        <span class="btn btn-success btn-xs disabled">${_('Primary')}</span>

    </td>

    </tr>

    %if c.user_email_map:

        %for em in c.user_email_map:

          <tr>

            %if c.visual.use_gravatar:

            <td>${h.gravatar_div(em.email, size=16)}</td>

            %endif

            <td><div class="email">${em.email}</div></td>

            <td>

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

                    ${h.hidden('del_email_id',em.email_id)}

                    <i class="icon-minus-circled" style="color:#FF4444"></i>

                    ${h.submit('remove_',_('Delete'),id="remove_email_%s" % em.email_id,

                    class_="btn btn-default btn-xs", onclick="return  confirm('"+_('Confirm to delete this email: %s') % em.email+"');")}

                ${h.end_form()}

            </td>

          </tr>

        %endfor

    %else:

    <tr><td><div class="ip">${_('No additional emails specified.')}</div></td></tr>

    %endif

  </table>

</div>

<div>

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

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

             <div class="form-group">

                <div class="label">

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

                </div>

                <div class="input">

                    ${h.text('new_email', class_='medium')}

                </div>

             </div>

            </div>

        </div>

    </div>

    ${h.end_form()}

</div>

<div style="font-size: 20px; color: #666666; padding: 0px 0px 10px 0px">${_('Change Your Account Password')}</div>

%if c.can_change_password:

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

<div class="form">

        <div class="label">

            <label class="control-label" for="current_password">${_('Current password')}:</label>

        </div>

        <div class="input">

            ${h.password('current_password',class_='medium')}

        </div>

        <div class="label">

            <label class="control-label" for="new_password">${_('New password')}:</label>

        </div>

        <div class="input">

            ${h.password('new_password',class_='medium')}

        </div>

        <div class="label">

            <label class="control-label" for="new_password_confirmation">${_('Confirm new password')}:</label>

        </div>

        <div class="input">

            ${h.password('new_password_confirmation',class_='medium')}

        </div>

        <div class="buttons">

        </div>

    </div>

</div>

${h.end_form()}

%else:

${_('This account is managed with %s and the password cannot be changed here') % c.user.extern_type}

%endif

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

    <div class="form">

         <div class="form-group">

           <div class="gravatar_box">

                ${h.gravatar_div(c.user.email)}

                <p>

                %if c.visual.use_gravatar:

                <strong>${_('Change your avatar at')} <a href="http://gravatar.com">gravatar.com</a></strong>

                <br/>${_('Using')} ${c.user.email}

                %else:

                <strong>${_('Avatars are disabled')}</strong>

                <br/>${c.user.email or _('Missing email, please update your user email address.')}

                    [${_('Current IP')}: ${c.ip_addr}]

                %endif

               </p>

           </div>

         </div>

        <div class="form-horizontal">

             <div class="form-group">

                <div class="label">

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

                </div>

                <div class="input">

                  ${h.text('username',class_='medium', readonly=c.readonly('username'))}

                </div>

             </div>

             <div class="form-group">

                <div class="label">

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

                </div>

                <div class="input">

                    ${h.text('firstname',class_="medium", readonly=c.readonly('firstname'))}

                </div>

             </div>

             <div class="form-group">

                <div class="label">

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

                </div>

                <div class="input">

                    ${h.text('lastname',class_="medium", readonly=c.readonly('lastname'))}

                </div>

             </div>

             <div class="form-group">

                <div class="label">

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

                </div>

                <div class="input">

                    ${h.text('email',class_="medium", readonly=c.readonly('email'))}

                </div>

             </div>

            </div>

        </div>

    </div>

${h.end_form()}

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

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

            <div class="form-group">

                <div class="label label-checkbox">

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

                </div>

                <div class="checkboxes">

                    <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">

                <div class="label">

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

                </div>

                <div class="select">

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

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

                    <label for="overwrite_default_repo">

                    <span class="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">

                <div class="label">

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

                </div>

                <div class="select">

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

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

                    <label for="overwrite_default_group">

                    <span class="tooltip"

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

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

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

                </div>

            </div>

            <div class="form-group">

                <div class="label">

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

                </div>

                <div class="select">

                    ${h.select('default_user_group_perm','',c.user_group_perms_choices)}

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

                    <label for="overwrite_default_user_group">

                    <span class="tooltip"

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

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

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

                </div>

            </div>

             <div class="form-group">

                <div class="label">

                    <label class="control-label" for="default_repo_create">${_('Top level repository creation')}:</label>

                </div>

                <div class="select">

                    ${h.select('default_repo_create','',c.repo_create_choices)}

                    <span class="help-block">${_('Enable this to allow non-admins to create repositories at the top level.')}</span>

                    <span class="help-block">${_('Note: This will also give all users API access to create repositories everywhere. That might change in future versions.')}</span>

                </div>

             </div>

            <div class="form-group">

                <div class="label label-checkbox">

                    <label class="control-label" for="create_on_write">${_('Repository creation with group write access')}:</label>

                </div>

                <div class="select">

                    ${h.select('create_on_write','',c.repo_create_on_write_choices)}

                    <span class="help-block">${_('With this, write permission to a repository group allows creating repositories inside that group. Without this, group write permissions mean nothing.')}</span>

                </div>

            </div>

             <div class="form-group">

                <div class="label">

                    <label class="control-label" for="default_user_group_create">${_('User group creation')}:</label>

                </div>

                <div class="select">

                    ${h.select('default_user_group_create','',c.user_group_create_choices)}

                    <span class="help-block">${_('Enable this to allow non-admins to create user groups.')}</span>

                </div>

             </div>

             <div class="form-group">

                <div class="label">

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

                </div>

                <div class="select">

                    ${h.select('default_fork','',c.fork_choices)}

                    <span class="help-block">${_('Enable this to allow non-admins to fork repositories.')}</span>

                </div>

             </div>

             <div class="form-group">

                <div class="label">

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

                </div>

                <div class="select">

                    ${h.select('default_register','',c.register_choices)}

                </div>

             </div>

             <div class="form-group">

                <div class="label">

                    <label class="control-label" for="default_extern_activate">${_('External auth account activation')}:</label>

                </div>

                <div class="select">

                    ${h.select('default_extern_activate','',c.extern_activate_choices)}

                </div>

             </div>

            </div>

        </div>

    </div>

${h.end_form()}

<div class="ips_wrap">

      <table class="noborder">

      %if c.user_ip_map:

        %for ip in c.user_ip_map:

          <tr>

              <td><div class="ip">${ip.ip_addr}</div></td>

              <td><div class="ip">${h.ip_range(ip.ip_addr)}</div></td>

              <td>

                ${h.form(url('edit_user_ips_delete', id=c.user.user_id))}

                    ${h.hidden('del_ip_id',ip.ip_id)}

                    ${h.hidden('default_user', 'True')}

                    <i class="icon-minus-circled" style="color:#FF4444"></i> ${h.submit('remove_',_('Delete'),id="remove_ip_%s" % ip.ip_id,

                    class_="btn btn-default btn-xs", onclick="return confirm('"+_('Confirm to delete this IP address: %s') % ip.ip_addr+"');")}

                ${h.end_form()}

              </td>

          </tr>

        %endfor

       %else:

        <tr><td><div class="ip">${_('All IP addresses are allowed.')}</div></td></tr>

       %endif

      </table>

</div>

${h.form(url('edit_user_ips_update', id=c.user.user_id))}

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

             <div class="form-group">

                <div class="label">

                    <label class="control-label" for="new_ip">${_('New IP address')}:</label>

                </div>

                <div class="input">

                    ${h.hidden('default_user', 'True')}

                    ${h.text('new_ip', class_='medium')}

                </div>

             </div>

            </div>

        </div>

    </div>

${h.end_form()}

## -*- coding: utf-8 -*-

<%inherit file="/base/base.html"/>

<%block name="title">

    ${_('Add Repository Group')}

</%block>

<%def name="breadcrumbs_links()">

    ${h.link_to(_('Admin'),h.url('admin_home'))}

    »

    ${h.link_to(_('Repository Groups'),h.url('repos_groups'))}

    »

    ${_('Add Repository Group')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

    <div class="panel-heading">

        ${self.breadcrumbs()}

    </div>

    <!-- end box / title -->

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

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

             <div class="form-group">

                <div class="label">

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

                </div>

                <div class="input">

                    ${h.text('group_name',class_='small')}

                </div>

             </div>