<template>
    <div class="field">
        <input type="checkbox" name="switchRoundedSuccess" class="switch is-rounded is-success"
            :id="'switch' + pedido_id"
            :checked="aprobado"
            @change="setAprobacionPedido({ pedido_id: pedido_id, aprobacion: !aprobado })">
        <label :for="'switch' + pedido_id">
            <span class="is-hidden-mobile">{{ mensaje }}</span>
        </label>
    </div>
</template>

<script>
import { mapActions, mapGetters } from "vuex";
export default {
    props: {
        pedido_id: Number
    },
    computed: {
        ...mapGetters('admin', ["getPedido"]),
        aprobado() {
            return this.getPedido(this.pedido_id).aprobado;
        },
        mensaje() {
            return this.aprobado ? "Pagado" : "No pagado";
        }
    },
    methods: {
        ...mapActions('admin',["setAprobacionPedido"]),
    },
}
</script>

<style scoped></style>