<div class="texture">
  <input type="text" name="name" id="name" value="<%= @note.name || "Name..." %>" />
  <textarea name="content" id="content"><%= @note.content || "Type you note here..." %></textarea>
    
  <input type="button" id="save-note" name="save-note" value="Save Note" />
  
  <% if @note.versions.length > 0: %>
    <% saved = (new Date(@note.versions[@note.versions.length-1].time)) %>
    <div id="last-saved">Last saved on: <%= saved.toLocaleString() %></div>
  <% end %>
  
  <% if @note.versions.length > 1: %>
    <div id="history">
      <label for="history-slider">History Scrubber</label>
      <input id="history-slider" name="history-slider" type="range" min="0" max="<%= @note.versions.length-1 %>" step="1" value="<%= @note.versions.length-1 %>" />
    </div>
    <div id="when"></div>
  <% end %>
  
  <input type="hidden" id="note-id" name="note-id" value="<%= @note.id %>" />
  
  <input type="button" id="delete-note" name="delete-note" value="Delete Note" />
</div>