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

{% if elementId is not defined %}
    {% set elementId = null %}
{% endif %}

{{ forms.text({
    id: id,
    name: name,
    value: value is defined ? value : '',
    placeholder: placeholder ?? null,
}) }}

<span class="sprout-email-button {{ id }}">
    <a href="" target="_blank">{{ svg('@sproutbaseicons/envelope.svg') }}</a>
</span>

{% do view.registerAssetBundle("barrelstrength\\sproutbase\\app\\fields\\web\\assets\\email\\EmailFieldAsset") %}

{% js %}

    (function() {
    checkSproutEmailField("{{ namespaceInputId }}", "{{ id }}", "{{ elementId }}", "{{ name }}", "{{ fieldContext }}");
    })();

    $('input#{{ namespaceInputId }}').on('input', function() {
    checkSproutEmailField("{{ namespaceInputId }}", "{{ id }}", "{{ elementId }}", "{{ name }}", "{{ fieldContext }}");
    });

{% endjs %}