<template>
    <v-dialog
        v-model="dialog"
        max-width="500px"
        persistent
    >
        <v-card>
            <v-card-text>
                <v-layout row wrap>
                    <v-flex xs12>
                        <v-textarea
                            rows="5"
                            outline
                            label="Catatan Proses"
                            hide-details
                            v-model="result_note"
                        ></v-textarea>
                    </v-flex>
                </v-layout>
            </v-card-text>

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

<style>
/* .v-overlay--active {
    z-index: 1005 !important;
}

.v-dialog__content--active {
    z-index: 1006 !important;
} */
</style>

<script>
module.exports = {
    data () {
        return {}
    },

    computed : {
        dialog : {
            get () { return this.$store.state.re_patient.dialog_note },
            set (v) { this.$store.commit('re_patient/update_dialog_note', v) }
        },

        result_note : {
            get () { return this.$store.state.re_patient.result_note },
            set (v) { this.$store.commit('re_patient/update_result_note', v) }
        }
    },

    methods : {
        save () {
            this.$store.dispatch('re_patient/save_note')
        }
    }
}
</script>