<section class="sales-crowd-promo salescrowd-orange white-text admin-pages">
    <div class="container">
        <h1>Edit Article</h1>
    </div>
</section>
<main class="sales-crowd-main-content" data-ng-app="SoSocialApp">
    <form action="/admin/articles/{{article.id}}/edit" enctype="multipart/form-data" id="article-edit" method="post">
        <div class="content overlap" data-ng-controller="AdminArticleEditCtrl">
            {{> 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" required type="text" value="{{ article.title }}" />
        
                {{! Field - Tags }}
                <label for="tags">Tags: <small>Separate by spaces, eg: tag1 tag2</small></label>
                <input autocomplete="off" class="tagsinput" id="tags" name="tags" type="text" value="{{ articleTags }}" />


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

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

                {{! Field - Existing Main Image URL }}
                <div class="existing-image callout">
                    <label>Existing Article Image:</label>
                    <img src="{{imageCdn article.image article.imageVersion 'articleEdit'}}" alt="{{article.title}}" class="article-grid-image" />
                </div>
                {{! Field - Replace Image URL }}
                <label for="image">Replace Current Article Image:</label>
                <input class="form-control" id="image" name="image" type="file" />

                {{! Field - Existing Excerpt Image URL }}
                <div class="existing-image callout">
                    <label>Existing Excerpt Image:</label>
                    {{#if article.excerptImage }}
                        <img src="{{imageCdn article.excerptImage article.excerptImageVersion 'articleEdit'}}" alt="{{article.title}}" class="article-grid-image" />
                    {{else}}
                        None uploaded
                    {{/if}}
                </div>

                {{! Field - Replace ExcerptImage URL }}
                <label for="excerptImage">{{#if article.excerptImage }}Replace{{else}}Add{{/if}} Current Excerpt Image:</label>
                <input class="form-control" id="excerptImage" name="excerptImage" type="file" />


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

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

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

                    {{! Field - Author }}
                    {{> articles/article-author}}
                </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="{{ article.meta.title }}" />

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

                    {{! Field - Article Meta Keywords }}
                    <label for="meta_keywords">Meta Keywords:</label>
                    <textarea class="form-control" id="meta_keywords" name="meta_keywords">{{ article.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 {{#is article.alternativeStyle true}} checked {{/is}} id="alternativeStyle" type="checkbox" name="alternativeStyle" value="1">
                    <label for="alternativeStyle"><span></span>Alternative Style</label>
                    <a href="/articles/{{article.category}}/{{article.slug}}" class="button button-wide-100 button-blue" target="_blank">View Article on Website</a>
                    <br/>
                    {{! SUBMIT Button }}
                    <button type="submit" class="button button-wide-100 button-green">Update Article</button>
                    <a class="button button-wide-100 button-red" ng-click="deleteTheArticle('{{article.id}}')" href="javascript:void(0)">Delete Article</a>
                </div>
            </aside>
        </div>
    </form>
</main>