@model FooterDeleteViewModel

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

<div class="container mt-4">
    <div class="card justify-content-center">
        <div class="card-body">
            <h5 class="card-title">Delete banner</h5>
            <h6 class="text-danger">Are you sure you want to delete the <span class="badge bg-danger">@Model.Title</span></h6>

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

                <form asp-action="Delete">
                    <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" disabled />
                        <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" disabled />
                        <span asp-validation-for="Name" 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" disabled />
                        <span asp-validation-for="Owner" class="text-danger"></span>
                    </div>
                    <div class="mb-3 col-12">
                        <label asp-for="Content" class="control-label"></label>
                        <textarea asp-for="Content" disabled></textarea>
                        <span asp-validation-for="Content" 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" disabled />
                        <span asp-validation-for="UpdatedBy" 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" disabled />
                        <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" disabled />
                        <span asp-validation-for="LastUpdated" 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" disabled />
                        <span asp-validation-for="Sitecopyright" 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" disabled />
                        <span asp-validation-for="ImageUlr" class="text-danger"></span>
                    </div>
                    <div>
                        <fieldset>
                            <legend>Selected Social Media:</legend>
                            @foreach (var option in Model.SocialMediaOptions)
                            {
                                <input type="checkbox" name="SelectedSocialMediaIds" disabled value="@option.Value" @(option.Selected ? "checked" : "")>
                                @option.Text
                                <br>
                            }

                        </fieldset>
                        <hr />


                    </div>
                    <div class="mb-3">
                        <input type="submit" value="Delete" 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" />
    }
}


<h3>Are you sure you want to delete @Model.Title</h3>


<div>
    <h4>FooterDeleteViewModel</h4>
    <hr />
    <dl class="row">
        <dt class = "col-sm-2">
            @Html.DisplayNameFor(model => model.Id)
        </dt>
        <dd class = "col-sm-10">
            @Html.DisplayFor(model => model.Id)
        </dd>
        <dt class = "col-sm-2">
            @Html.DisplayNameFor(model => model.Title)
        </dt>
        <dd class = "col-sm-10">
            @Html.DisplayFor(model => model.Title)
        </dd>
        <dt class = "col-sm-2">
            @Html.DisplayNameFor(model => model.Name)
        </dt>
        <dd class = "col-sm-10">
            @Html.DisplayFor(model => model.Name)
        </dd>
        <dt class = "col-sm-2">
            @Html.DisplayNameFor(model => model.Owner)
        </dt>
        <dd class = "col-sm-10">
            @Html.DisplayFor(model => model.Owner)
        </dd>
        <dt class = "col-sm-2">
            @Html.DisplayNameFor(model => model.Content)
        </dt>
        <dd class = "col-sm-10">
            @Html.DisplayFor(model => model.Content)
        </dd>
        <dt class = "col-sm-2">
            @Html.DisplayNameFor(model => model.CreatedBy)
        </dt>
        <dd class = "col-sm-10">
            @Html.DisplayFor(model => model.CreatedBy)
        </dd>
        <dt class = "col-sm-2">
            @Html.DisplayNameFor(model => model.UpdatedBy)
        </dt>
        <dd class = "col-sm-10">
            @Html.DisplayFor(model => model.UpdatedBy)
        </dd>
        <dt class = "col-sm-2">
            @Html.DisplayNameFor(model => model.LastUpdated)
        </dt>
        <dd class = "col-sm-10">
            @Html.DisplayFor(model => model.LastUpdated)
        </dd>
        <dt class = "col-sm-2">
            @Html.DisplayNameFor(model => model.ImageUlr)
        </dt>
        <dd class = "col-sm-10">
            @Html.DisplayFor(model => model.ImageUlr)
        </dd>
        <dt class = "col-sm-2">
            @Html.DisplayNameFor(model => model.Sitecopyright)
        </dt>
        <dd class = "col-sm-10">
            @Html.DisplayFor(model => model.Sitecopyright)
        </dd>
    </dl>
    
    <form asp-action="Delete">
        <input type="submit" value="Delete" class="btn btn-danger" /> |
        <a asp-action="Index">Back to List</a>
    </form>
</div>