{% import "_includes/forms" as forms %}

{{ forms.selectField({
    name: 'country',
    instructions: "This country will display as selected when the field loads for the first time."|t('sprout-fields'),
    label: 'Default Country'|t('sprout-fields'),
    options: field.getCountries(),
    value: field.country
}) }}

{{ forms.lightswitchField({
    label: "Limit to single country"|t('sprout-fields'),
    instructions: "Only accept numbers from your Default Country"|t('sprout-fields'),
    name: 'limitToSingleCountry',
    on: field.limitToSingleCountry
}) }}

{{ forms.textField({
    label: "Placeholder Text"|t('sprout-fields'),
    instructions: "The text that will be shown if the field doesn’t have a value."|t('sprout-fields'),
    id: 'placeholder',
    name: 'placeholder',
    value: field.placeholder
}) }}

{{ forms.textField({
    label: 'Error Message'|t('sprout-fields'),
    instructions: 'Display this error message when a phone number is invalid.'|t('sprout-fields'),
    name: 'customPatternErrorMessage',
    placeholder: 'Phone number must match the format: ##########',
    value: field.customPatternErrorMessage
}) }}