@model FooterEditViewModel

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






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

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

                <form asp-action="Edit">
                    <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="Name" class="control-label"></label>
                        <input asp-for="Name" class="form-control" />
                        <span asp-validation-for="Name" class="text-danger"></span>
                    </div>
                    <div class="mb-3 col-12">
                        <label asp-for="Content" class="control-label"></label>
                        <textarea asp-for="Content"></textarea>
                        <span asp-validation-for="Content" class="text-danger"></span>
                    </div>
                    <div class="mb-3 col-12">
                        <label asp-for="Owner" class="control-label"></label>
                        <input asp-for="Owner" class="form-control" />
                        <span asp-validation-for="Owner" class="text-danger"></span>
                    </div>
                    <div class="mb-3 col-12">
                        <label asp-for="CreatedBy" class="control-label"></label>
                        <input asp-for="CreatedBy" class="form-control" />
                        <span asp-validation-for="CreatedBy" class="text-danger"></span>
                    </div>
                    <div class="mb-3 col-12">
                        <label asp-for="UpdatedBy" class="control-label"></label>
                        <input asp-for="UpdatedBy" class="form-control" />
                        <span asp-validation-for="UpdatedBy" class="text-danger"></span>
                    </div>
                    <div class="mb-3 col-12">
                        <label asp-for="LastUpdated" class="control-label"></label>
                        <input asp-for="LastUpdated" class="form-control" />
                        <span asp-validation-for="LastUpdated" class="text-danger"></span>
                    </div>
                    <div class="mb-3 col-12">
                        <label asp-for="ImageUlr" class="control-label"></label>
                        <input asp-for="ImageUlr" class="form-control" />
                        <span asp-validation-for="ImageUlr" class="text-danger"></span>
                    </div>
                    <div class="mb-3 col-12">
                        <label asp-for="Sitecopyright" class="control-label"></label>
                        <input asp-for="Sitecopyright" class="form-control" />
                        <span asp-validation-for="Sitecopyright" class="text-danger"></span>
                    </div>

                    <div>
                        <fieldset>
                            <legend>Select Social Media:</legend>
                            @foreach (var option in Model.SocialMediaOptions)
                            {
                                <input type="checkbox" name="SelectedSocialMediaIds" value="@option.Value" @(option.Selected ? "checked" : "")>
                                @option.Text
                                <br>
                            }
                         
                        </fieldset>
                        <hr />


                    </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" />
    }
}