boton de crear nuevo subpedido se desabilita

public/js/subpedidos-create.js

@@ -5,6 +5,14 @@ Vue.component('subpedido-select', {
 			subpedidosExistentes: []
 		}
 	},
+  computed: {
+    nombresDeSubpedidos: function() {
+      return this.subpedidosExistentes.map(a => a.nombre.toLowerCase())
+    },
+    botonCrearDesabilitado : function() {
+      return this.subpedido == null || this.nombresDeSubpedidos.includes(this.subpedido.toLowerCase())
+    }
+  },
 	props: ["gdcid"],
 	mounted() {
 		console.log("ready");

resources/views/subpedidos_create.blade.php

@@ -22,15 +22,16 @@
 				</div>
 			</div>
 	  		<div class="column is-one-third buttons">
-			  	<button class="button is-danger" @click="submit">Crear nuevo pedido</button>
+			  	<button class="button is-danger" :disabled="botonCrearDesabilitado" @click="submit">Crear nuevo pedido</button>
 			</div>
 		</div>
 		<div v-if="subpedidosExistentes.length" class="block">
 			<label class="label">Si ya comenzaste a hacer tu pedido este mes, elegilo en esta lista:</label>
+			<p class="help">Podés seguir escribiendo en el campo de arriba para refinar la búsqueda.</p>
   				<div class="columns is-mobile" v-for="(subpedidoExistente, index) in subpedidosExistentes" :class="{'has-background-grey-lighter': index % 2}">
   					<div class="column is-half-mobile is-two-thirds-desktop is-two-thirds-tablet"><p style="padding-top: calc(.5em - 1px); margin-bottom: .5rem" v-text="subpedidoExistente.nombre"></p></div>
 					<div class="buttons column is-half-mobile is-one-third-desktop is-one-third-tablet">
-					  	<button class="button is-danger" @click="submit">Modificar pedido</button>
+					  	<button class="button is-danger" @click="elegirExistente">Modificar pedido existente</button>
   					</div>
   				</div>
 			</div>