header.header
  .header-inner.container
    a.header-logo.text-dark(href='/')
      img.header-logoImage(src='/public/img/helcel.png' alt='Helcel logo' width='40')
      span.hide-small HOTM
    .input.input-invis
      input.small(v-model='journey_data.name' type='text')
    .row.header-nav.text-big(style='margin-bottom: 0;')
      .col-sm-2
        a(:href="'/short/'+journey_id")
          i.fas.fa-file-contract
      .col-sm-2
        a(:href="'/view/'+journey_id +'#0'")
          i.fas.fa-camera
      .col-sm-2
        a(href='#main' v-on:click.prevent='first_step')
          i.fas.fa-tools
      .col-sm-1.text-small
        a(href='#prevprev' v-on:click.prevent='prevprev_step')
          i.fas.fa-angle-double-left
      .col-sm-1
        a(href='#prev' v-on:click.prevent='prev_step')
          i.fas.fa-angle-left
      .col-sm-1
        a(href='#next' v-on:click.prevent='next_step')
          i.fas.fa-angle-right
      .col-sm-1.text-small
        a(href='#nextnext' v-on:click.prevent='nextnext_step')
          i.fas.fa-angle-double-right