<%= form_for(@project) do  |f| %>
<form class="form-horizontal">
  <fieldset>

    <!-- Form Name -->
    <legend><%= @project.name %></legend>
    <div><%= image_tag(@project.avatar.url(:medium)) %></div>
    <!-- Text input-->
    <div class="form-group">
      <label class="col-md-4 control-label" for="inputName">Project Name</label>
      <div class="col-md-4">
        <input id="inputName" name="project[name]" placeholder="Name" class="form-control input-md" type="text" value="<%= @project.name %>">
      </div>
    </div>

    <!-- Text input-->
    <div class="form-group">
      <label class="col-md-4 control-label" for="inputID">Project ID</label>
      <div class="col-md-4">
        <input id="inputID" name="project[projectID]" placeholder="Project ID" class="form-control input-md" type="text" value="<%= @project.projectID  %>">
      </div>
    </div>

    <!-- Textarea -->
    <div class="form-group">
      <label class="col-md-4 control-label" for="descriptionArea">Description</label>
      <div class="col-md-4">
        <textarea class="form-control" id="descriptionArea" name="project[description]" ><%=    @project.description  %></textarea>
      </div>
    </div>

    <!-- Select Multiple -->
    <div class="form-group">
      <label class="col-md-4 control-label" for="selectmultiple">Remove Users</label>
      <div class="col-md-4">
        <%= fields_for(@project.users)  do |up| %>
              <%= collection_select(:usersToRemove,:id,@project.users, :id, :email, {}, {:multiple => true, :class=>'input' } ) %>
        <% end %>
      </div>
    </div>

    <!-- Select Multiple -->
    <div class="form-group">
      <label class="col-md-4 control-label" for="selectmultiple">Assign Users</label>
      <div class="col-md-4">
        <%= fields_for(@project.users)  do |up| %>
              <%= collection_select(:users,:id,@available_users, :id, :email, {}, {:multiple => true, :class=>'input'} ) %>
        <% end %>
      </div>
    </div>

    <!-- Button (Double) -->
    <div class="form-group">
      <label class="col-md-4 control-label" for="button1id">Double Button</label>
      <div class="col-md-8">
        <button type="submit" id="button1id" name="button1id" class="btn btn-success">Good Button</button>
        <button id="button2id" name="button2id" class="btn btn-danger">Scary Button</button>
      </div>
    </div>
    <div class="form-group">
      <%= f.label :avatar, class: 'col-sm-2 control-label'  %>
      <div class="col-sm-6">
        <%= f.file_field :avatar %>
      </div>
    </div>
  </fieldset>
</form>
<% end %>