${h.form(url('admin_settings_visual'), method='post')}
    <div class="form">

        <div class="form-horizontal">

            <div class="form-group">
                <label class="control-label">${_('General')}:</label>
                <div>
                    <div class="checkbox">
                        <label>
                            ${h.checkbox('repository_fields','True')}
                            ${_('Use repository extra fields')}
                        </label>
                    </div>
                    <span class="help-block">${_('Allows storing additional customized fields per repository.')}</span>

                    <div class="checkbox">
                        <label>
                            ${h.checkbox('show_version','True')}
                            ${_('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">
                        <label>
                            ${h.checkbox('use_gravatar','True')}
                            ${_('Use Gravatars in Kallithea')}
                        </label>
                    </div>
                    ${h.text('gravatar_url', size=80, class_='form-control')}
                    <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),
                                                        {size}      size of the image that is expected from the server application,
                                                        {netloc}    network location/server host of running Kallithea server''')}</span>
                </div>
            </div>

            <div class="form-group">
                <label class="control-label">${_('Clone URL')}:</label>
                <div>
                    ${h.text('clone_uri_tmpl', size=80, class_='form-control')}
                    <span class="help-block">${_('''Schema of clone URL construction eg. '{scheme}://{user}@{netloc}/{repo}'.
                                                    The following variables are available:
                                                    {scheme} 'http' or 'https' sent from running Kallithea server,
                                                    {user}   current user username,
                                                    {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="dashboard_items">${_('Repository page size')}:</label>
                <div>
                    ${h.text('dashboard_items',size=5,class_='form-control')}
                    <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,class_='form-control')}
                    <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 class="control-label">${_('Icons')}:</label>
                <div>
                    <div class="checkbox">
                        <label>
                            ${h.checkbox('show_public_icon','True')}
                            ${_('Show public repository icon on repositories')}
                        </label>
                    </div>
                    <div class="checkbox">
                        <label>
                            ${h.checkbox('show_private_icon','True')}
                            ${_('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 class="control-label" for="stylify_metatags">${_('Meta Tagging')}:</label>
                <div>
                    <div class="checkbox">
                        ${h.checkbox('stylify_metatags','True')}
                    </div>
                    <span class="help-block">${_('Parses meta tags from the repository description field and turns them into colored tags.')}</span>
                    <div>
                        ${_('Stylify recognised meta tags:')}
                        <ul> <!-- Fix style here -->
                            <li>[featured] <span class="metatag" data-tag="featured">featured</span></li>
                            <li>[stale] <span class="metatag" data-tag="stale">stale</span></li>
                            <li>[dead] <span class="metatag" data-tag="dead">dead</span></li>
                            <li>[lang =&gt; lang] <span class="metatag" data-tag="lang">lang</span></li>
                            <li>[license =&gt; License] <span class="metatag" data-tag="license"><a href="http://www.opensource.org/licenses/License">License</a></span></li>
                            <li>[requires =&gt; Repo] <span class="metatag" data-tag="requires">requires =&gt; <a href="#">Repo</a></span></li>
                            <li>[recommends =&gt; Repo] <span class="metatag" data-tag="recommends">recommends =&gt; <a href="#">Repo</a></span></li>
                            <li>[see =&gt; URI] <span class="metatag" data-tag="see">see =&gt; <a href="#">URI</a> </span></li>
                        </ul>
                    </div>
                 </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")}
                </div>
            </div>

        </div>
    </div>
${h.end_form()}