<template>
    <v-dialog v-model="dialog_request_edit" persistent width="40vw">
        <v-card>
            <v-card-title class="headline grey lighten-2" primary-title>
                REQUEST EDIT JURNAL {{ selected_journal.jurnalNo }}
            </v-card-title>
            <v-card-text>
                <p v-if="selected_journal.JurnalRequestEditStatusEdit == 'approved'">
                    Jurnal ini sudah pernah diedit sebelumnya oleh: 
                    {{ selected_journal.JurnalRequestEditStaffName }} <br>
                    Apakah anda yakin akan mengajukan permintaan untuk melakukan perubahan lagi? <br>
                    Nomor: <strong>{{ selected_journal.jurnalNo }}</strong> <br>
                    Judul: <strong>{{ selected_journal.jurnalTitle }}</strong> <br>
                    Deskripsi: {{ selected_journal.jurnalDescription }} <br>
                </p>
                <p v-else>
                    Apakah anda yakin akan mengajukan permintaan untuk melakukan perubahan jurnal: <br>
                    Nomor: <strong>{{ selected_journal.jurnalNo }}</strong> <br>
                    Judul: <strong>{{ selected_journal.jurnalTitle }}</strong> <br>
                    Deskripsi: {{ selected_journal.jurnalDescription }} <br>
                </p>
            </v-card-text>
            <v-card-actions>
                <v-spacer></v-spacer>
                <v-btn color="error" outline @click="dialog_request_edit = false">Batal</v-btn>
                <v-btn color="primary" dark @click="requestEdit()">Ya</v-btn>
            </v-card-actions>
        </v-card>
    </v-dialog>
</template>

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

        }
    },
    computed: {
        dialog_request_edit: {
            get() {
                return this.$store.state.journal.dialog_request_edit
            },
            set(val) {
                this.$store.commit("journal/update_dialog_request_edit", val)
            }
        },
        selected_journal() {
            return this.$store.state.journal.selected_journal
        }
    },
    methods: {
        requestEdit() {
            this.$store.dispatch("journal/requestEditJurnal");
        }
    },
}
</script>