<section class="sales-crowd-promo salescrowd-orange white-text admin-pages">
    <div class="container">
        <h1>Edit Page</h1>
    </div>
</section>
<main class="sales-crowd-main-content" data-ng-app="SoSocialApp">
    <form action="/admin/books/{{page.bookId}}/section/{{page.sectionId}}/page/{{page.pageId}}/edit" enctype="multipart/form-data" id="page-edit" method="post">
        <div class="content overlap" data-ng-controller="AdminBooksPageEditCtrl">
            {{> flash_msg}}
            <section class="one-column page-content sidebar-right">
                {{#if breadcrumbs}}
                    <div class="breadcrumb">
                        {{#each breadcrumbs}}
                            <a href="{{url}}">{{name}}</a>
                        {{/each}}
                    </div>
                {{/if}}

                {{! Field - Page Title }}
                <label for="title">Page Title:</label>
                <input autocomplete="off" class="form-control" id="title" name="title" required type="text" value="{{ page.title }}" />

                {{! Field - Page Excerpt }}
                <label for="excerpt">Page Excerpt:</label>
                <textarea class="form-control wysiwyg" id="excerpt" name="excerpt" required>{{{ page.excerpt }}}</textarea>

                {{! Field - Page Body }}
                <label for="editor">Page Body:</label>
                <textarea class="form-control wysiwyg" id="editor" name="body" required>{{{ page.body }}}</textarea>

            </section>
            <aside class="sidebar-right">
                <div class="sidebar-content">
                    {{! Field - Book Sections }}
                    {{> books/admin/page-sections}}

                    {{! Field - Page order }}
                    {{> books/admin/page-order}}

                    {{! Field - Page status }}
                    {{> books/admin/status}}
                </div>

                <div class="sidebar-content">
                    <a href="/{{page.bookSlug}}/{{page.sectionSlug}}/{{page.slug}}/" class="button button-wide-100 button-blue" target="_blank">View Page on Website</a>
                    <br/>
                    {{! SUBMIT Button }}
                    <button type="submit" class="button button-wide-100 button-green">Update Page</button>
                    <a class="button button-wide-100 button-red" ng-click="deleteThePage('{{page.bookId}}','{{page.sectionId}}','{{page.pageId}}')" href="javascript:void(0)">Delete Page</a>
                </div>
            </aside>
        </div>
    </form>
</main>