@model Church.Net.Entity.WhoIsSpy
@{
    ViewBag.returnUrl = @Url.Action("Index");
    ViewBag.returnUrlTitle = "WhoIsSpy List";
}
@{
    ViewBag.Title = "Edit WhoIsSpy";
}

<div class="text-center g-mb-50--md">
    <h2 class="h4 g-mb-0">
        Edit <span class="g-color-primary g-ml-5">WhoIsSpy</span>
    </h2>
</div>
@using (Html.BeginForm("Edit", "WhoIsSpies", FormMethod.Post, new { enctype = "multipart/form-data" }))
{

    @Html.AntiForgeryToken()
    <div class="g-bg-img-hero g-bg-pos-top-center g-pos-rel g-z-index-1 g-mt-minus-100" style="background-image: url(/Images/svg/svg-bg5.svg);">
        <div class="container g-pt-150 g-pb-30">
            <div class="row">
                @Html.ValidationSummary(true, "", new { @class = "text-danger" })
                @Html.HiddenFor(model => model.Id)

                <div class="col-md-6 g-mb-20--md">
                    @Html.LabelFor(model => model.Answer1Cht, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                    @Html.EditorFor(model => model.Answer1Cht, new { htmlAttributes = new { @class = "form-control u-shadow-v19 g-brd-none g-bg-white g-font-size-16 g-rounded-30 g-px-30 g-py-13 g-mb-30" } })
                    @Html.ValidationMessageFor(model => model.Answer1Cht, "", new { @class = "form-control-feedback d-block g-bg-red g-color-white g-font-size-12 g-px-14 g-py-3 mt-0" })

                </div>


                <div class="col-md-6 g-mb-20--md">
                    @Html.LabelFor(model => model.Answer2Cht, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                    @Html.EditorFor(model => model.Answer2Cht, new { htmlAttributes = new { @class = "form-control u-shadow-v19 g-brd-none g-bg-white g-font-size-16 g-rounded-30 g-px-30 g-py-13 g-mb-30" } })
                    @Html.ValidationMessageFor(model => model.Answer2Cht, "", new { @class = "form-control-feedback d-block g-bg-red g-color-white g-font-size-12 g-px-14 g-py-3 mt-0" })

                </div>

                <div class="col-md-6 g-mb-20--md">
                    @Html.LabelFor(model => model.Answer1Chs, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                    @Html.EditorFor(model => model.Answer1Chs, new { htmlAttributes = new { @class = "form-control u-shadow-v19 g-brd-none g-bg-white g-font-size-16 g-rounded-30 g-px-30 g-py-13 g-mb-30" } })
                    @Html.ValidationMessageFor(model => model.Answer1Chs, "", new { @class = "form-control-feedback d-block g-bg-red g-color-white g-font-size-12 g-px-14 g-py-3 mt-0" })

                </div>

                <div class="col-md-6 g-mb-20--md">
                    @Html.LabelFor(model => model.Answer2Chs, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                    @Html.EditorFor(model => model.Answer2Chs, new { htmlAttributes = new { @class = "form-control u-shadow-v19 g-brd-none g-bg-white g-font-size-16 g-rounded-30 g-px-30 g-py-13 g-mb-30" } })
                    @Html.ValidationMessageFor(model => model.Answer2Chs, "", new { @class = "form-control-feedback d-block g-bg-red g-color-white g-font-size-12 g-px-14 g-py-3 mt-0" })

                </div>

                <div class="col-md-6 g-mb-20--md">
                    @Html.LabelFor(model => model.Answer1En, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                    @Html.EditorFor(model => model.Answer1En, new { htmlAttributes = new { @class = "form-control u-shadow-v19 g-brd-none g-bg-white g-font-size-16 g-rounded-30 g-px-30 g-py-13 g-mb-30" } })
                    @Html.ValidationMessageFor(model => model.Answer1En, "", new { @class = "form-control-feedback d-block g-bg-red g-color-white g-font-size-12 g-px-14 g-py-3 mt-0" })

                </div>
                <div class="col-md-6 g-mb-20--md">
                    @Html.LabelFor(model => model.Answer2En, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                    @Html.EditorFor(model => model.Answer2En, new { htmlAttributes = new { @class = "form-control u-shadow-v19 g-brd-none g-bg-white g-font-size-16 g-rounded-30 g-px-30 g-py-13 g-mb-30" } })
                    @Html.ValidationMessageFor(model => model.Answer2En, "", new { @class = "form-control-feedback d-block g-bg-red g-color-white g-font-size-12 g-px-14 g-py-3 mt-0" })

                </div>

                <div class="col-md-6 g-mb-20--md">
                    @Html.LabelFor(model => model.Answer1Image, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })
                    <img src="/Images/IceBreak/WhoIsSpy/@Model.Answer1Image" />
                    @Html.TextBox("Answer1Image", "", new { @class = "form-control u-shadow-v19 g-brd-none g-bg-white g-font-size-16 g-rounded-30 g-px-30 g-py-13 g-mb-30", type = "file", accept = "image/*;capture=camera" })
                </div>



                <div class="col-md-6 g-mb-20--md">
                    @Html.LabelFor(model => model.Answer2Image, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                    <img src="/Images/IceBreak/WhoIsSpy/@Model.Answer2Image" />
                    @Html.TextBox("Answer2Image", "", new { @class = "form-control u-shadow-v19 g-brd-none g-bg-white g-font-size-16 g-rounded-30 g-px-30 g-py-13 g-mb-30", type = "file", accept = "image/*;capture=camera" })
                </div>

            </div>
            <div class="row">

                <div class="col-sm-6 g-mt-30 g-mb-30">
                    <div class="d-flex">
                        <button class="btn btn-block u-shadow-v32 g-brd-black g-brd-2 g-color-black g-color-white--hover g-bg-transparent g-bg-black--hover g-font-size-16 g-rounded-30 g-py-10 mr-2 g-mt-0" type="reset">Reset</button>
                        <button class="btn btn-block u-shadow-v32 g-brd-none g-color-white g-bg-black g-bg-primary--hover g-font-size-16 g-rounded-30 g-py-10 ml-2 g-mt-0" type="submit">Update</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
}