avance: estado pre implementacion de notificaciones

Front/src/Componentes/PublicacionPropiedad.svelte

@@ -1,8 +1,46 @@
 <script lang="ts">
   import type { PropiedadDto } from "../types";
+  import ModalConfirm from "./ModalConfirm.svelte";
+  import {urlG} from "../stores/urlStore";
+  
   let { prop }: { prop: PropiedadDto } = $props();
+
+  let show: boolean = $state(false);
+  let token = sessionStorage.getItem("token");
+  let remitente = localStorage.getItem("email");
+
+  const message: string = "Queres consultar con el propietario por el alquiler? (esto le envia una notificacion y email al propietario)";
+  const accion = "Consulta Nuevo Alquiler";
+
+  function Consultar() {
+    show = true;
+  }
+  
+  async function onConfirm() {
+    const propiedad = prop.id;
+    try { 
+      const responce = await fetch($urlG+"/api/notificaciones", {
+        method: "POST",
+        headers: {
+          "Auth": String(token)
+        },
+        body : JSON.stringify({remitente, accion, propiedad})
+      });
+
+    } catch {
+
+    }
+
+    show=!show;
+  }
+  
+  function onCancel() {
+    show=!show;
+  }
+
 </script>
 
+<ModalConfirm {show} {message} title="Consulta" {onConfirm} {onCancel}/>
 <div class="card text-center border shadow-sm">
   <div class="card-header bg-primary text-white">
     <h5 class="mb-0">{prop.tipo}</h5>
@@ -19,7 +57,7 @@
       <strong>Servicios:</strong> {prop.servicios || "Sin servicios especificados"}<br>
       <strong>Monto:</strong> ${prop.monto}<br>
     </p>
-    <button class="btn btn-primary">Consultar</button>
+    <button class="btn btn-primary" onclick={Consultar}>Alquilar</button>
   </div>
   <div class="card-footer text-muted">
     ID Propiedad: {prop.id}