% layout 'standard';
% my $sanitize = stash('sanitize') // 1 ? 'true' : 'false';
% content_for header => begin
  %= stylesheet '/assets/pagedown/demo.css'
  %= javascript '/assets/pagedown/Markdown.Converter.js'
  %= javascript '/assets/pagedown/Markdown.Sanitizer.js'
  %= javascript '/assets/pagedown/Markdown.Editor.js'
  %= javascript '/galileo-edit.js'
% end

%= javascript begin

var editor;

function saveButton() {
  var title = $("#page-title").val();
  editor.save( title );
}

$(function () {
  editor = new Editor("<%= $name =%>", "<%= url_for('storepage')->to_abs =%>", <%= $sanitize =%>);
});

%= end

<div class="wmd-panel">
  <div class="well form-inline">
    <input 
      type="text" 
      id="page-title" 
      placeholder="Page Title" 
      value="<%= $title_value %>"
    >
    <button class="btn" id="save-md" onclick="saveButton()">
      Save Page
    </button>
  </div>
  <div id="wmd-button-bar"></div>
  <textarea class="wmd-input" id="wmd-input"><%= $input %></textarea>
  <div id="wmd-preview" class="wmd-preview well"></div>
</div>