{{#contentFor 'bodyScripts'}}
    <script src="/core/admin/assets/js/blog.js"></script>
{{/contentFor}}

{{!< default}}
<section class="content-list">
  <header class="floatingheader">
      <section class="content-filter">
          <a class="dropdown" href="#" data-toggle=".menu-drop">All Posts</a>
          <ul class="menu-drop">
              <li class="active"><a href="#">All Posts</a></li>
              <li><a href="#">Recently Edited</a></li>
              <li><a href="#">By Author...</a></li>
              <li><a href="#">Search</a></li>
          </ul>
      </section>
      <a href="/ghost/editor" class="button button-add"><span class="hidden">New Post</span></a>
  </header>
  <section class="content-list-content">
      <ol>
          {{#each posts}}
          {{! #if featured class="featured"{{/if}}
              <li data-id="{{id}}" data-content="{{content_html}}">
                  <a class="permalink" href="#">
                      <h3 class="entry-title">{{title}}</h3>
                      <section class="entry-meta">
                          <time datetime="2013-01-04" class="date">5 minutes ago</time>
                          {{!<span class="views">1,934</span>}}
                      </section>
                  </a>
              </li>
          {{/each}}
      </ol>
  </section>
</section>

<section class="content-preview">
<header class="floatingheader">

    <a class="unfeatured" href="#"><span class="hidden">Star</span></a>
    {{! TODO: JavaScript toggle featured/unfeatured}}

    <span class="status">Published</span>
    <span class="normal">by</span>
    <span class="author">John O'Nolan</span>
    <section class="post-controls">
        <a class="post-edit" href="#"><span class="hidden">Edit Post</span></a>
        <a class="post-settings" href="#" data-toggle=".menu-drop-right"><span class="hidden">Post Settings</span></a>
        <ul class="menu-drop-right">
            <li><a href="#" class="url">URL</a></li>
            <li><a href="#" class="something">Something</a></li>
            <li><a href="#" class="delete">Delete</a></li>
        </ul>
    </section>
</header>
<section class="content-preview-content">
    <div class="wrapper"></div>
</section>
</section>