{% from "components/icon.html" import Icon %} {% from "components/text_input.html" import TextInput %} {% from "components/multi_step_modal_form.html" import MultiStepModalForm %} {% macro SimpleOptionsInput(field) %}
{{ field.label | striptags}}
{{ field() }}
{% endmacro %} {% set step_one %}
{{ TextInput(member_form.user_data.first_name, validation='requiredField', optional=False) }}
{{ TextInput(member_form.user_data.last_name, validation='requiredField', optional=False) }}
{{ TextInput(member_form.user_data.email, validation='email', optional=False) }}
{{ TextInput(member_form.user_data.phone_number, validation='usPhone') }}
{{ TextInput(member_form.user_data.dod_id, validation='dodId', optional=False) }}
Cancel
{% endset %} {% set step_two %} {% endset %} {{ MultiStepModalForm( 'add-port-mem', member_form, url_for("portfolios.invite_member", portfolio_id=portfolio.id), [step_one, step_two], ) }}