%= form_for '', url: template_submissions_path(template), html: { class: 'space-y-4', autocomplete: 'off' }, data: { turbo_frame: :_top } do |f| %>
<% submitters = template.submitters.reject { |e| e['invite_by_uuid'].present? } %>
<% submitters.each_with_index do |item, index| %>
<% if submitters.size > 1 %>
<% end %>
">
<%= tag.input type: 'tel', pattern: '^\+[0-9\s\-]+$', oninvalid: "this.value ? this.setCustomValidity('Use internatioanl format: +1xxx...') : ''", oninput: "this.setCustomValidity('')", name: 'submission[1][submitters][][phone]', autocomplete: 'off', class: 'base-input-slim w-full', placeholder: 'Phone', required: index.zero?, id: "phone_phone_#{item['uuid']}" %>
<% if submitters.size > 1 %>
">
<% end %>
<% if submitters.size == 1 %>
">
<% end %>
<% end %>
<% if params[:selfsign].blank? %>
<%= svg_icon('user_plus', class: 'w-4 h-4 stroke-2') %>
Add New
<% end %>
<%= render('submitters_order', f:, template:) if Accounts.can_send_emails?(current_account) %>
<%= render 'send_sms', f: %>
<%= f.button button_title(title: 'Add Recipients'), class: 'base-button' %>
<% end %>