<form action="{{action}}" method="POST">

    <div class="welcome">
        <div class="grid-9" style="text-align: right">
            <label for="{{ widget.context_for(widget.fields[0])['id'] }}">
                Project Name:
            </label>
        </div>
        <div class="grid-8">{{widget.display_field_by_idx(0)|safe}}</div>
        <div class="grid-6">&nbsp;</div>
        <div class="grid-9" style="text-align: right">
            <label for="{{ widget.context_for(widget.fields[1])['id'] }}">
                URL: http://{{c.environ['HTTP_HOST']}}{{neighborhood.url()}}
            </label>
        </div>
        <div class="grid-8">{{widget.display_field_by_idx(1)|safe}}<br><div id="name_availablity" style="display:none"></div></div>
        <div class="grid-3"><input type="button" value="Suggest" id="suggest_project_name"></div>
        {{widget.display_field_by_idx(3)|safe}}
    </div>
    <div class="inner-row">
        <div class="tool">
            <img src="{{g.forge_static('allura/images/wiki_48.png')}}">
            {{widget.display_field_by_idx(4)|safe}}
            <h1>Wikis</h1>
            <p>
                Documentation is key to your project and the wiki tool helps make it easy for anyone to contribute.
            </p>
        </div>
        <div class="tool">
            <img src="{{g.forge_static('allura/images/code_48.png')}}">
            <h1>Code</h1>
            <p>
                SVN, Git and Mercurial will help you keep track of your changes.
            </p>
            <div class="checkbox-wrapper">
            <span>{{widget.display_field_by_idx(5)|safe}} Git</span>
            <span>{{widget.display_field_by_idx(6)|safe}} Mercurial</span>
            <span>{{widget.display_field_by_idx(7)|safe}} SVN</span>
            </div>
        </div>
        <div class="tool">
            <img src="{{g.forge_static('allura/images/tickets_48.png')}}">
            {{widget.display_field_by_idx(8)|safe}}
            <h1>Tickets</h1>
            <p>
                Bugs, enhancements, tasks, etc., will help you plan and manage your development.
            </p>
        </div>
    </div>
    <div class="inner-row">
        <div class="tool">
            <img src="{{g.forge_static('allura/images/downloads_48.png')}}">
            {{widget.display_field_by_idx(9)|safe}}
            <h1>Downloads</h1>
            <p>
                Use the largest free, managed, global mirror network to distribute your files.
            </p>
        </div>
        <div class="tool">
            <img src="{{g.forge_static('allura/images/stats_48.png')}}">
            <h1>Stats</h1>
            <p>
                Follow the download trends that enable you to develop better software.
                (Comes with Downloads)
            </p>
        </div>
        <div class="tool">
            <img src="{{g.forge_static('allura/images/forums_48.png')}}">
            {{widget.display_field_by_idx(10)|safe}}
            <h1>Forums</h1>
            <p>
                Collaborate with your community in your forums.
            </p>
        </div>
    </div>
    <div class="inner-row">
        <input type="submit" value="Start" id="start">
    </div>
  {% if widget.antispam %}{% for fld in g.antispam.extra_fields() %}
  {{fld}}{% endfor %}{% endif %}
</form>
