.container.section
  .row.text-center
    .input.col-sm-2
      input(disabled="", :value="item.title")
    .input.col-sm-4
      input(
        disabled="",
        placeholder="No Dates",
        :value="item.dateRange ? format_date(item.dateRange[0]) + ' - ' + format_date(item.dateRange[1]) : ''"
      )
    .input.col-sm-2
      input(disabled="", placeholder="No Hotel", :value="item.hotel.sname")
  .row.text-center
    .input.col-sm-3(v-if="item.transit")
      div(v-for="(item, idx) in item.transit")
        input(disabled="", :value="item.map((v) => v.id).join(', ')")
  .row.text-center
    .input.col-sm-8(v-if="item.places && item.places.restaurants")
      textarea-autosize.text-small(
        placeholder="No Restaurants",
        :value="item.places.restaurants.map((v) => v.sname + (v.notes ? '(' + v.notes + ')' : '')).join(', ')",
        :min-height="30",
        :max-height="350",
        disabled=""
      )
  .row.text-center
    .input.col-sm-8(v-if="item.places && item.places.activities")
      textarea-autosize.text-small(
        placeholder="No Activities",
        :value="item.places.activities.map((v) => v.sname + (v.notes ? '(' + v.notes + ')' : '')).join(', ')",
        :min-height="30",
        :max-height="350",
        disabled=""
      )
  .row.text-center
    .input.col-sm-8(v-if="item.notes")
      textarea-autosize.text-small(
        placeholder="No Notes",
        :value="item.notes",
        :min-height="30",
        :max-height="350",
        disabled=""
      )