diff --git a/public/js/app.js b/public/js/app.js
index 7bdbd44..bb09aa6 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -2470,9 +2470,10 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _PedidosAdminDropdownDescargar_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PedidosAdminDropdownDescargar.vue */ "./resources/js/components/PedidosAdminDropdownDescargar.vue");
-/* harmony import */ var _PedidosAdminTablaBonos_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PedidosAdminTablaBonos.vue */ "./resources/js/components/PedidosAdminTablaBonos.vue");
-/* harmony import */ var _PedidosAdminTablaPedidos_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PedidosAdminTablaPedidos.vue */ "./resources/js/components/PedidosAdminTablaPedidos.vue");
+/* harmony import */ var _PedidosAdminTabsSecciones_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PedidosAdminTabsSecciones.vue */ "./resources/js/components/PedidosAdminTabsSecciones.vue");
+/* harmony import */ var _PedidosAdminDropdownDescargar_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PedidosAdminDropdownDescargar.vue */ "./resources/js/components/PedidosAdminDropdownDescargar.vue");
+/* harmony import */ var _PedidosAdminTablaBonos_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PedidosAdminTablaBonos.vue */ "./resources/js/components/PedidosAdminTablaBonos.vue");
+/* harmony import */ var _PedidosAdminTablaPedidos_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PedidosAdminTablaPedidos.vue */ "./resources/js/components/PedidosAdminTablaPedidos.vue");
 //
 //
 //
@@ -2492,20 +2493,34 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   name: "PedidosAdminBody",
   components: {
-    PedidosAdminDropdownDescargar: _PedidosAdminDropdownDescargar_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-    PedidosAdminTablaPedidos: _PedidosAdminTablaPedidos_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-    PedidosAdminTablaBonosVue: _PedidosAdminTablaBonos_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+    PedidosAdminTabsSecciones: _PedidosAdminTabsSecciones_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
+    PedidosAdminDropdownDescargar: _PedidosAdminDropdownDescargar_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    PedidosAdminTablaPedidos: _PedidosAdminTablaPedidos_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+    PedidosAdminTablaBonos: _PedidosAdminTablaBonos_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
   },
   data: function data() {
     return {
       gdc: 0,
-      pedidos: []
+      pedidos: [],
+      tabActiva: "pedidos",
+      seccionActiva: "pedidos-seccion"
     };
   },
   computed: {
@@ -2518,7 +2533,6 @@ __webpack_require__.r(__webpack_exports__);
       }).length > 0;
     }
   },
-  beforeCreate: function beforeCreate() {},
   methods: {
     fetchPedidos: function fetchPedidos() {
       var _this = this;
@@ -2542,6 +2556,10 @@ __webpack_require__.r(__webpack_exports__);
       }
 
       return suma;
+    },
+    setSeccionActiva: function setSeccionActiva(tabId) {
+      this.tabActiva = tabId;
+      this.seccionActiva = tabId + "-seccion";
     }
   },
   mounted: function mounted() {
@@ -2782,6 +2800,16 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   name: "PedidosAdminTablaBonos",
@@ -2806,6 +2834,16 @@ __webpack_require__.r(__webpack_exports__);
         return p.aprobado;
       });
     },
+    bonosDeTransporteAprobados: function bonosDeTransporteAprobados() {
+      var bonosTransportePorPedido = this.pedidosAprobados.map(function (p) {
+        return p.bonos_de_transporte;
+      });
+      var cant = 0;
+      bonosTransportePorPedido.forEach(function (bt) {
+        return cant += bt;
+      });
+      return cant;
+    },
     bonosCantidadesTotales: function bonosCantidadesTotales() {
       var nombres = [];
       var cantidades = [];
@@ -2925,6 +2963,58 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  name: "PedidosAdminTabsSecciones",
+  data: function data() {
+    return {
+      tabActiva: "pedidos",
+      tabs: [{
+        id: "pedidos",
+        nombre: "Pedidos"
+      }, {
+        id: "bonos",
+        nombre: "Bonos"
+      }]
+    };
+  },
+  methods: {
+    setTabActiva: function setTabActiva(tabId) {
+      this.$parent.setSeccionActiva(tabId);
+      this.tabActiva = tabId;
+    }
+  }
+});
+
+/***/ }),
+
 /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ProductoModal.vue?vue&type=script&lang=js&":
 /*!************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/ProductoModal.vue?vue&type=script&lang=js& ***!
@@ -3336,6 +3426,25 @@ __webpack_require__.r(__webpack_exports__);
 (function(a,b){ true?b(exports):undefined})(this,function(a){'use strict';function b(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function c(a){for(var c,d=1;d<arguments.length;d++)c=null==arguments[d]?{}:arguments[d],d%2?b(Object(c),!0).forEach(function(b){g(a,b,c[b])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(c)):b(Object(c)).forEach(function(b){Object.defineProperty(a,b,Object.getOwnPropertyDescriptor(c,b))});return a}function d(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function e(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(a,c.key,c)}function f(a,b,c){return b&&e(a.prototype,b),c&&e(a,c),a}function g(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function h(){var a;return null!==(a=o)&&void 0!==a?a:document}function i(a,b,c,d,e,f){if(n.position)return n.position;var g=h().createElement("div");return g.setAttribute("style","width:100%;z-index:99999;position:fixed;pointer-events:none;display:flex;flex-direction:column;padding:15px;"+p(b,c,d,e,f)),a.appendChild(g),n.position=g,g}function j(a){for(var b in n)n[b].remove();n={},o=a}function k(a){if(!a.message)throw new Error("message is required");var b=c(c({},m),a),d=new q(b),e=i(b.appendTo||h().body,b.position||m.position,b.offsetTop||m.offsetTop,b.offsetBottom||m.offsetBottom,b.offsetLeft||m.offsetLeft,b.offsetRight||m.offsetRight);if(b.single)for(var f=e.lastElementChild;f;)e.removeChild(f),f=e.lastElementChild;e.appendChild(d.element)}var l={duration:2e3,position:"top-right",closeOnClick:!0,opacity:1,single:!1,offsetTop:0,offsetBottom:0,offsetLeft:0,offsetRight:0,extraClasses:""},m=c({},l),n={},o=null,p=function(a,b,c,d,e){return"top-left"===a?"left:".concat(d,";top:").concat(b,";text-align:left;align-items:flex-start;"):"top-right"===a?"right:".concat(e,";top:").concat(b,";text-align:right;align-items:flex-end;"):"top-center"===a?"top:".concat(b,";left:0;right:0;text-align:center;align-items:center;"):"bottom-left"===a?"left:".concat(d,";bottom:").concat(c,";text-align:left;align-items:flex-start;"):"bottom-right"===a?"right:".concat(e,";bottom:").concat(c,";text-align:right;align-items:flex-end;"):"bottom-center"===a?"bottom:".concat(c,";left:0;right:0;text-align:center;align-items:center;"):"center"===a?"top:0;left:0;right:0;bottom:0;flex-flow:column;justify-content:center;align-items:center;":void 0},q=/*#__PURE__*/function(){function a(b){var c=this;d(this,a),this.element=h().createElement("div"),this.opacity=b.opacity,this.type=b.type,this.animate=b.animate,this.dismissible=b.dismissible,this.closeOnClick=b.closeOnClick,this.message=b.message,this.duration=b.duration,this.pauseOnHover=b.pauseOnHover,this.offsetTop=b.offsetTop,this.offsetBottom=b.offsetBottom,this.offsetLeft=b.offsetLeft,this.offsetRight=b.offsetRight,this.extraClasses=b.extraClasses;var e="width:auto;pointer-events:auto;display:inline-flex;white-space:pre-wrap;opacity:".concat(this.opacity,";"),f=["notification",this.extraClasses];if(this.type&&f.push(this.type),this.animate&&this.animate["in"]){var g="animate__".concat(this.animate["in"]),i=this.animate.speed?"animate__".concat(this.animate.speed):"animate__faster";f.push("animate__animated ".concat(g," ").concat(i)),this.onAnimationEnd(function(){return c.element.classList.remove(g)})}if(this.element.className=f.join(" "),this.dismissible){var j=h().createElement("button");j.className="delete",j.addEventListener("click",function(){c.destroy()}),this.element.insertAdjacentElement("afterbegin",j)}else e+="padding: 1.25rem 1.5rem";this.closeOnClick&&this.element.addEventListener("click",function(){c.destroy()}),this.element.setAttribute("style",e),"string"==typeof this.message?this.element.insertAdjacentHTML("beforeend",this.message):this.element.appendChild(this.message);var k=new r(function(){c.destroy()},this.duration);this.pauseOnHover&&(this.element.addEventListener("mouseover",function(){k.pause()}),this.element.addEventListener("mouseout",function(){k.resume()}))}return f(a,[{key:"destroy",value:function(){var a=this;this.animate&&this.animate.out?(this.element.classList.add("animate__".concat(this.animate.out)),this.onAnimationEnd(function(){a.removeParent(a.element.parentNode),a.element.remove(),delete n.position})):(this.removeParent(this.element.parentNode),this.element.remove(),delete n.position)}},{key:"removeParent",value:function(a){a&&1>=a.children.length&&a.remove()}},{key:"onAnimationEnd",value:function(){var a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:function(){},b={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"mozAnimationEnd",WebkitAnimation:"webkitAnimationEnd"};for(var c in b)if(void 0!==this.element.style[c]){this.element.addEventListener(b[c],function(){return a()});break}}}]),a}(),r=/*#__PURE__*/function(){function a(b,c){d(this,a),this.timer,this.start,this.remaining=c,this.callback=b,this.resume()}return f(a,[{key:"pause",value:function(){"undefined"==typeof document||(window.clearTimeout(this.timer),this.remaining-=new Date-this.start)}},{key:"resume",value:function(){"undefined"==typeof document||(this.start=new Date,window.clearTimeout(this.timer),this.timer=window.setTimeout(this.callback,this.remaining))}}]),a}();a.resetDefaults=function(){m=c({},l)},a.setDefaults=function(a){m=c(c({},l),a)},a.setDoc=j,a.toast=k,Object.defineProperty(a,"__esModule",{value:!0})});
 
 
+/***/ }),
+
+/***/ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=style&index=0&id=0638feea&lang=scss&scoped=true&":
+/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=style&index=0&id=0638feea&lang=scss&scoped=true& ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+
+
+// module
+exports.push([module.i, "hr[data-v-0638feea] {\n  border: none;\n  height: 1px;\n}\n.has-bottom-line[data-v-0638feea] {\n  border-bottom-color: #dbdbdb !important;\n  border-bottom-style: solid !important;\n  border-bottom-width: 1px !important;\n}", ""]);
+
+// exports
+
+
 /***/ }),
 
 /***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/animate.css/animate.css":
@@ -3951,6 +4060,36 @@ process.umask = function() { return 0; };
 
 /***/ }),
 
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=style&index=0&id=0638feea&lang=scss&scoped=true&":
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=style&index=0&id=0638feea&lang=scss&scoped=true& ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../node_modules/css-loader!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--7-2!../../../node_modules/sass-loader/dist/cjs.js??ref--7-3!../../../node_modules/vue-loader/lib??vue-loader-options!./PedidosAdminTabsSecciones.vue?vue&type=style&index=0&id=0638feea&lang=scss&scoped=true& */ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=style&index=0&id=0638feea&lang=scss&scoped=true&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
 /***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Chismosa.vue?vue&type=style&index=0&lang=css&":
 /*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Chismosa.vue?vue&type=style&index=0&lang=css& ***!
@@ -5490,51 +5629,110 @@ var render = function () {
       class: _vm.animation,
     },
     [
+      _c("pedidos-admin-tabs-secciones"),
+      _vm._v(" "),
       _c(
         "div",
         {
-          directives: [
-            {
-              name: "show",
-              rawName: "v-show",
-              value: _vm.hayPedidos,
-              expression: "hayPedidos",
-            },
-          ],
           staticClass: "block",
+          class:
+            _vm.seccionActiva === "pedidos-seccion" ? "is-active" : "is-hidden",
+          attrs: { id: "pedidos-seccion" },
         },
         [
-          _c("pedidos-admin-dropdown-descargar", { attrs: { gdc: _vm.gdc } }),
-          _vm._v(" "),
-          _c("pedidos-admin-tabla-pedidos", {
-            attrs: { pedidos: _vm.pedidos },
-          }),
-          _vm._v(" "),
-          _c("pedidos-admin-tabla-bonos", { attrs: { pedidos: _vm.pedidos } }),
-        ],
-        1
-      ),
-      _vm._v(" "),
-      _c(
-        "p",
-        {
-          directives: [
+          _c(
+            "div",
             {
-              name: "show",
-              rawName: "v-show",
-              value: !_vm.hayPedidos,
-              expression: "!hayPedidos",
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.hayPedidos,
+                  expression: "hayPedidos",
+                },
+              ],
+              staticClass: "block",
+              attrs: { id: "pedidos-tabla-y-dropdown" },
             },
-          ],
-          staticClass: "has-text-centered",
-        },
-        [
-          _vm._v(
-            "\n        Todavía no hay ningún pedido para administrar.\n    "
+            [
+              _c("pedidos-admin-dropdown-descargar", {
+                attrs: { gdc: _vm.gdc },
+              }),
+              _vm._v(" "),
+              _c("pedidos-admin-tabla-pedidos", {
+                attrs: { pedidos: _vm.pedidos },
+              }),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "p",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: !_vm.hayPedidos,
+                  expression: "!hayPedidos",
+                },
+              ],
+              staticClass: "has-text-centered",
+            },
+            [
+              _vm._v(
+                "\n            Todavía no hay ningún pedido para administrar.\n        "
+              ),
+            ]
           ),
         ]
       ),
-    ]
+      _vm._v(" "),
+      _c(
+        "div",
+        {
+          staticClass: "block",
+          class:
+            _vm.seccionActiva === "bonos-seccion" ? "is-active" : "is-hidden",
+          attrs: { id: "bonos-seccion" },
+        },
+        [
+          _c("pedidos-admin-tabla-bonos", {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: _vm.hayAprobados,
+                expression: "hayAprobados",
+              },
+            ],
+            attrs: { pedidos: _vm.pedidos },
+          }),
+          _vm._v(" "),
+          _c(
+            "p",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: !_vm.hayAprobados,
+                  expression: "!hayAprobados",
+                },
+              ],
+              staticClass: "has-text-centered",
+            },
+            [
+              _vm._v(
+                "\n            Todavía no hay pedidos aprobados.\n        "
+              ),
+            ]
+          ),
+        ],
+        1
+      ),
+    ],
+    1
   )
 }
 var staticRenderFns = []
@@ -5803,6 +6001,18 @@ var render = function () {
           _vm._v(" "),
           _c("th", [_vm._v("$ " + _vm._s(_vm.totalBonos))]),
         ]),
+        _vm._v(" "),
+        _vm._m(1),
+        _vm._v(" "),
+        _c("tr", [
+          _c("td", [_vm._v("Bonos de Transporte")]),
+          _vm._v(" "),
+          _c("td", [_vm._v(_vm._s(_vm.bonosDeTransporteAprobados))]),
+          _vm._v(" "),
+          _c("td", [
+            _vm._v("$ " + _vm._s(_vm.bonosDeTransporteAprobados * 15)),
+          ]),
+        ]),
       ]),
       _vm._v(" "),
       _c(
@@ -5843,6 +6053,12 @@ var staticRenderFns = [
       ]),
     ])
   },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("tr", [_c("th"), _vm._v(" "), _c("th"), _vm._v(" "), _c("th")])
+  },
 ]
 render._withStripped = true
 
@@ -5922,6 +6138,70 @@ render._withStripped = true
 
 
 
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=template&id=0638feea&scoped=true&":
+/*!****************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=template&id=0638feea&scoped=true& ***!
+  \****************************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "block" }, [
+    _c("div", { staticClass: "tabs is-boxed", attrs: { id: "tabs" } }, [
+      _c(
+        "ul",
+        { staticClass: "has-bottom-line" },
+        _vm._l(_vm.tabs, function (tab, index) {
+          return _c(
+            "li",
+            {
+              key: index,
+              staticClass: "is-size-6",
+              class: { "is-active": tab.id === _vm.tabActiva },
+              attrs: { id: tab.id + "-tab" },
+            },
+            [
+              _c(
+                "a",
+                {
+                  on: {
+                    click: function ($event) {
+                      return _vm.setTabActiva(tab.id)
+                    },
+                  },
+                },
+                [
+                  _c("span", [
+                    _vm._v(
+                      " \n                        " +
+                        _vm._s(tab.nombre) +
+                        "\n                    "
+                    ),
+                  ]),
+                ]
+              ),
+            ]
+          )
+        }),
+        0
+      ),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
 /***/ }),
 
 /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ProductoModal.vue?vue&type=template&id=368ad252&":
@@ -18830,6 +19110,7 @@ var map = {
 	"./components/PedidosAdminSwitchAprobacion.vue": "./resources/js/components/PedidosAdminSwitchAprobacion.vue",
 	"./components/PedidosAdminTablaBonos.vue": "./resources/js/components/PedidosAdminTablaBonos.vue",
 	"./components/PedidosAdminTablaPedidos.vue": "./resources/js/components/PedidosAdminTablaPedidos.vue",
+	"./components/PedidosAdminTabsSecciones.vue": "./resources/js/components/PedidosAdminTabsSecciones.vue",
 	"./components/ProductoModal.vue": "./resources/js/components/ProductoModal.vue",
 	"./components/ProductoRow.vue": "./resources/js/components/ProductoRow.vue",
 	"./components/ProductosContainer.vue": "./resources/js/components/ProductosContainer.vue",
@@ -20031,6 +20312,93 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./resources/js/components/PedidosAdminTabsSecciones.vue":
+/*!***************************************************************!*\
+  !*** ./resources/js/components/PedidosAdminTabsSecciones.vue ***!
+  \***************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _PedidosAdminTabsSecciones_vue_vue_type_template_id_0638feea_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PedidosAdminTabsSecciones.vue?vue&type=template&id=0638feea&scoped=true& */ "./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=template&id=0638feea&scoped=true&");
+/* harmony import */ var _PedidosAdminTabsSecciones_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PedidosAdminTabsSecciones.vue?vue&type=script&lang=js& */ "./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _PedidosAdminTabsSecciones_vue_vue_type_style_index_0_id_0638feea_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PedidosAdminTabsSecciones.vue?vue&type=style&index=0&id=0638feea&lang=scss&scoped=true& */ "./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=style&index=0&id=0638feea&lang=scss&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _PedidosAdminTabsSecciones_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _PedidosAdminTabsSecciones_vue_vue_type_template_id_0638feea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _PedidosAdminTabsSecciones_vue_vue_type_template_id_0638feea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  "0638feea",
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/js/components/PedidosAdminTabsSecciones.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************!*\
+  !*** ./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PedidosAdminTabsSecciones_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib??ref--4-0!../../../node_modules/vue-loader/lib??vue-loader-options!./PedidosAdminTabsSecciones.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PedidosAdminTabsSecciones_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=style&index=0&id=0638feea&lang=scss&scoped=true&":
+/*!*************************************************************************************************************************!*\
+  !*** ./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=style&index=0&id=0638feea&lang=scss&scoped=true& ***!
+  \*************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_vue_loader_lib_index_js_vue_loader_options_PedidosAdminTabsSecciones_vue_vue_type_style_index_0_id_0638feea_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/style-loader!../../../node_modules/css-loader!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src??ref--7-2!../../../node_modules/sass-loader/dist/cjs.js??ref--7-3!../../../node_modules/vue-loader/lib??vue-loader-options!./PedidosAdminTabsSecciones.vue?vue&type=style&index=0&id=0638feea&lang=scss&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=style&index=0&id=0638feea&lang=scss&scoped=true&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_vue_loader_lib_index_js_vue_loader_options_PedidosAdminTabsSecciones_vue_vue_type_style_index_0_id_0638feea_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_vue_loader_lib_index_js_vue_loader_options_PedidosAdminTabsSecciones_vue_vue_type_style_index_0_id_0638feea_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_vue_loader_lib_index_js_vue_loader_options_PedidosAdminTabsSecciones_vue_vue_type_style_index_0_id_0638feea_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_vue_loader_lib_index_js_vue_loader_options_PedidosAdminTabsSecciones_vue_vue_type_style_index_0_id_0638feea_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+
+
+/***/ }),
+
+/***/ "./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=template&id=0638feea&scoped=true&":
+/*!**********************************************************************************************************!*\
+  !*** ./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=template&id=0638feea&scoped=true& ***!
+  \**********************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_PedidosAdminTabsSecciones_vue_vue_type_template_id_0638feea_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib??vue-loader-options!./PedidosAdminTabsSecciones.vue?vue&type=template&id=0638feea&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminTabsSecciones.vue?vue&type=template&id=0638feea&scoped=true&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_PedidosAdminTabsSecciones_vue_vue_type_template_id_0638feea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_PedidosAdminTabsSecciones_vue_vue_type_template_id_0638feea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
 /***/ }),
 
 /***/ "./resources/js/components/ProductoModal.vue":
diff --git a/resources/js/components/PedidosAdminBody.vue b/resources/js/components/PedidosAdminBody.vue
index 12f5eb7..a220798 100644
--- a/resources/js/components/PedidosAdminBody.vue
+++ b/resources/js/components/PedidosAdminBody.vue
@@ -1,37 +1,51 @@
 <template>
     <div class="container is-max-widescreen is-max-desktop animate__animated" :class="animation" v-show="!init">
-        <div class="block" v-show="hayPedidos">
-            <pedidos-admin-dropdown-descargar
-                :gdc="gdc">
-            </pedidos-admin-dropdown-descargar>
-            <pedidos-admin-tabla-pedidos
-                :pedidos="pedidos">
-            </pedidos-admin-tabla-pedidos>
-            <pedidos-admin-tabla-bonos
+        <pedidos-admin-tabs-secciones></pedidos-admin-tabs-secciones>
+        <div class="block" id="pedidos-seccion" 
+        :class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'">
+            <div class="block" id="pedidos-tabla-y-dropdown" v-show="hayPedidos">
+                <pedidos-admin-dropdown-descargar
+                    :gdc="gdc">
+                </pedidos-admin-dropdown-descargar>
+                <pedidos-admin-tabla-pedidos
+                    :pedidos="pedidos">
+                </pedidos-admin-tabla-pedidos>
+            </div>
+            <p class="has-text-centered" v-show="!hayPedidos">
+                Todavía no hay ningún pedido para administrar.
+            </p>
+        </div>
+        <div class="block" id="bonos-seccion" 
+        :class="seccionActiva === 'bonos-seccion' ? 'is-active' : 'is-hidden'">
+            <pedidos-admin-tabla-bonos v-show="hayAprobados"
                 :pedidos="pedidos">
             </pedidos-admin-tabla-bonos>
+            <p class="has-text-centered" v-show="!hayAprobados">
+                Todavía no hay pedidos aprobados.
+            </p>
         </div>
-        <p class="has-text-centered" v-show="!hayPedidos">
-            Todavía no hay ningún pedido para administrar.
-        </p>
     </div>
 </template>
 
 <script>
+import PedidosAdminTabsSecciones from './PedidosAdminTabsSecciones.vue';
 import PedidosAdminDropdownDescargar from "./PedidosAdminDropdownDescargar.vue";
-import PedidosAdminTablaBonosVue from './PedidosAdminTablaBonos.vue';
+import PedidosAdminTablaBonos from './PedidosAdminTablaBonos.vue';
 import PedidosAdminTablaPedidos from "./PedidosAdminTablaPedidos.vue";
 export default {
     name: "PedidosAdminBody",
     components: {
+        PedidosAdminTabsSecciones,
         PedidosAdminDropdownDescargar,
         PedidosAdminTablaPedidos,
-        PedidosAdminTablaBonosVue
+        PedidosAdminTablaBonos,
     },
     data() {
         return {
             gdc: 0,
-            pedidos: []
+            pedidos: [],
+            tabActiva: "pedidos",
+            seccionActiva: "pedidos-seccion"
         }
     },
     computed: {
@@ -42,8 +56,6 @@ export default {
             return this.pedidos.filter(p => p.aprobado).length > 0
         }
     },
-    beforeCreate() {
-    },
     methods: {
         fetchPedidos() {
             axios.get("/api/subpedidos/resources", {
@@ -61,6 +73,10 @@ export default {
                 suma += parseFloat(aprobados[i].total.replace(/,/g, ''));
             }
             return suma;
+        },
+        setSeccionActiva(tabId) {
+            this.tabActiva = tabId;
+            this.seccionActiva = tabId + "-seccion";
         }
     },
     mounted() {
diff --git a/resources/js/components/PedidosAdminTablaBonos.vue b/resources/js/components/PedidosAdminTablaBonos.vue
index 9d2b89e..f83174e 100644
--- a/resources/js/components/PedidosAdminTablaBonos.vue
+++ b/resources/js/components/PedidosAdminTablaBonos.vue
@@ -13,6 +13,16 @@
                 <th>Total bonos</th>
                 <th>$ {{ totalBonos }}</th>
             </tr>
+            <tr>
+                <th></th>
+                <th></th>
+                <th></th>
+            </tr>
+            <tr>
+                <td>Bonos de Transporte</td>
+                <td>{{ bonosDeTransporteAprobados }}</td>
+                <td>$ {{ bonosDeTransporteAprobados * 15 }}</td>
+            </tr>
         </tfoot>
         <tbody>
             <pedidos-admin-fila-bono v-for="(bono, i) in bonosCantidadesTotales" :key="i"
@@ -47,6 +57,12 @@ export default {
         pedidosAprobados: function() {
             return this.pedidos.filter(p => p.aprobado);
         },
+        bonosDeTransporteAprobados: function() {
+            let bonosTransportePorPedido = this.pedidosAprobados.map(p => p.bonos_de_transporte);
+            let cant = 0;
+            bonosTransportePorPedido.forEach(bt => cant += bt);
+            return cant
+        },
         bonosCantidadesTotales: function() {
             let nombres = [];
             let cantidades = [];
diff --git a/resources/js/components/PedidosAdminTabsSecciones.vue b/resources/js/components/PedidosAdminTabsSecciones.vue
new file mode 100644
index 0000000..a9b6da3
--- /dev/null
+++ b/resources/js/components/PedidosAdminTabsSecciones.vue
@@ -0,0 +1,57 @@
+<template>
+    <div class="block">
+        <div class="tabs is-boxed" id="tabs">
+            <ul class="has-bottom-line">
+                <li v-for="(tab, index) in tabs" class="is-size-6"
+                    :key="index" 
+                    :id="tab.id + '-tab'" 
+                    :class="{'is-active': tab.id === tabActiva}">
+                    <a @click="setTabActiva(tab.id)">
+                        <span> 
+                            {{ tab.nombre }}
+                        </span>
+                    </a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "PedidosAdminTabsSecciones",
+    data() {
+        return {
+            tabActiva: "pedidos",
+            tabs: [
+                {
+                    id: "pedidos",
+                    nombre: "Pedidos"
+                },
+                {
+                    id: "bonos",
+                    nombre: "Bonos"
+                }
+            ]
+        }
+    },
+    methods: {
+      setTabActiva(tabId) {
+        this.$parent.setSeccionActiva(tabId);
+        this.tabActiva = tabId
+      }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+  hr {
+    border: none;
+    height: 1px;
+  }
+  .has-bottom-line {
+    border-bottom-color: #dbdbdb !important;
+    border-bottom-style: solid !important;
+    border-bottom-width: 1px !important;
+  }
+</style>
\ No newline at end of file