.caret:after {

    font-family: 'kallithea';

    content: ' \23f7';           /* triangle-down */

}

.repo-switcher .select2-choice {

    padding: 0px 8px 1px !important;

    display: block;

    height: 100%;

}

.repo-switcher .select2-container,

.repo-switcher .select2-choice,

.repo-switcher .select2-choice span {

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    color: #FFFFFF !important;

}

.repo-switcher .select2-arrow {

    display: none !important;

}

.repo-switcher-dropdown.select2-drop.select2-drop-active {

    box-shadow: none;

    color: #fff;

    background-color: #576622;

}

.repo-switcher-dropdown.select2-drop.select2-drop-active .select2-results .select2-highlighted {

    background-color: #6388ad;

}

#content div.graph {

    padding: 0 10px 10px;

    height: 450px;

}

#content div.panel ol.lower-roman,

#content div.panel ol.upper-roman,

#content div.panel ol.lower-alpha,

#content div.panel ol.upper-alpha,

#content div.panel ol.decimal {

    margin: 10px 24px 10px 44px;

}

#content div.panel div.form,

#content div.panel div.table,

#content div.panel div.traffic {

    position: relative;

    clear: both;

    margin: 0;

    padding: 0 20px 10px;

}

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

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

#login div.form-horizontal,

#login div.form-horizontal div.form-group,

#register div.form,

#register div.form div.fields,

#register div.form div.form-horizontal {

    clear: both;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

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

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

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

    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;

}

#content div.panel table td.user,

#content div.panel table td.address {

    width: 10%;

    text-align: center;

}

#content div.panel div.action div.button,

#login div.form div.form-horizontal div.form-group > div div.link,

#register div.form div.form-horizontal div.form-group > div div.link {

    text-align: right;

    margin: 6px 0 0;

    padding: 0;

}

#login, #register {

    width: 520px;

    margin: 10% auto 0;

    padding: 0;

}

#login div.color,

#register div.color {

    clear: both;

    overflow: hidden;

    background: #FFF;

    margin: 10px auto 0;

    padding: 3px 3px 3px 0;

}

#login div.color a,

#register div.color a {

    width: 20px;

    height: 20px;

    display: block;

    float: left;

    margin: 0 0 0 3px;

    padding: 0;

}

#login div.panel-heading h5,

#register div.panel-heading h5 {

    color: #fff;

    margin: 10px;

    padding: 0;

}

#login div.form div.form-horizontal div.form-group,

#register div.form div.form-horizontal div.form-group {

    clear: both;

    overflow: hidden;

    margin: 0;

    padding: 0 0 10px;

}

#login div.form div.form-horizontal div.form-group span.error-message,

#register div.form div.form-horizontal div.form-group span.error-message {

    height: 1%;

    display: block;

    color: red;

    margin: 8px 0 0;

    padding: 0;

    max-width: 320px;

}

#login div.form div.form-horizontal div.form-group label,

#register div.form div.form-horizontal div.form-group > label {

    color: #000;

    font-weight: 700;

}

#login div.form div.form-horizontal div.form-group div,

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

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

            <div>${h.text("auth_plugins", class_='form-control')}

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

                        <span style="margin: 0px 10px 0px 0px" plugin_id="${plugin_path}" class="toggle-plugin btn btn-default btn-xs ${'active' if plugin_path in c.enabled_plugins else ''}">

                            ${_('Enabled') if plugin_path in c.enabled_plugins else _('Disabled')}

                        </span>

                        ${plugin_path}

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

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

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

                </div>

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

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

                    <span data-toggle="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">

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

                <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 data-toggle="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">

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

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

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

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

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

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

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

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

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

                <div class="select">

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

                </div>

            </div>

            <div class="form-group">

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

                <div class="select">

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

                </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()}

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

                <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();

            }

        }

        $("#parent_group_id").select2({

            'dropdownAutoWidth': true

        });

        setCopyPermsOption($('#parent_group_id').val());

        $("#parent_group_id").on("change", function(e) {

            setCopyPermsOption(e.val);

        });

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

    });

</script>

</%def>

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

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

<div class="form">

    <!-- fields -->

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

</div>

${h.end_form()}

<script>

    $(document).ready(function(){

        $("#parent_group_id").select2({

            'dropdownAutoWidth': true

        });

    });

</script>

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

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

<div class="form">

    <!-- fields -->

    <div class="form-horizontal">

        <div class="form-group">

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

            <div>

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

            </div>

         </div>

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

            <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

        });

        setCopyPermsOption($('#repo_group').val());

        $("#repo_group").on("change", function(e) {

            setCopyPermsOption(e.val);

        });

        $("#repo_type").select2({

            'minimumResultsForSearch': -1

        });

        $("#repo_landing_rev").select2({

            'minimumResultsForSearch': -1

        });

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

    });

</script>

${h.end_form()}

${h.form(url('update_repo', repo_name=c.repo_info.repo_name))}

    <div class="form">

        <!-- fields -->

        <div class="form-horizontal">

            <div class="form-group">

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

                <div>

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

                    <span class="help-block">${_('Permanent Repository ID')}: `_${c.repo_info.repo_id}` <span><a id="show_more_clone_id" href="#">${_('What is that?')}</a></span></span>

                    <span id="clone_id" class="help-block" style="display: none">

                        ${_('URL by id')}: `${c.repo_info.clone_url(with_id=True)}` </br>

                        ${_('''In case this repository is renamed or moved into another group the repository URL changes.

                               Using the above permanent URL guarantees that this repository always will be accessible on that URL.

                               This is useful for CI systems, or any other cases that you need to hardcode the URL into a 3rd party service.''')}</span>

                </div>

            </div>

            <div class="form-group">

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

                <div>

                  <div id="alter_clone_uri">

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

                        ${h.hidden('clone_uri_hidden', c.repo_info.clone_uri_hidden)}