<div class="alert alert-success lead" id="project-created-notification" style="margin-top:15px; display:none">
  <button type="button" class="close" data-dismiss="alert">×</button>
  Your project <strong>{{project.name}}</strong> has been created. You can now <a href="{% url 'projectmachines' project.id %}">select your target machine</a> and <a href="{% url 'projecttargets' project.id %}">choose image recipes</a> to build.
</div>

<!-- project name -->
<div class="row-fluid page-header">
  <h1><span id="project-name">{{project.name}}</span>
    <i class="icon-pencil" data-original-title="" id="project-change-form-toggle" title=""></i>
  </h1>
  <form id="project-name-change-form" style="margin-bottom: 0px; display: none;">
    <div class="input-append">
      <input class="huge input-xxlarge" type="text" id="project-name-change-input" autocomplete="off" value="{{project.name}}">
        <button id="project-name-change-btn" class="btn btn-large" type="button">Save</button>
        <a href="#" id="project-name-change-cancel" class="btn btn-large btn-link">Cancel</a>
    </div>
  </form>
</div>

<div class="row-fluid" id="project-topbar">
  <ul class="nav nav-pills">
    <li>
      <a href="{% url 'projectbuilds' project.id %}">
        Builds (<span class="total-builds">0</span>)
      </a>
    </li>
    <li id="topbar-configuration-tab">
      <a href="{% url 'project' project.id %}">
        Configuration
      </a>
    </li>
    <li>
      <a href="{% url 'importlayer' project.id %}">
        Import layer
      </a>
    </li>
    <!-- Coming soon
    <li>
      <a href="my-image-recipes.html">
        My image recipes
      </a>
    </li>
    -->
    <li class="pull-right">

        <i class="icon-question-sign get-help heading-help" data-placement="left" title="" data-original-title="Type the name of one or more recipes you want to build, separated by a space. You can also specify a task by appending a semicolon and a task name to the recipe name, like so: <code>busybox:clean</code>">
        </i>
        <div class="input-append">
          <form class="form-inline" style="margin-bottom: 0">
            <input type="text" class="input-xlarge input-lg build-target-input" placeholder="Type the recipe you want to build" autocomplete="off" disabled>
              <button class="btn btn-primary btn-large build-button" data-project-id="{{project.id}}" disabled>Build
              </button>
            </form>
          </div>
        </li>
      </ul>
</div>
