<template>
  
    <v-dialog
      v-model="dialog"
      width="500"
    >
      

      <v-card>
        <v-card-title
          class="headline grey lighten-2 pt-2 pb-2"
          primary-title
        >
          Catatan Untuk Supervisor
        </v-card-title>

        <v-card-text class="pt-2 pb-2">
          <v-textarea
            auto-grow
            label="Catatan Untuk Supervisor"
            rows="2"
            v-model="note_supervisor"
            outline
            class="mb-0"
            hide-details
        ></v-textarea>
        </v-card-text>
        <v-divider></v-divider>

        <v-card-actions>
            <v-btn
            color="primary"
            flat
            @click="dialog = false"
          >
            Tutup
          </v-btn>
          <v-spacer></v-spacer>
          <v-btn
            color="primary"
            dark
            @click="save"
          >
            Simpan
          </v-btn>
        </v-card-actions>
      </v-card>
    </v-dialog>
  
</template>

<style scoped>
</style>

<script>
module.exports = {
    components : {
    },
    methods : {
       save () {
           this.$store.dispatch('sampling/save_note_supervisor')
       }
    },
    computed : {
       dialog: {
          get() {
             return this.$store.state.sampling.supervisor_dialog_is_active;
          },
          set(val) {
             this.$store.commit('sampling/update_supervisor_dialog_is_active', val);
          }
       },

       note_supervisor: {
           get() {
               return this.$store.state.sampling.note_supervisor
           },
           set(val) {
               this.$store.commit('sampling/update_note_supervisor', val)
           }
       }
    }
}
</script>
