%fieldset.topper
  = render partial: "sign_up_navigation", locals: { step: "3" }
  = render partial: 'applicants/shared/example_video'
  = render partial: 'applicants/shared/recording_help_simple'
  = render partial: 'applicants/shared/applicant_info_modal'

  .row-fluid
    .offset2.span8

      %h3
        = t('applicants.pages.tips.header')
        
      %p.lead
        = t('applicants.pages.tips.boiler')
      
      %h4
        1.
        %span.normal-weight
          = link_to(t('applicants.pages.tips.step_1.heading'),
                  '#example_video',
                  data: {toggle: 'modal'},
                  :'data-kiss-event' => 'click',
                  :'data-kiss-name'  => 'viewed_tips')
          = t('applicants.pages.tips.step_1.heading_2')

      %hr/

      %h4
        2.
        %span.normal-weight
          = t('applicants.pages.tips.step_2.heading')
      .row-fluid.legroom
        %ul
          %li= t('applicants.pages.tips.step_2.tip_1_html')
          %li= t('applicants.pages.tips.step_2.tip_2_html')

      = link_to "#{icon('circle-arrow-down white')} #{t('applicants.pages.tips.buttons.start_screen_recorder')}".html_safe,
        screen_recorder_descriptor_url,
        class: 'btn btn-warning btn-large space-right',
        onClick: "_gaq.push(['_trackEvent', 'Applicants', 'Click', 'Record']);",
        :'data-kiss-event' => 'click',
        :'data-kiss-name'  => 'start_screen_recorder'

  = render partial: 'applicants/shared/recording_help'