From 5d7d533083ec7f4035754cddc648220db374de67 Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Fri, 20 Jun 2025 17:34:46 -0300
Subject: [PATCH] Agregado input para cantidad de ollas

---
 .../js/components/ollas/CantidadOllas.vue     | 49 +++++++++++++++++++
 resources/js/components/ollas/OllasBody.vue   |  9 +++-
 2 files changed, 56 insertions(+), 2 deletions(-)
 create mode 100644 resources/js/components/ollas/CantidadOllas.vue

diff --git a/resources/js/components/ollas/CantidadOllas.vue b/resources/js/components/ollas/CantidadOllas.vue
new file mode 100644
index 0000000..c2a66c2
--- /dev/null
+++ b/resources/js/components/ollas/CantidadOllas.vue
@@ -0,0 +1,49 @@
+<script>
+import { mapActions, mapGetters, mapState } from "vuex";
+export default {
+    name: "CantidadOllas",
+    data() {
+        return {
+            cantidadControl: 0,
+        }
+    },
+    methods: {
+        decrementar() {
+            this.cantidadControl -= 1;
+        },
+        incrementar() {
+            this.cantidadControl += 1;
+        },
+    }
+}
+</script>
+
+<template>
+    <div class="notification has-text-centered">
+        <label class="label">Cantidad de ollas:</label>
+        <div class="field has-addons is-justify-content-center contador">
+            <div class="control">
+                <button class="button is-small"
+                        :disabled="cantidadControl < 1"
+                        @click.capture="decrementar">
+                    <i class="fa fa-solid fa-minus"></i>
+                </button>
+            </div>
+            <div class="control">
+                <input id="cantidad"
+                       v-model="cantidadControl"
+                       class="input is-small"
+                       type="number"
+                       style="text-align: center">
+            </div>
+            <div class="control">
+                <button class="button is-small" @click="incrementar">
+                    <i class="fa fa-solid fa-plus"></i>
+                </button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+</style>
diff --git a/resources/js/components/ollas/OllasBody.vue b/resources/js/components/ollas/OllasBody.vue
index 33a572c..1e221d7 100644
--- a/resources/js/components/ollas/OllasBody.vue
+++ b/resources/js/components/ollas/OllasBody.vue
@@ -1,10 +1,11 @@
 <script>
 import PedidosMain from "../pedidos/PedidosMain.vue";
 import { mapActions, mapMutations } from "vuex";
+import CantidadOllas from "./CantidadOllas.vue";
 
 export default {
     name: "OllasBody",
-    components: { PedidosMain },
+    components: { CantidadOllas, PedidosMain },
     methods: {
         ...mapActions('pedido', ["getPedidoDeOllas", "getGrupoDeCompra"]),
         ...mapMutations('ui', ["migasOllas"])
@@ -19,7 +20,11 @@ export default {
 
 <template>
     <div id="ollas-body" class="pb-6 mb-6">
-        <pedidos-main></pedidos-main>
+        <pedidos-main>
+            <template v-slot:cartel>
+                <cantidad-ollas/>
+            </template>
+        </pedidos-main>
     </div>
 </template>