{{#gh-modal-dialog action="closeModal" showClose=true type="action"
    title="Invite a New User" confirm=confirm class="invite-new-user"}}

    <fieldset>
        <div class="form-group">
            <label for="new-user-email">Email Address</label>
            {{input enter="confirmAccept" class="gh-input email" id="new-user-email" type="email" placeholder="Email Address" name="email" autofocus="autofocus"
            autocapitalize="off" autocorrect="off" value=email}}
        </div>

        <div class="form-group for-select">
            <label for="new-user-role">Role</label>
            <span class="gh-select" tabindex="0">
                {{gh-select-native id="new-user-role"
                    content=roles
                    optionValuePath="id"
                    optionLabelPath="name"
                    selection=role
                    action="setRole"
                }}
            </span>
        </div>
    </fieldset>

{{/gh-modal-dialog}}