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 OTM
    .input.input-invis.row
      input.col-6.small(v-model="journey_data.name", type="text")
      input.col-6.small(
        disabled,
        type="text",
        :placeholder="total_date() + ' (' + total_days() + ')'"
      )
    .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")
          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