mixin map_marker(place, color_sel_c, color_sel_o, color_else)
  l-marker(
    :lat-lng="place.latlon"
  )
    l-icon(
      v-if="(place.step == journey.sel_day)"
      v-html="generate_marker(place, \""+color_sel_c+"\")"
    )
    l-icon(
      v-else-if="(place.step >=0)"
      v-html="generate_marker(place, \""+color_sel_o+"\")"
    )
    l-icon(
      v-else
      v-html="generate_marker(place, \""+color_else+"\")"
    )
    l-popup(
    :options="{maxWidth:400, minWidth:300}")
      h1.row.text-medium.text-center {{ place.sname }}
      span.row.text-small.text-gray {{ place.display_name }}
      span(v-if="edit_active")
        .row.input()
          textarea.col-12.col-sm-12.text-small(
            placeholder="",
            v-model="place.notes",
          )
      .leaflet-popup-button-group(v-if="edit_active")
        a.text-gray(
          v-on:click.prevent="place.step = ((place.step==journey.sel_day)?-1:journey.sel_day)"
          v-html="generate_icon(((place.step==journey.sel_day)?'calendar-xmark':'calendar-plus'), 'NA')"
        )
        a.text-gray(
          v-on:click.prevent="place_delete(\""+place+"\",index)"
          v-html="generate_icon('trash', 'NA')"
        ) 
      span.row.text-small.text-dark(v-else) {{ place.notes }}