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

    <div class="form">

        <div class="fields">

             <div class="field">

                <div class="label label-checkbox">

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

                </div>

                <div class="checkboxes">

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

                    <div class="input">

                        ${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),

                                                        {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="field">

                    <div class="input">

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

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

            <div class="field">

                <div class="label">

                    <label for="dashboard_items">${_('Dashboard items')}:</label>

                </div>

                <div class="input">

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

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

                </div>

            </div>

            <div class="field">

                <div class="label">

                    <label for="admin_grid_items">${_('Admin pages items')}:</label>

                </div>

                <div class="input">

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

                <div class="label label-checkbox">

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

                </div>

                <div class="checkboxes">

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

                <div class="label label-checkbox">

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

                </div>

                <div class="checkboxes">

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

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

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

             </div>

        </div>

    </div>

${h.end_form()}