${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)}
                  </div>
                  <span id="alter_clone_uri_help_block" class="help-block">
                    ${_('Optional: URL of a remote repository. If set, the repository can be pulled from this URL.')}
                  </span>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label" for="repo_group">${_('Repository group')}:</label>
                <div>
                    ${h.select('repo_group','',c.repo_groups,class_='form-control')}
                    <span class="help-block">${_('Optionally select a group to put this repository into.')}</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, 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>
                <div class="checkboxes">
                    ${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>
                <div class="checkboxes">
                    ${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>
                <div class="checkboxes">
                    ${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>
                <div class="checkboxes">
                    ${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>
            </div>
        </div>
    </div>
    ${h.end_form()}

<script>
    $(document).ready(function(){
        $('#show_more_clone_id').on('click', function(e){
            $('#clone_id').show();
            e.preventDefault();
        });

        $('#repo_landing_rev').select2({
            'dropdownAutoWidth': true
        });
        $('#repo_group').select2({
            'dropdownAutoWidth': true
        });

        // autocomplete
        var _USERS_AC_DATA = ${c.users_array|n};
        SimpleUserAutoComplete($('#owner'), $('#owner_container'), _USERS_AC_DATA);
    });
</script>