@model BlogPostEditViewModel

@{
   ViewData["Title"] = "Blog post edition";
}

@section header {

<link href="~/css/main/dropzone.css" rel="stylesheet">

<script src="~/js/dropzone.js"></script>

    @{ await Html.RenderPartialAsync("_FSScriptsPartial"); }
     
}

<h2>Blog post</h2>
    <label><input type="checkbox" id="vcbtn" />Editer le code source Markdown</label>

<div asp-validation-summary="All" class="text-danger"></div>

<img class="blogphoto" alt="" src="@Model.Photo" title="Photo associée au post">
<h2 title="Titre du post" class="blogtitle" id="titleview" >@Model.Title</h2>

<div title="Contenu du post" id="contentview">@Model.Article</div>

<hr>
<form asp-controller="Blogspot" asp-action="Create">
    <div class="form-horizontal">

        <div asp-validation-summary="ModelOnly" class="text-danger"></div>
     
        <div class="form-group mdcoding">
            <label asp-for="Title" class="col-md-2 control-label"></label>
            <div class="col-md-10">
                <input asp-for="Title" class="form-control" data-from="titleview"/>
                <span asp-validation-for="Title" class="text-danger" >
                </span>
            </div>
        </div>

        <div class="form-group">
            <label asp-for="Photo" class="col-md-2 control-label"></label>
            <div class="col-md-10">
                <input asp-for="Photo" class="form-control" />
                <span asp-validation-for="Photo" class="text-danger" >
                </span>
            </div>
        </div>

        <div class="form-group mdcoding">
            <label asp-for="Article" class="col-md-2 control-label" ></label>
            <div class="col-md-10">
                <textarea asp-for="Article" class="form-control" id="Article" data-from="contentview">
                </textarea>
                <span asp-validation-for="Article" class="text-danger" >
                </span>
            </div>
        </div>

        <div class="form-group">
            <label asp-for="ACL" class="col-md-2 control-label"></label>
            <div class="col-md-10">
               @await Component.InvokeAsync("CirclesControl", Model)
            </div>
        </div>

        <div class="form-group">
            <label asp-for="Publish" class="col-md-2 control-label"></label>
            <div class="col-md-10">
                <input asp-for="Publish" class="form-control" />
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <button  class="btn btn-primary" >Save</button>
            </div>
        </div>
    </div>
</form>
@await Component.InvokeAsync(name: "Directory",arguments: new {subdir="."})
<div >
    @{ await Html.RenderPartialAsync("_PostFilesPartial"); }
   </div>
<div>
    <a asp-action="Index">Back to List</a>
</div>