<template>
    <div id="pedidos-body">
        <cartel-pedido-aprobado></cartel-pedido-aprobado>
        <pedido-select-section v-if="!pedidoDefinido"></pedido-select-section>
        <pedido v-else></pedido>
    </div>
</template>

<script>
import { mapActions, mapGetters } from "vuex";
import PedidoSelectSection from "./PedidoSelectSection.vue";
import Pedido from "./Pedido.vue";
import CartelPedidoAprobado from "./CartelPedidoAprobado.vue";

export default {
    components: { CartelPedidoAprobado, Pedido, Productos: Pedido, PedidoSelectSection },
    computed: {
        ...mapGetters('pedido',["pedidoDefinido"]),
    },
    methods: {
        ...mapActions('productos',["init"]),
        ...mapActions('pedido',["getSesion"]),
    },
    async mounted() {
        await this.init();
        await this.getSesion();
    }
}
</script>