@page
@using Volo.Abp.AspNetCore.Mvc.UI.Packages.TuiEditor
@using Volo.Blogging.Pages.Blog.Posts
@model NewModel
@inherits Volo.Blogging.Pages.Blog.BloggingPage
@{
    ViewBag.PageTitle = "Blog";
}
@section styles {
    <abp-style-bundle name="@typeof(NewModel).FullName" >
        <abp-style type="@typeof(TuiEditorStyleContributor)" />
        <abp-style src="/Pages/Blog/Posts/new.css" />
    </abp-style-bundle>
}
@section scripts {
    <abp-script-bundle name="@typeof(NewModel).FullName" >
        <abp-script type="@typeof(TuiEditorScriptContributor)"/>
        <abp-script src="/Pages/Blog/Posts/new.js" />
    </abp-script-bundle>
}
<div id="qa-new-post-container">
    <form method="post" id="new-post-form">
        <abp-input asp-for="Post.BlogId" />
        <abp-input asp-for="Post.Title" auto-focus="true" />
        <abp-input asp-for="Post.Url" />
        <abp-input asp-for="Post.CoverImage" />

        <abp-row>
            <abp-column size-sm="_9">
                <div class="form-group">
                    <label for="CoverImageFile">@L["CoverImage"]</label>
                    <input class="form-control" type="file" id="CoverImageFile" />
                </div>
            </abp-column>
            <abp-column size-sm="_3">
                <img id="CoverImage" src="@Model.Post.CoverImage" height="80" width="160" style="display:none" />
            </abp-column>
        </abp-row>

        <abp-input asp-for="Post.Content" />
        <abp-input asp-for="Post.Tags" />


        <div class="form-group">
            <div class="new-post-editor">
                <div class="gradient-background-animation loading-cover"></div>
            </div>
        </div>

        <div class="actions d-flex">
            <div class="text-muted editor-info d-none d-lg-block mr-auto">

                <div>
                    <svg class="markdown-icon" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true">
                        <path fill-rule="evenodd" d="M14.85 3H1.15C.52 3 0 3.52 0 4.15v7.69C0 12.48.52 13 1.15 13h13.69c.64 0 1.15-.52 1.15-1.15v-7.7C16 3.52 15.48 3 14.85 3zM9 11H7V8L5.5 9.92 4 8v3H2V5h2l1.5 2L7 5h2v6zm2.99.5L9.5 8H11V5h2v3h1.5l-2.51 3.5z"></path>
                    </svg> <small>@L["MarkdownSupported"] </small>
                </div>

                <div><small><i class="fa fa-copy"></i> @L["FileUploadInfo"].Value</small></div>

            </div>
            <div class="mt-3 d-flex flex-row-reverse">
                <abp-button button-type="Primary" type="submit" form="new-post-form" text="@L["Submit"].Value" icon="check" />

                <a asp-page="./Index" class="btn btn-default mr-2"><span>@L["Cancel"]</span></a>
            </div>
        </div>

    </form>
</div>