<section class="sales-crowd-promo salescrowd-orange white-text admin-pages">
    <div class="container">
        <h1>Edit Section</h1>
    </div>
</section>
<main class="sales-crowd-main-content" data-ng-app="SoSocialApp">
    <form action="/admin/books/{{section.bookId}}/section/{{section.sectionId}}/edit" enctype="multipart/form-data" id="section-edit" method="post">
        <div class="content overlap" data-ng-controller="AdminBooksSectionEditCtrl">
            {{> 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 - Section Title }}
                <label for="title">Section Title:</label>
                <input autocomplete="off" class="form-control" id="title" name="title" required type="text" value="{{ section.title }}" />

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

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

                    {{! Field - Section order }}
                    {{> books/admin/section-order}}
                </div>

                <div class="sidebar-content">
                    <a href="/{{section.bookSlug}}/{{section.slug}}" class="button button-wide-100 button-blue" target="_blank">View Section 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="deleteTheSection('{{page.bookId}}','{{page.sectionId}}')" href="javascript:void(0)">Delete Section</a>
                </div>
            </aside>
        </div>
    </form>
</main>