<template>
    <v-dialog v-model="dialogAlertDeleteDetail" max-width="30%" persistent>
        <v-card>
            <v-card-title class="headline grey lighten-2" primary-title>
                Peringatan !!
            </v-card-title>

            <v-card-text class="my-2">
                {{ msgAlertDeleteRequest }}
            </v-card-text>
            <v-divider></v-divider>
            <v-card-actions>
                <v-spacer></v-spacer>
                <v-btn 
                    @click="dialogAlertDeleteDetail = false"
                    color="error" flat outline
                >Tutup</v-btn>
                <v-btn
                    color="primary" dark
                    @click="closeAndDeleteDetail()"
                >Ya</v-btn>
            </v-card-actions>
        </v-card>
    </v-dialog>
</template>

<script>
module.exports = {
    data() {
        return {
            
        }
    },
    computed: {
        dialogAlertDeleteDetail: {
            
        }
    },
    methods: {
        closeAndDeleteDetail() {
            this.$store.dispatch("manager/deleteDetail", {
                PRID: this.xPRID,
                PRDDescription: this.xDescriptionDetail,
                PRDID: this.xPRDID,
            });
            this.dialogAlertDeleteDetail = false
        }
    },
}
</script>