div(v-for="(e, idx) in journey.data.main", :key="idx")
  .bg-dark.text-white(v-if="journey.sel_leg == idx")
    .container.section
      .row.text-center
        .input.col-sm-2
          input(v-model="journey.leg_get(idx).title")
        .input.col-sm-2
          input(
            placeholder="Day title",
            v-model="journey.leg_get(idx).day_title[journey.sel_day]"
          )
        .col-sm-3
        .right.input.col-sm-2
          input(
            disabled="",
            :value="journey.date_sel() + ' (' + journey.sel_day + ')'"
          )
      .row
        .map-container(:class="{ 'col-9': !drawer_active, 'col-7': drawer_active }")
          include map.pug
        .drawer-container(:class="{ 'col-3': drawer_active, 'col-0': !drawer_active }")
          .row.text-center 
            .input.text-dark(style="width: 100%")
                input(
                  type="search"
                @input="search_active"
                placeholder="Search ... "
              )
            ul
              li(
                v-for="item in query.res" 
                :key="item.id" 
                @mouseover="drawer_hover_item(item)" 
                @mouseleave="drawer_hover_item()"
                @click="drawer_click_item(item)" )
                | {{ item.name }}
          
        .col-3.col-ssm-12
          .row.text-center
            div
              label Date Range ({{ journey.leg_len(idx) }})
            .input.text-dark
              date-picker(
                :lang="lang",
                v-model="journey.data.main[idx].date_range",
                range="",
                format="ddd D MMM",
                placeholder="Date Range",
                v-on:change="journey.date_update(idx)"
              )
          .row.text-center
            div
              label Hotel
            multiselect#ajax(
              v-model="journey.data.main[idx].hotel",
              label="sname",
              track-by="place_id",
              placeholder="Type to search",
              open-direction="bottom",
              :options="query.res",
              :searchable="true",
              :loading="query.type=='hotel'",
              :internal-search="false",
              :clear-on-select="false",
              :options-limit="50",
              :limit="1",
              :max-height="600",
              @search-change="search_hotel"
            )
          .row.text-center
            div
              label Restoration
            multiselect#ajax(
              v-model="journey.data.main[idx].places.restaurants",
              label="sname",
              track-by="place_id",
              placeholder="Type to search",
              open-direction="bottom",
              :multiple="true",
              :options="query.res",
              :searchable="true",
              :loading="query.type == 'restaurant'",
              :internal-search="false",
              :clear-on-select="false",
              :options-limit="50",
              :limit="10",
              :max-height="600",
              @search-change="search_restaurant"
            )
          .row.text-center
            div
              label Activities
            multiselect#ajax(
              v-model="journey.data.main[idx].places.activities",
              label="sname",
              track-by="place_id",
              placeholder="Type to search",
              open-direction="bottom",
              :multiple="true",
              :options="query.res",
              :searchable="true",
              :loading="query.type=='place'",
              :internal-search="false",
              :clear-on-select="false",
              :options-limit="50",
              :limit="10",
              :max-height="600",
              @search-change="search_place"
            )
          .row.text-center
            div
              label Notes
            .input.text-dark(style="width: 100%")
              textarea-autosize.text-small(
                v-model="journey.data.main[idx].notes",
                placeholder="Notes",
                :min-height="30",
                :max-height="350"
              )