<template>
  <table class="table is-fullwidth is-striped is-bordered">
            <thead>
                <tr>
                    <th>Núcleo</th>
                    <th><abbr title="Total a Pagar">Total $</abbr></th>
                    <th class="is-1"><abbr title="Aprobacion">Aprobación</abbr></th>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <th></th>
                    <th>Total de los aprobados</th>
                    <th>$ {{ totalAprobados() }}</th>
                </tr>
            </tfoot>
            <tbody>
                <pedidos-admin-fila-pedido v-for="pedido in this.pedidos"
                               :pedido="pedido" :key="pedido.id">
                </pedidos-admin-fila-pedido>
            </tbody>
        </table>
</template>

<script>
import PedidosAdminFilaPedidoVue from './PedidosAdminFilaPedido.vue';
export default {
    name: "PedidosAdminTablaPedidos",
    components: {
        PedidosAdminFilaPedidoVue
    },
    props: {
        pedidos: {
            type: Array,
            required: true
        },
        bonosDeTransporte: {
            type: Number,
            required: true
        },
    },
    methods: {
        totalAprobados() {
            let suma = 0;
            let aprobados = this.pedidos.filter(p => p.aprobado);
            for (let i = 0; i < aprobados.length; i++) {
                suma += parseFloat(aprobados[i].subtotal_bonos.replace(/,/g, ''));
                suma += parseFloat(aprobados[i].subtotal_productos.replace(/,/g, ''));
            }
            suma += parseInt(this.bonosDeTransporte)*15
            return suma;
        }
    },
}
</script>

<style>

</style>