<section class="sales-crowd-promo salescrowd-orange white-text admin-pages">
    <div class="container">
        <h1>Create Article</h1>
    </div>
</section>
<main class="sales-crowd-main-content">
    <form action="/admin/articles/create" enctype="multipart/form-data" data-persist="garlic" id="article-create" method="post">
        <div class="content overlap">
            {{> 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 - Article Title }}
                <label for="title">Article Title:</label>
                <input autocomplete="off" class="form-control" id="title" name="title" placeholder="Enter a snappy article title..." required type="text" value="" />

                {{! Field - Tags }}
                <label for="tags">Tags: <small>Separate by spaces, eg: tag1 tag2</small></label>
                <input autocomplete="off" class="tagsinput" id="tags" name="tags" placeholder="tag1 tag2 tag3" type="text" value="" />

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

                <!--<ul class="sales-crowd-admin-accordion-tabs">
                    <li class="tab-header-and-content">
                        <a href="javascript:void(0)" class="is-active tab-link">Body</a>
                        <div class="tab-content">
                            {{! Field - Body }}
                            <textarea class="form-control wysiwyg" id="editor" name="body" required></textarea>
                        </div>
                    </li>
                    <li class="tab-header-and-content">
                        <a href="javascript:void(0)" class="tab-link">Excerpt</a>
                        <div class="tab-content">
                            {{! Field - Excerpt }}
                            <textarea class="form-control wysiwyg" id="excerpt" name="excerpt" required></textarea>
                        </div>
                    </li>
                </ul>-->

                <div class="existing-image callout">
                    {{! Field - Image URL }}
                    <label for="image">Article Image:</label>
                    <input class="form-control" id="image" name="image" type="file" required />
                </div>

                <div class="existing-image callout">
                    {{! Field - excerptImage URL }}
                    <label for="excerptImage">Excerpt Image:</label>
                    <input class="form-control" id="excerptImage" name="excerptImage" type="file" />
                </div>


                {{! Field - Soundcloud Title }}
                <label for="soundCloudId">SoundCloud Track Id:</label>
                <input autocomplete="off" class="form-control" id="soundCloudId" name="soundCloudId" placeholder="eg: 18181767" type="text" value="" />

            </section>
            <aside class="sidebar-right">
                <div class="sidebar-content">
                    {{! Field - Status }}
                    {{> articles/article-status}}

                    {{! Field - Category }}
                    {{> articles/article-categories}}
                </div>

                <!-- Meta -->
                <div class="sidebar-content">
                    {{! Field - Article Meta Title }}
                    <label for="meta_title">Meta Title:</label>
                    <input autocomplete="off" class="form-control" id="meta_title" name="meta_title" required type="text" value="SoSocial" />

                    {{! Field - Article Meta Description }}
                    <label for="meta_description">Meta Description:</label>
                    <textarea class="form-control" id="meta_description" name="meta_description"></textarea>

                    {{! Field - Article Meta Keywords }}
                    <label for="meta_keywords">Meta Keywords:</label>
                    <textarea class="form-control" id="meta_keywords" name="meta_keywords"></textarea>
                </div>

                <div class="sidebar-content">
                    {{! Field - Footer }}
                    {{> articles/article-footer}}

                    {{! Field - Design template }}
                    {{> articles/article-template}}
                </div>

                <div class="sidebar-content">
                    {{! Field - Article Alternative Style }}
                    <input id="alternativeStyle" type="checkbox" name="alternativeStyle" value="1">
                    <label for="alternativeStyle"><span></span>Alternative Style</label>
                    {{! SUBMIT Button }}
                    <button type="submit" class="button button-wide-100 button-green">Create Article</button>
                </div>
            </aside>
        </div>
    </form>
</main>