{% extends "apostrophe-modal:base.html" %}
{% import "apostrophe-modal:macros.html" as modals %}
{% import 'apostrophe-ui:components/buttons.html' as buttons %}

{% block modalClass %}apos-reorganize-modal{% endblock %}

{% block controls %}
  <div class="apos-modal-controls">
    {{ buttons.major('Finished', { action: 'save' }) }}
  </div>
{% endblock %}

{% block label %}
{{ __('Reorganize Pages') }}
{% endblock %}

{% block instructions %}
  <p>
    {{ __('Drag and drop pages wherever they need to go.') }}
  </p>
{% endblock %}

{% block body %}
  <div class="apos-reorganize-tree-header">
    <span class="apos-reorganize-title">Page Title</span>
    <span class="apos-reorganize-controls">Published</span>
    <span class="apos-reorganize-controls">Edit</span>
    <span class="apos-reorganize-controls">Link</span>
    <span class="apos-reorganize-controls">Trash</span>
  </div> 
  {# This gets fired up by jstree #}
  <div class="apos-table apos-reorganize-tree" data-tree>
  </div>
{% endblock %}

{% block footerContainer %}{% endblock %}

{% extends "apostrophe-modal:base.html" %}
{% import "apostrophe-modal:macros.html" as modals %}
{% import 'apostrophe-ui:components/buttons.html' as buttons %}

{% block modalClass %}apos-reorganize-modal{% endblock %}

{% block controls %}
  <div class="apos-modal-controls">
    {{ buttons.minor('Finished', { action: 'save' }) }}
    {{ buttons.major('New Page', { action: 'insert-page' }) }}
  </div>
{% endblock %}

{% block label %}
{{ __('Reorganize Pages') }}
{% endblock %}

{% block instructions %}
  <p>
    {{ __('Drag and drop pages wherever they need to go.') }}
  </p>
{% endblock %}

{% block body %}
  <div class="apos-reorganize-tree-header">
    <span class="apos-reorganize-title">Page Title</span>
    <span class="apos-reorganize-controls">Published</span>
    <span class="apos-reorganize-controls">Edit</span>
    <span class="apos-reorganize-controls">Link</span>
    <span class="apos-reorganize-controls">Trash</span>
  </div>
  {# This gets fired up by jstree #}
  <div class="apos-table apos-reorganize-tree" data-tree>
  </div>
{% endblock %}

{% block footerContainer %}{% endblock %}

Add button "New Page" in the pages modal
Add button "New Page" in the pages modal

Also make the Finished button white to be consistent with the rest of the design.
