mixin flight_popup()
  l-popup()
    h1.row.text-medium.text-center {{ travel.id.toUpperCase() }}
    span.row.text-small.text-gray {{ travel.from }} - {{travel.to}}
    span(v-if="edit_active")
      .row.input(style="margin-bottom:0")
        textarea-autosize.col-12.col-sm-12.text-small(
          placeholder="Notes",
          v-model="travel.notes",
          :min-height="30",
          :max-height="350"
        )
      a.leaflet-popup-close-button.text-gray(
        style="right: 4px; visibility: visible",
        href="#rm",
        v-on:click.prevent="place_delete('flight',idx)"
        v-html="generate_icon('trash', 'NA')"
      ) 
    span.row.text-small.text-dark(v-else) {{ travel.notes }}

div(v-for= "(travel, idx) in journey.leg_get().travel")
  l-polyline(:lat-lngs="travel.path" :color="travel.color || 'gray'")
    +flight_popup()
    
  l-marker(
      v-for="(place, index) in travel.path"
      :key="'plane'+index"
      :lat-lng="place"
    )
    l-icon(v-html="generate_icon('plane', travel.color || 'gray', generate_rotation(index,travel.path), 'travel-path-icon')"
      )
    +flight_popup()