%= form_with(model: participant, local: true, html: { class: 'needs-validation', novalidate: true }) do |form| %>
<% if participant.errors.any? %>
<%= pluralize(participant.errors.count, "error") %> prohibited this participant from being saved:
<% participant.errors.full_messages.each do |message| %>
<%= message %>
<% end %>
<% end %>
<%= form.label :first_name, 'First Name', class: 'form-label' %>
<%= form.text_field :first_name, class: 'form-control' %>
<%= form.label :last_name, 'Last Name', class: 'form-label' %>
<%= form.text_field :last_name, class: 'form-control' %>
<%= form.label :address, class: 'form-label' %>
<%= form.text_area :address, rows: 1, class: 'form-control auto-expand' %>
<%= form.label :phone, class: 'form-label' %>
<%= form.telephone_field :phone, id: 'phone-field', class: 'form-control', placeholder: '(XXX)XXX-XXXX' %>
<%= form.label :email, class: 'form-label' %>
<%= form.email_field :email, id: 'email-field', class: 'form-control', required: true, placeholder: 'Make sure to include @ sign' %>
<%= form.label :is_employer, 'Is this participant also an employer?', class: 'form-label' %>
<%= radio_button_tag 'is_employer', 'yes', true, class: 'form-check-input' %>
<%= label_tag 'is_employer_yes', 'Yes', class: 'form-check-label' %>
<%= radio_button_tag 'is_employer', 'no', false, class: 'form-check-input' %>
<%= label_tag 'is_employer_no', 'No', class: 'form-check-label' %>
<%= label_tag :employer_name, 'Employer Name', class: 'form-label' %>
<%= text_field_tag :employer_name, nil, id: 'employer-autocomplete', class: 'form-control', placeholder: 'Start typing employer name...' %>
<%= hidden_field_tag :employer_id, nil, id: 'selected-employer-id' %>
<%= form.label :mci, 'MCI', class: 'form-label' %>
<%= form.text_field :mci, class: 'form-control', placeholder: 'Required for Participant', maxlength: 10, pattern: "\\d{10}", oninput: "validateMCI(this)" %>
<%= form.label :dob, 'Date of Birth', class: 'form-label' %>
<%= form.date_field :dob, class: 'form-control' %>
<%= form.label :ssn, 'Social Security Number', class: 'form-label' %>
<%= form.text_field :ssn, id: 'ssn-field', class: 'form-control', maxlength: 11, placeholder: 'XXX-XX-XXXX' %>
<%= form.label :gender, class: 'form-label' %>
<%= form.select :gender, ['Unknown', 'Female', 'Male', 'Non-Binary', 'Other'], {}, class: 'form-select' %>
<%= form.submit class: 'btn btn-dark' %>
<% end %>
<%# This is to correct phone number entry %>
<%# This is for auto resizing the address field %>
<%# This is to require 1 @ sign for email entry %>
<%# This is for Social Security formatting and # of digits %>
<%# This is to change the Employer input field on Radio Button selection %>
<%# This is to limit the MCI to 10 numeric digits on entry %>