From 0dec800637dcac3532ea1c9ad7887014cbf5e701 Mon Sep 17 00:00:00 2001
From: Mono Mono <monomono@disroot.org>
Date: Sat, 11 Jan 2025 17:05:39 -0500
Subject: [PATCH]  #88 feat(frontend): initial secure pages.

---
 .../don-confiao/src/pages/cuadrar_tarro.vue   | 32 +++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/pages/cuadrar_tarro.vue b/tienda_ilusion/don_confiao/frontend/don-confiao/src/pages/cuadrar_tarro.vue
index 4578345..b019700 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/pages/cuadrar_tarro.vue
+++ b/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>