<template>
  <div>
    <input type="hidden" v-model="values.sr_id" />
    <input type="hidden" v-model="values.li_id" />
    <v-text-field v-model="values.title" label="Title"></v-text-field>
    <span class="icon material-icons icon--fortooltip">info</span>
    <div class="mdl-tooltip mdl-tooltip--top" data-mdl-for="title">only you can see this</div>

    <v-select v-model="values.language" :items="['en', 'it']" label="Language"></v-select>
    <v-text-field v-model="values.triggered_by" label="Triggered by"></v-text-field>

    <v-select
      v-model="values.show_question"
      :items="['before_checkin', 'during_stay', 'after_checkin', 'always']"
      label="Show question"
    ></v-select>
    <v-text-field v-model="values.question_icon" label="Question icon"></v-text-field>

    <v-textarea v-model="values.content" box label="Content" auto-grow></v-textarea>
  </div>
</template>
<script>
export default {
  name: "HostingInputs",
  props: {
    values: Object
  },
  computed: {}
};
</script>