falta interfaz venta

Front/src/paginas/ContratosPropietario.svelte

@@ -3,10 +3,11 @@
     import NavBarAutocompletable from "../Componentes/NavBarAutocompletable.svelte";
     import ModalEstatico from "../Componentes/ModalEstatico.svelte";
     import {urlG} from "../stores/urlStore";
-    import type { CanonDto, ContratoDto, ContratoPropiedadDto, DefectoDto, GaranteDto2 } from "../types";
+    import type { CanonDto, ContratoDto, ContratoPropiedadDto, DefectoDto, GaranteDto2, OpcionVentaDto } from "../types";
     import ModalConfirm from "../Componentes/ModalConfirm.svelte";
     import ModalPedirDoc from "../Componentes/ModalPedirDoc.svelte";
     import ModalNotificacion from "../Componentes/ModalNotificacion.svelte";
+    import { navigate } from "svelte-routing";
     
     
     let token:string = sessionStorage.getItem("token")||"";
@@ -35,6 +36,8 @@
         mesesDuracion:0,
     });
     let defectos:DefectoDto[] = $state([]);
+    let TieneOpcionVenta:boolean =$state(false);
+    let dtoVenta:OpcionVentaDto =$state({divisa:"", id:0, monto:0, enOrden:false, fueEjercido:false});
 
     let modaldata:string = $state("");
     let contratoid:string = $state("");
@@ -43,8 +46,52 @@
         getparams();
         await obtenerDatosACargar();
         max = canons.at(-1).mesNum||0;
+        opcionVenta();
+
     });
 
+    async function opcionVenta() {
+        try {
+            const r = await fetch($urlG+"/api/contrato/tieneopcionventa?idcontrato="+contratoid, {
+                method: "GET",
+                headers: {
+                    "Auth": String(token),
+                }
+            });
+            if (r.ok){
+                let data = await r.json();
+                TieneOpcionVenta = data.message;
+                ObtenerOpcionVentaDto();
+                return;
+            }
+            let data = await r.json();
+            modaldata = data.message;
+            return;
+        }catch {
+            modaldata = "Fallo hacer la request";
+        }
+    }
+
+    async function ObtenerOpcionVentaDto() {
+        try{
+            const r = await fetch($urlG+"/api/opcionventa?idcontrato="+contratoid, {
+                method: "GET",
+                headers: {
+                    "Auth": String(token),
+                }
+            });
+            if (r.ok) {
+                let data = await r.json();
+                dtoVenta = data;
+                return
+            }
+            let data = await r.json();
+            modaldata = data.message;
+        }catch{
+            modaldata = "Fallo hacer la request";
+        }
+    }
+
     async function obtenerDatosACargar() {
         try {
             const respPropiedad = fetch($urlG+"/api/contrato/propietario?id="+contratoid, {
@@ -511,6 +558,50 @@
                     </div>
                 </div>
             </div>
+            {#if TieneOpcionVenta}
+                
+            <div class="accordion-item">
+                <h2 class="accordion-header" id="hq">
+                    <button
+                    class="accordion-button collapsed"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#cq"
+                    aria-expanded="false"
+                    aria-controls="cq"
+                    >
+                    Opcion Venta
+                    </button>
+                </h2>
+                <div
+                    id="cq"
+                    class="accordion-collapse collapse"
+                    aria-labelledby="hq"
+                    data-bs-parent="#accordionExample"
+                    >
+                    <div class="accordion-body">
+                        <div class="card">
+                            <div class="card-header">
+                                Datos Opcion Venta
+                            </div>
+                            <div class="card-body">
+                                <b>Monto</b>: {dtoVenta.divisa} {dtoVenta.monto}.
+
+                                <p class="mt-2 text-muted">
+                                    Para que el inquilino pueda ejercer la opcion de venta necesitas estar en el mismo mes que el ultimo pago y haber pagado todos los canones
+                                </p>
+                                <div class="d-flex">
+                                    <button class="btn btn-primary" disabled={!dtoVenta.fueEjercido} onclick={()=>navigate("/accion/13?idventa="+dtoVenta.id)}>
+                                        Ir a la pagina de la Venta
+                                    </button>
+                                </div>
+                            </div>
+                            <div class="card-footer text-center">IdOpcionVenta: {dtoVenta.id}</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            {/if}
         </div>
     </div>
 </div>