@model Web.ViewModel.PageVM.PageViewModel

@{
    ViewData["Title"] = "Edit";
}


<div class="container mt-4">
    <div class="card justify-content-center">
        <div class="card-body">
            <h5 class="card-title">Create page</h5>

            <div class="row ">
                <!-- 12 columns for textboxes -->

                <form asp-action="Edit" asp-controller="Page">
                    <div asp-validation-summary="All" class="text-danger"></div>

                    <div class="mb-3 col-12">
                        <label asp-for="Title" class="control-label"></label>
                        <input asp-for="Title" class="form-control" />
                        <span asp-validation-for="Title" class="text-danger"></span>
                    </div>
                    <div class="mb-3 col-12">
                        <label asp-for="Slug" class="control-label"></label>
                        <input asp-for="Slug" class="form-control" />
                       
                    </div>
                    <div class="mb-3 col-12">
                        <label asp-for="Content" class="control-label"></label>
                        <textarea asp-for="Content" class="form-control"></textarea>
                        <span asp-validation-for="Content" class="text-danger"></span>
                    </div>

                    <div class="mb-3 col-12">
                        <label asp-for="BannerId" class="control-label"></label>
                        <select asp-for="BannerId" asp-items="ViewBag.DropDownData" class="form-control"></select>
                        <span asp-validation-for="BannerId" class="text-danger"></span>
                    </div>
                    <div class="mb-3 col-12">
                        <label asp-for="FooterId" class="control-label"></label>
                        <select asp-for="FooterId" asp-items=" ViewBag.FooterDropDown" class="form-control"></select>
                        <span asp-validation-for="FooterId" class="text-danger"></span>
                    </div>

                    <div class="mb-3">
                        <input type="submit" value="Update" class="btn btn-outline-primary" /> |    <a asp-action="Index" class="btn btn-primary">Back to list</a>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>


@section Scripts {
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.11.4/ckeditor.js"></script>
    <script>
        CKEDITOR.replace("Content");
    </script>

    @{
        <partial name="_ValidationScriptsPartial" />
    }
}