<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="well">   
                <h5 class="sidebar-title">Create An Article</h5>
                <p>Lorem ipsum dolor sit amet, <strong>consectetur adipiscing</strong> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum <em>dolore eu fugiat nulla pariatur.</em></p>
            </div>
        </div>

        <div class="col-md-9">
            <h1>Create an article</h1>
            <form action="/admin/articles/create" id="article-create" method="post" enctype="multipart/form-data">
                {{! Field - Article Title }}
                <div class="form-group">
                    <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="" />
                </div>
                {{! Field - Category (And sub later on...) }}
                <label for="category">Category</label>
                <div class="form-group">
                    <select name="category" id="category" required>
                        <option value="facebook">Facebook</option>
                        <option value="twitter">Twitter</option>
                        <option value="tumblr">Tumblr</option>
                        <option value="email marketing">Email Marketing</option>
                    </select>
                </div>
                {{! Field - Tags }}
                <div class="form-group">
                    <label for="tags">Tags</label>
                    <input autocomplete="off" class="tagsinput" id="tags" name="tags" value="" />
                </div>
                {{! Field - Image URL }}
                <div class="form-group">
                    <label for="image">Image</label>
                    <input class="form-control" type="file" name="image" required />
                </div>
                {{! Field - Excerpt }}
                <div class="form-group">
                    <label for="excerpt">Excerpt</label>
                    <textarea class="form-control" id="excerpt" name="excerpt" required></textarea>
                </div>
                {{! Field - Body }}
                <div class="form-group">
                    <label for="editor">Body</label>
                    <textarea class="form-control" id="editor" name="body" required></textarea>
                </div>
                {{! Field - Author Picker }}
                <!--<label for="author">Author</label>
                <div class="form-group">
                    <select id="author" name="author" required>
                        <option value="mike_scott">Mike Scott</option>
                        <option value="tara_woolger">Tara Woolger</option>
                        <option value="jonny_goddard">Jonny Goddard</option>
                        <option value="sharry_stowell">Sharry Stowell</option>
                    </select>
                </div>-->
                {{! Field - Role }}
                <label for="status">Publish status:</label>
                <div class="form-group">
                    <select name="status" id="status" required>
                        <option value="draft">Draft</option>
                        <option selected value="published">Publish</option>
                        <option value="archived">Archived</option>
                    </select>
                </div>
                {{! SUBMIT Button }}
                <div class="form-group">
                    <div class="well">
                        <button type="submit" class="btn btn-lg btn-success">
                            Submit
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>  
</div>