@model CustomerUserSettingsModel

<script>
    $(function() {
        $("#@Html.IdFor(model => model.CustomerSettings.DateOfBirthRequired)").click(toggleCustomerRequiredFormField);
        $("#@Html.IdFor(model => model.CustomerSettings.CountryEnabled)").click(toggleCustomerCountryFormField);
        $("#@Html.IdFor(model => model.CustomerSettings.StateProvinceEnabled)").click(toggleCustomerStateProvinceFormField);

        toggleCustomerCountryFormField();
        toggleCustomerStateProvinceFormField();
        toggleCustomerRequiredFormField();
    });

    function toggleCustomerCountryFormField() {
        if ($('#@Html.IdFor(model => model.CustomerSettings.CountryEnabled)').is(':checked')) {
            $('#pnlCustomerCountryRequired').showElement();
            $('#pnlCustomerDefaultCountryId').showElement();
            $('#pnlCustomerStateProvinceEnabled').showElement();
            toggleCustomerStateProvinceFormField();
        } else {
            $('#pnlCustomerCountryRequired').hideElement();
            $('#pnlCustomerDefaultCountryId').hideElement();
            $('#pnlCustomerStateProvinceEnabled').hideElement();
            toggleCustomerStateProvinceFormField();
        }
    }

    function toggleCustomerStateProvinceFormField() {
        if ($('#@Html.IdFor(model => model.CustomerSettings.CountryEnabled)').is(':checked') &&
            $('#@Html.IdFor(model => model.CustomerSettings.StateProvinceEnabled)').is(':checked')) {
            $('#pnlCustomerStateProvinceRequired').showElement();
        } else {
            $('#pnlCustomerStateProvinceRequired').hideElement();
        }
    }

    function toggleCustomerRequiredFormField() {
        if ($('#@Html.IdFor(model => model.CustomerSettings.DateOfBirthEnabled)').is(':checked') &&
            $('#@Html.IdFor(model => model.CustomerSettings.DateOfBirthRequired)').is(':checked')) {
            $('#pnlDateOfBirthMinimumAge').showElement();
        } else {
            $('#pnlDateOfBirthMinimumAge').hideElement();
        }
    }
</script>

<div class="card-body">
    <p>
        <em>@T("Admin.Configuration.Settings.CustomerUser.CustomerFormFields.Description")</em>
    </p>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.GenderEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.GenderEnabled" />
            <span asp-validation-for="CustomerSettings.GenderEnabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.GenderEnabled">
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.NeutralGenderEnabled" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.NeutralGenderEnabled" />
                <span asp-validation-for="CustomerSettings.NeutralGenderEnabled"></span>
            </div>
        </div>
    </nop-nested-setting>
	<div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.FirstNameEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.FirstNameEnabled" />
            <span asp-validation-for="CustomerSettings.FirstNameEnabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.FirstNameEnabled">
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.FirstNameRequired" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.FirstNameRequired" />
                <span asp-validation-for="CustomerSettings.FirstNameRequired"></span>
            </div>
        </div>
    </nop-nested-setting>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.LastNameEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.LastNameEnabled" />
            <span asp-validation-for="CustomerSettings.LastNameEnabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.LastNameEnabled">
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.LastNameRequired" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.LastNameRequired" />
                <span asp-validation-for="CustomerSettings.LastNameRequired"></span>
            </div>
        </div>
    </nop-nested-setting>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.DateOfBirthEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.DateOfBirthEnabled" />
            <span asp-validation-for="CustomerSettings.DateOfBirthEnabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.DateOfBirthEnabled">
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.DateOfBirthRequired" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.DateOfBirthRequired" />
                <span asp-validation-for="CustomerSettings.DateOfBirthRequired"></span>
            </div>
        </div>
        <nop-nested-setting asp-for="CustomerSettings.DateOfBirthRequired" disable-auto-generation="true">
            <div class="form-group row" id="pnlDateOfBirthMinimumAge">
                <div class="col-md-3">
                    <nop-label asp-for="CustomerSettings.DateOfBirthMinimumAge" />
                </div>
                <div class="col-md-9">
                    <nop-editor asp-for="CustomerSettings.DateOfBirthMinimumAge" />
                    <span asp-validation-for="CustomerSettings.DateOfBirthMinimumAge"></span>
                </div>
            </div>
        </nop-nested-setting>
    </nop-nested-setting>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.CompanyEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.CompanyEnabled" />
            <span asp-validation-for="CustomerSettings.CompanyEnabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.CompanyEnabled">
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.CompanyRequired" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.CompanyRequired" />
                <span asp-validation-for="CustomerSettings.CompanyRequired"></span>
            </div>
        </div>
    </nop-nested-setting>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.StreetAddressEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.StreetAddressEnabled" />
            <span asp-validation-for="CustomerSettings.StreetAddressEnabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.StreetAddressEnabled">
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.StreetAddressRequired" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.StreetAddressRequired" />
                <span asp-validation-for="CustomerSettings.StreetAddressRequired"></span>
            </div>
        </div>
    </nop-nested-setting>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.StreetAddress2Enabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.StreetAddress2Enabled" />
            <span asp-validation-for="CustomerSettings.StreetAddress2Enabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.StreetAddress2Enabled">
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.StreetAddress2Required" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.StreetAddress2Required" />
                <span asp-validation-for="CustomerSettings.StreetAddress2Required"></span>
            </div>
        </div>
    </nop-nested-setting>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.ZipPostalCodeEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.ZipPostalCodeEnabled" />
            <span asp-validation-for="CustomerSettings.ZipPostalCodeEnabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.ZipPostalCodeEnabled">
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.ZipPostalCodeRequired" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.ZipPostalCodeRequired" />
                <span asp-validation-for="CustomerSettings.ZipPostalCodeRequired"></span>
            </div>
        </div>
    </nop-nested-setting>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.CityEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.CityEnabled" />
            <span asp-validation-for="CustomerSettings.CityEnabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.CityEnabled">
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.CityRequired" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.CityRequired" />
                <span asp-validation-for="CustomerSettings.CityRequired"></span>
            </div>
        </div>
    </nop-nested-setting>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.CountyEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.CountyEnabled" />
            <span asp-validation-for="CustomerSettings.CountyEnabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.CountyEnabled">
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.CountyRequired" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.CountyRequired" />
                <span asp-validation-for="CustomerSettings.CountyRequired"></span>
            </div>
        </div>
    </nop-nested-setting>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.CountryEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.CountryEnabled" />
            <span asp-validation-for="CustomerSettings.CountryEnabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.CountryEnabled" disable-auto-generation="true">
        <div class="form-group row" id="pnlCustomerCountryRequired">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.CountryRequired" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.CountryRequired" />
                <span asp-validation-for="CustomerSettings.CountryRequired"></span>
            </div>
        </div>
        <div class="form-group row" id="pnlCustomerDefaultCountryId">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.DefaultCountryId" />
            </div>
            <div class="col-md-9">
                <nop-select asp-for="CustomerSettings.DefaultCountryId" asp-items="Model.CustomerSettings.AvailableCountries" />
                <span asp-validation-for="CustomerSettings.DefaultCountryId"></span>
            </div>
        </div>
    </nop-nested-setting>
    <div class="form-group row" id="pnlCustomerStateProvinceEnabled">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.StateProvinceEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.StateProvinceEnabled" />
            <span asp-validation-for="CustomerSettings.StateProvinceEnabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.StateProvinceEnabled" disable-auto-generation="true">
        <div class="form-group row" id="pnlCustomerStateProvinceRequired">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.StateProvinceRequired" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.StateProvinceRequired" />
                <span asp-validation-for="CustomerSettings.StateProvinceRequired"></span>
            </div>
        </div>
    </nop-nested-setting>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.PhoneEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.PhoneEnabled" />
            <span asp-validation-for="CustomerSettings.PhoneEnabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.PhoneEnabled">
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.PhoneRequired" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.PhoneRequired" />
                <span asp-validation-for="CustomerSettings.PhoneRequired"></span>
            </div>
        </div>
    </nop-nested-setting>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.FaxEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.FaxEnabled" />
            <span asp-validation-for="CustomerSettings.FaxEnabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.FaxEnabled">
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.FaxRequired" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.FaxRequired" />
                <span asp-validation-for="CustomerSettings.FaxRequired"></span>
            </div>
        </div>
    </nop-nested-setting>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.AcceptPrivacyPolicyEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.AcceptPrivacyPolicyEnabled" />
            <span asp-validation-for="CustomerSettings.AcceptPrivacyPolicyEnabled"></span>
        </div>
    </div>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="CustomerSettings.NewsletterEnabled" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="CustomerSettings.NewsletterEnabled" />
            <span asp-validation-for="CustomerSettings.NewsletterEnabled"></span>
        </div>
    </div>
    <nop-nested-setting asp-for="CustomerSettings.NewsletterEnabled">
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="CustomerSettings.NewsletterTickedByDefault" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="CustomerSettings.NewsletterTickedByDefault" />
                <span asp-validation-for="CustomerSettings.NewsletterTickedByDefault"></span>
            </div>
        </div>
    </nop-nested-setting>
    @*render custom customer attributes*@
    @await Html.PartialAsync("../CustomerAttribute/ListBlock.cshtml", Model.CustomerAttributeSearchModel)
</div>