18F/identity-idp

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

<% self.title = t('doc_auth.headings.how_to_verify') %>

<%= render PageHeadingComponent.new.with_content(t('doc_auth.headings.how_to_verify')) %>

<% if defined?(error) %>
  <%= render AlertComponent.new(
        type: :error,
        class: 'margin-bottom-4',
        text_tag: 'div',
      ) do %>
    <%= error %>
  <% end %>
<% end %>

<p id='how-to-verify-info'><%= @presenter.how_to_verify_info %></p>
  <div role="group" aria-labelledby="how-to-verify-info" class="border-bottom border-primary-light grid-row">
    <div class="grid-col-12 tablet:grid-col-auto">
      <%= image_tag(
            asset_url(@presenter.asset_url),
            width: 88,
            height: 88,
            class: 'margin-right-1 margin-top-0 tablet:margin-top-4',
            alt: @presenter.alt_text,
          ) %>
    </div>
    <div class="grid-col-12 tablet:grid-col-fill">
    <%= simple_form_for(
          @idv_how_to_verify_form,
          html: {
            id: nil,
            aria: { label: @presenter.submit },
          },
          method: :put,
          url: idv_how_to_verify_url,
        ) do |f|
    %>
    <%= f.hidden_field(
          :selection,
          value: Idv::HowToVerifyForm::REMOTE,
        ) %>
    <%= f.label(
          :selection_remote,
        ) do %>
            <% if @selfie_required %>
                <span class="usa-tag usa-tag--informative margin-bottom-2">
                  <%= t('doc_auth.tips.mobile_phone_required') %>
                </span>
            <% end %>
            <h2 class="margin-top-0"><%= @presenter.verify_online_text %></h2>
            <div>
              <p><%= @presenter.verify_online_instruction %></p>
              <p><%= @presenter.verify_online_description %></p>
            </div>
        <% end %>
        <%= f.submit @presenter.submit, class: 'display-block margin-top-3 margin-bottom-5' %>
    <% end %>
    </div>
  </div>
<div role="group" aria-labelledby="how-to-verify-info" class="grid-row">
<div class="grid-col-12 tablet:grid-col-auto">
  <%= image_tag(
        asset_url('idv/in-person.svg'),
        width: 88,
        height: 88,
        class: 'margin-right-1 margin-top-4',
        alt: t('image_description.post_office'),
      ) %>
</div>
  <div class="grid-col-12 tablet:grid-col-fill">
    <%= simple_form_for(
          @idv_how_to_verify_form,
          html: {
            id: nil,
            aria: { label: t('forms.buttons.continue_ipp') },
          },
          method: :put,
          url: idv_how_to_verify_url,
        ) do |f|
    %>
      <%= f.hidden_field(
            :selection,
            value: Idv::HowToVerifyForm::IPP,
          ) %>
      <%= f.label(
            :selection_ipp,
          ) do %>
            <h3 class="h2 margin-top-0"><%= t('doc_auth.headings.verify_at_post_office') %></h3>
            <div>
              <p><%= @presenter.post_office_instruction %></p>
              <p><%= @presenter.post_office_description %></p>
            </div>
          <% end %>
      <%= f.submit t('forms.buttons.continue_ipp'), class: 'display-block margin-top-3 margin-bottom-5', outline: true %>
    <% end %>
  </div>
</div>

<%= render(
      'shared/troubleshooting_options',
      heading_tag: :h3,
      heading: t('doc_auth.info.how_to_verify_troubleshooting_options_header'),
      options: [
        {
          url: help_center_redirect_path(
            category: 'verify-your-identity',
            article: 'overview',
            flow: :idv,
            step: :how_to_verify,
            location: 'troubleshooting_options',
          ),
          text: t('doc_auth.info.verify_online_link_text'),
          new_tab: true,
        },
        {
          url: help_center_redirect_path(
            category: 'verify-your-identity',
            article: 'verify-your-identity-in-person',
            flow: :idv,
            step: :how_to_verify,
            location: 'troubleshooting_options',
          ),
          text: t('doc_auth.info.verify_at_post_office_link_text'),
          new_tab: true,
        },
      ],
    ) %>
<%= render 'idv/doc_auth/cancel', step: 'how_to_verify' %>