export default {
  template: `<div>
    <span>
      <img :src="'/cars/'+imgCar+'.png'" width="40" />
      <template v-if="item.trailer && item.type !== 'freight_big'"><img src='/cars/trailer.png' width='16' /></template>
      &nbsp;/&nbsp;{{ item.regnum }}
      <template v-if="item.trailer">&nbsp;/&nbsp;{{ item.trailer }}</template>
    </span>
    <span>{{ item.label || '*' }}</span>
  </div>`,
  props: {
    item: { required: true },
    searchText: { required: true }
  },
  data() {
    return {
      cars: {
        'passenger': 'm_car',
        'freight_normal': 'm_truck',
        'bus': 'bus',
        'freight_big': 'truck',
        'motorcycle': 'moto',
        'big': 'big_truck',
      },
    }
  },
  computed: {
    imgCar() {
      let tp = this.item.type
      if (tp === 'freight_big' && this.item.trailer) {
        tp = 'big'
      }
      return this.cars[tp]
    },
  }
}