18F/identity-idp

<%#
locals:
  @step_indicator_steps - the correct Idv::Flows variable for this flow
  @pii - user's information
  @ssn - user's ssn
  @had_barcode_read_failure - show warning if there's a barcode read error
%>

<% content_for(:pre_flash_content) do %>
  <%= render StepIndicatorComponent.new(
        steps: @step_indicator_steps,
        current_step: :verify_info,
        locale_scope: 'idv',
        class: 'margin-x-neg-2 margin-top-neg-4 tablet:margin-x-neg-6 tablet:margin-top-neg-4',
      ) %>
<% end %>

<div id="form-steps-wait-alert">
  <!-- Needed by form steps wait javascript -->
</div>

<% self.title = t('titles.idv.verify_info') %>

<%= render PageHeadingComponent.new.with_content(t('headings.verify')) %>
<div class='margin-top-4 margin-bottom-2'>
  <div class="grid-row grid-gap grid-gap-2 padding-bottom-1 border-bottom border-primary-light">
    <dl class="grid-col-fill margin-y-0">
      <div class="padding-y-1">
        <h2 class="h4 margin-y-0"><%= t('headings.state_id') %></h2>
      </div>
      <div>
        <dt class="display-inline"> <%= t('idv.form.first_name') %>: </dt>
        <dd class="display-inline margin-left-0"> <%= @pii[:first_name] %> </dd>
      </div>
      <div>
        <dt class="display-inline"> <%= t('idv.form.last_name') %>: </dt>
        <dd class="display-inline margin-left-0"> <%= @pii[:last_name] %> </dd>
      </div>
      <div>
        <dt class="display-inline"> <%= t('idv.form.dob') %>: </dt>
        <dd class="display-inline margin-left-0">
          <%= I18n.l(Date.parse(@pii[:dob]), format: I18n.t('time.formats.event_date')) %>
        </dd>
      </div>
      <div>
        <dt class="display-inline"> <%= t('idv.form.issuing_state') %>: </dt>
        <dd class="display-inline margin-left-0"> <%= @pii[:state_id_jurisdiction] %> </dd>
      </div>
      <div>
        <dt class="display-inline"> <%= t('idv.form.id_number') %>: </dt>
        <dd class="display-inline margin-left-0"> <%= @pii[:state_id_number] %> </dd>
      </div>
      <div class="margin-top-105">
        <dt class="display-inline"> <%= t('idv.form.address1') %>: </dt>
        <dd class="display-inline margin-left-0"> <%= @pii[:identity_doc_address1] %> </dd>
      </div>
      <div>
        <dt class="display-inline"> <%= t('idv.form.address2') %>: </dt>
        <dd class="display-inline margin-left-0"> <%= @pii[:identity_doc_address2].presence %> </dd>
      </div>
      <div>
        <dt class="display-inline"> <%= t('idv.form.city') %>: </dt>
        <dd class="display-inline margin-left-0"> <%= @pii[:identity_doc_city] %> </dd>
      </div>
      <div>
        <dt class="display-inline"> <%= t('idv.form.state') %>: </dt>
        <dd class="display-inline margin-left-0"> <%= @pii[:identity_doc_address_state] %> </dd>
      </div>
      <div>
        <dt class="display-inline"> <%= t('idv.form.zipcode') %>: </dt>
        <dd class="display-inline margin-left-0"> <%= @pii[:identity_doc_zipcode] %> </dd>
      </div>
    </dl>
    <div class='grid-auto'>
      <%= button_to(
            idv_in_person_step_url(step: :redo_state_id),
            method: :put,
            class: 'usa-button usa-button--unstyled padding-y-1',
            'aria-label': t('idv.buttons.change_state_id_label'),
          ) { t('idv.buttons.change_label') } %>
    </div>
  </div>
  <div class="grid-row grid-gap grid-gap-2 padding-bottom-1 padding-top-1 border-bottom border-primary-light">
    <dl class='grid-col-fill margin-y-0'>
      <div class="padding-y-1">
        <h2 class="h4 margin-y-0"><%= t('headings.residential_address') %></h2>
      </div>
      <div>
        <dt class="display-inline"> <%= t('idv.form.address1') %>: </dt>
        <dd class="display-inline margin-left-0"> <%= @pii[:address1] %> </dd>
      </div>
      <div>
        <dt class="display-inline"> <%= t('idv.form.address2') %>: </dt>
        <dd class="display-inline margin-left-0"> <%= @pii[:address2].presence %> </dd>
      </div>
      <div>
        <dt class="display-inline"> <%= t('idv.form.city') %>: </dt>
        <dd class="display-inline margin-left-0"> <%= @pii[:city] %> </dd>
      </div>
      <div>
        <dt class="display-inline"> <%= t('idv.form.state') %>: </dt>
        <dd class="display-inline margin-left-0"> <%= @pii[:state] %> </dd>
      </div>
      <div>
        <dt class="display-inline"> <%= t('idv.form.zipcode') %>: </dt>
        <dd class="display-inline margin-left-0"> <%= @pii[:zipcode] %> </dd>
      </div>
    </dl>
    <div class='grid-auto'>
      <%= link_to(
            t('idv.buttons.change_label'),
            idv_in_person_address_url,
            'aria-label': t('idv.buttons.change_address_label'),
          ) %>
    </div>
  </div>
  <div class="grid-row grid-gap grid-gap-2 padding-top-1">
    <div class='grid-col-fill'>
      <div class="padding-y-1">
        <h2 class="h4 margin-y-0"><%= t('headings.ssn') %></h2>
      </div>
      <%= t('idv.form.ssn') %>:
      <%= render(
            'shared/masked_text',
            text: SsnFormatter.format(@ssn),
            masked_text: SsnFormatter.format_masked(@ssn),
            accessible_masked_text: t(
              'idv.accessible_labels.masked_ssn',
              first_number: @ssn[0],
              last_number: @ssn[-1],
            ),
            toggle_label: t('forms.ssn.show'),
          ) %>
    </div>
    <div class='grid-auto'>
      <%= link_to(
            t('idv.buttons.change_label'),
            idv_in_person_ssn_url,
            'aria-label': t('idv.buttons.change_ssn_label'),
          ) %>
    </div>
  </div>
  <div class="margin-top-5">
      <%= render SpinnerButtonComponent.new(
            url: idv_in_person_verify_info_path,
            big: true,
            wide: true,
            action_message: t('idv.messages.verifying'),
            method: :put,
            form: {
              class: 'button_to',
              data: {
                form_steps_wait: '',
                error_message: t('idv.failure.exceptions.internal_error'),
                alert_target: '#form-steps-wait-alert',
                wait_step_path: idv_in_person_verify_info_path,
                poll_interval_ms: IdentityConfig.store.poll_rate_for_verify_in_seconds * 1000,
              },
            },
          ).with_content(t('forms.buttons.submit.default')) %>
  </div>
</div>

<% javascript_packs_tag_once 'form-steps-wait' %>
<%= render 'idv/doc_auth/cancel', step: 'verify' %>