.col-11.container.section
  .row.text-center.align.padding-1
    .input.col-5.col-sm-2
      input(disabled="", placeholder="Unnamed" :value="item.title")
    .col-sm-1
    .input.col-6.col-sm-4
      input(
        disabled="",
        placeholder="No Dates",
        :value="item.date_range ? item.date_range[0].toLocal() + ' - ' + item.date_range[1].toLocal() : ''"
      )
    .col-1.col-sm-2
    .input.col-5.col-sm-3.text-dark
      .text(disabled="" placeholder="No Hotel" :value="item.hotel?item.hotel.sname:''") {{item.hotel?item.hotel.sname:'No Hotel'}}
  //- .row.text-center
    .input.col-sm-3(v-if="item.travel")
      div(v-for="(item, idx) in item.travel")
        input(disabled="", placeholder="-" :value="item.map((v) => v.id).join(', ')")
  .row.align.padding-1
    .input.col-sm-10.text-dark
      .text-small(
        placeholder="No Restaurants",
        :value="item.places.restaurants.map((v) => v.sname + (v.notes ? '(' + v.notes + ')' : '')).join(', ') || 'No Restaurants'",
        disabled=""
      ) {{item.places.restaurants.map((v) => v.sname + (v.notes ? '(' + v.notes + ')' : '')).join(', ') || 'No Restaurants'}}
  .row.align.padding-1
    .input.col-sm-10.text-dark
      .text-small(
        placeholder="No Activities",
        :value="item.places.activities.map((v) => v.sname + (v.notes ? '(' + v.notes + ')' : '')).join(', ') || 'No Activites'",
        disabled=""
      ) {{item.places.activities.map((v) => v.sname + (v.notes ? '(' + v.notes + ')' : '')).join(', ') || 'No Activites'}}
  .row.align.padding-1
    .input.col-sm-10.text-dark
      .text-small(
        placeholder="No Notes",
        :value="item.notes || 'No Notes'",
        disabled=""
      ) {{item.notes || 'No Notes'}}