- var map_section = 'journey_data.main[idx]'
div(v-for='(e, idx) in journey_data.main' :key='idx')
  .bg-dark.text-white(v-if="journey_step_data.section==idx")
    .container.section
      .row.text-center
        .input.col-sm-2
          input(v-model=map_section+'.title')
        .input.col-sm-2
          input(placeholder='Day title' v-model=map_section+'.step_title[journey_step_data.day]')
        .col-sm-3
        .right.input.col-sm-2
          input(disabled='' :value='active_date() + " (" + journey_step_data.day+")"')
      .row
        .col-9.col-ssm-12
          include map.pug
          +map(map_section)
      
        .col-3.col-ssm-12
          .row.text-center
            div
              label Date Range
            .input.text-dark
              date-picker(:lang='lang' v-model=map_section+'.dateRange' range='' format='ddd D MMM' placeholder='Date Range')
          .row.text-center
            div
              label Hotel
            multiselect#ajax(v-model=map_section+'.hotel' label='sname' track-by='place_id' placeholder='Type to search' open-direction='bottom' :options='query.nominatim' :searchable='true' :loading='querying.hotel' :internal-search='false' :clear-on-select='false' :options-limit='50' :limit='1' :max-height='600' @search-change='debounceSearch.hotel')
          .row.text-center
            div
              label Restoration
            multiselect#ajax(v-model=map_section+'.places.restaurants' label='sname' track-by='place_id' placeholder='Type to search' open-direction='bottom' :multiple='true' :options='query.nominatim' :searchable='true' :loading='querying.food' :internal-search='false' :clear-on-select='false' :options-limit='50' :limit='10' :max-height='600' @search-change='debounceSearch.restaurants')
          .row.text-center
            div
              label Activities
            multiselect#ajax(v-model=map_section+'.places.activities' label='sname' track-by='place_id' placeholder='Type to search' open-direction='bottom' :multiple='true' :options='query.nominatim' :searchable='true' :loading='querying.place' :internal-search='false' :clear-on-select='false' :options-limit='50' :limit='10' :max-height='600' @search-change='debounceSearch.places')
          .row.text-center
            div
              label Notes
            .input.text-dark(style='width:100%;')
              textarea-autosize.text-small(v-model=map_section+'.notes' placeholder='Notes' :min-height='30' :max-height='350')