tienda_ilusion/don_confiao/frontend/don-confiao/src/pages/cuadrar_tarro.vue

@@ -1,7 +1,35 @@
 <template>
-  <ReconciliationJar />
+  <v-dialog v-model="dialog" persistent>
+    <v-card>
+      <v-card-title>
+        Ingrese el código
+      </v-card-title>
+      <v-card-text>
+        <v-form id="code-form" @submit.prevent="verifyCode">
+          <v-text-field v-model="code" label="Código" type="password" autocomplete="off" />
+        </v-form>
+      </v-card-text>
+      <v-card-actions>
+        <v-btn type="submit" form="code-form">Aceptar</v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+  <ReconciliationJar v-if="codeCorrect" />
 </template>
 
 <script setup>
-  //
+  import { ref } from 'vue'
+
+  const dialog = ref(true)
+  const code = ref('')
+  const codeCorrect = ref(false)
+
+  function verifyCode() {
+    if (code.value === 'sin seguridad') {
+      codeCorrect.value = true;
+      dialog.value = false;
+    } else {
+      alert('Código incorrecto');
+    }
+  }
 </script>