{% from "components/icon.html" import Icon %} {% from "components/text_input.html" import TextInput %} {% from "components/checkbox_input.html" import CheckboxInput %} {% from "components/multi_step_modal_form.html" import MultiStepModalForm %} {% set step_one %}
{{ TextInput(member_form.user_data.first_name, validation='requiredField') }}
{{ TextInput(member_form.user_data.last_name, validation='requiredField') }}
{{ TextInput(member_form.user_data.email, validation='email') }}
{{ TextInput(member_form.user_data.phone_number, validation='usPhone', optional=True) }}
{{ TextInput(member_form.user_data.dod_id, validation='dodId') }}
Cancel
{% endset %} {% set step_two %} {% endset %} {{ MultiStepModalForm( 'add-app-mem', member_form, url_for("applications.create_member", application_id=application.id), [step_one, step_two], button_text=("portfolios.admin.add_new_member" | translate), button_icon="plus-circle-solid", ) }}