diff --git a/public/js/chismosa.js b/public/js/chismosa.js
index 5242668..7b85c05 100644
--- a/public/js/chismosa.js
+++ b/public/js/chismosa.js
@@ -63,6 +63,11 @@ Vue.component('chismosa', {
                     this.subpedido = response.data.data;
                 });
         }
+    },
+    mounted() {
+        Event.$on('sync-subpedido', () =>  {
+            this.fetchSubpedido();
+        });
     }
 });
 
@@ -72,7 +77,7 @@ Vue.component('producto-row', {
             <td>{{ this.producto.nombre }}</td>
             <td>{{ this.producto.pivot.cantidad }}</td>
             <td>{{ this.producto.pivot.total }}</td>
-            <td><button class="button is-warning">
+            <td><button @click.capture="seleccionarProducto(producto)" class="button is-warning">
                 <span class="icon">
                     <i class="fas fa-edit"></i>
                 </span>
@@ -86,5 +91,10 @@ Vue.component('producto-row', {
     `,
     props: {
         producto: Object
+    },
+    methods: {
+        seleccionarProducto(producto) {
+            Event.$emit("producto-seleccionado",producto);
+        }
     }
 })
\ No newline at end of file
diff --git a/resources/views/chismosa.blade.php b/resources/views/chismosa.blade.php
index 6760876..2727d7b 100644
--- a/resources/views/chismosa.blade.php
+++ b/resources/views/chismosa.blade.php
@@ -6,8 +6,10 @@
 
 @section('content')
     <chismosa></chismosa>
+	<producto-container></producto-container>
 @endsection
 
 @section('scripts')
     <script src="{{ asset('js/chismosa.js') }}"></script>
+	<script src="{{ asset('js/productos.js') }}"></script>
 @endsection