@model InserFooterViewModel

@{
    // ViewData["Title"] = "Create";
}





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

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

                <form asp-action="Create">
                    <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="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="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="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"
                                @(Model.SelectedSocialMediaIds != null && Model.SelectedSocialMediaIds.Contains(int.Parse(option.Value)) ? "checked" : "")>
                                @option.Text

                                <br>
                            }
                        </fieldset>
                       
                      
                    </div>
                    <hr />
                 @* 
                    <fieldset>
                        <legend>Select Social Media:</legend>
                        @for (var i = 0; i < Model.CheckBoxViewModel.Count; i++)
                        {
                            <div>
                                <input type="checkbox" name="SocialMediaOptions[@i].IsSelected" />
                                <label>@Model.CheckBoxViewModel[i].SocialMediaName</label>
                                <input type="hidden" name="SocialMediaOptions[@i].SocialMediaId" value="@Model.CheckBoxViewModel[i].SocialMediaId" />
                            </div>
                        }
                    </fieldset> *@
                
                    <div class="mb-3">
                        <input type="submit" value="Create" 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" />
    }
}