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

<div class="text-center g-mb-50--md">
    <h2 class="h4 g-mb-0">Create <span class="g-color-primary g-ml-5">FamilyMember</span>
    </h2>
</div>

@using (Html.BeginForm()) 
{
    @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" })

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

                @Html.EditorFor(model => model.FirstName, 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.FirstName, "", 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.LastName, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                @Html.EditorFor(model => model.LastName, 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.LastName, "", 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.Gender, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                @Html.EnumDropDownListFor(model => model.Gender, htmlAttributes: new { @class = "w-100 u-select-v2 u-shadow-v19 g-brd-none g-color-black g-color-primary--hover g-bg-white text-left g-rounded-30 g-pl-30 g-py-12" })
                @Html.ValidationMessageFor(model => model.Gender, "", 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.Birthday, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                @Html.EditorFor(model => model.Birthday, 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.Birthday, "", 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.Married, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                <label class="form-check-inline u-check g-mr-20 mx-0 mb-0">
                </label>
                <label class="form-check-inline u-check g-pl-25">

                    @Html.EditorFor(model => model.Married, new { htmlAttributes = new { @class = "g-hidden-xs-up g-pos-abs g-top-0 g-left-0" } })
                    <div class="u-check-icon-checkbox-v6 g-absolute-centered--y g-left-0">
                        <i class="fa" data-check-icon=""></i>
                    </div>
                    Option 3
                </label>
            </div>

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

                <div class="form-check-inline u-check g-mr-20 mx-0 mb-0">

                    @Html.EditorFor(model => model.Baptized, new { htmlAttributes = new { @class = "g-hidden-xs-up g-pos-abs g-top-0 g-left-0" } })
                    @Html.ValidationMessageFor(model => model.Baptized, "", 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>

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

                @Html.EditorFor(model => model.DateOfBaptized, 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.DateOfBaptized, "", 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.DateOfWalkIn, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                @Html.EditorFor(model => model.DateOfWalkIn, 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.DateOfWalkIn, "", 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.Address, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                @Html.EditorFor(model => model.Address, 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.Address, "", 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.Email, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                @Html.EditorFor(model => model.Email, 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.Email, "", 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.EmailConfirmed, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                <div class="form-check-inline u-check g-mr-20 mx-0 mb-0">

                    @Html.EditorFor(model => model.EmailConfirmed, new { htmlAttributes = new { @class = "g-hidden-xs-up g-pos-abs g-top-0 g-left-0" } })
                    @Html.ValidationMessageFor(model => model.EmailConfirmed, "", 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>


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

                @Html.EditorFor(model => model.PhoneNumber, 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.PhoneNumber, "", 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.UserName, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })

                @Html.EditorFor(model => model.UserName, 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.UserName, "", 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="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <input type="submit" value="Create" class="btn btn-default" />
                </div>
            </div>
        </div>
    </div>
</div>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>