From 24c4421ba74704604de0635d0bf55e636d8c7d4d Mon Sep 17 00:00:00 2001
From: oliver <oliver@odoo4projects.com>
Date: Wed, 10 Jun 2026 19:56:21 -0300
Subject: [PATCH] sryle

---
 app.js     | 19 ++++++++++++++-----
 styles.css |  3 ++-
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/app.js b/app.js
index 1af6ffb..4860af2 100644
--- a/app.js
+++ b/app.js
@@ -512,8 +512,8 @@ function populateDemoShell() {
       <div class="contract-info">
         <span class="contract-type">Trainee \u2013 Monthly</span>
         <span class="contract-expires">expires 2026-07-10</span>
-        <a class="contract-extend-link" href="#" onclick="event.preventDefault();openBillingPortal()">Resubscribe &rarr;</a>
       </div>
+      <a class="contract-extend-link" href="#" onclick="event.preventDefault();openBillingPortal()">Resubscribe &rarr;</a>
     </div>`;
 
   // Backups
@@ -1549,7 +1549,10 @@ function renderContract(data) {
   const product = stripQuotes(item.product || "");
   const period = stripQuotes(item.period || "");
   const type = stripQuotes(item.type || "");
-  const expires = stripQuotes(item.expires || "");
+
+  // Look up expires from the agent data (new field in agents list API)
+  const agent = agents.find((a) => (a.UUID || a.uuid) === activeUUID);
+  const expires = agent ? stripQuotes(agent.expires || "") : "";
   const hasExpiry = expires && expires !== "null" && expires !== "";
 
   const label =
@@ -1568,12 +1571,18 @@ function renderContract(data) {
 
   if (hasExpiry) {
     html += `
-        <span class="contract-expires">expires ${escHtml(expires)}</span>
-        <a class="contract-extend-link" href="#" onclick="event.preventDefault();openBillingPortal()">Resubscribe &rarr;</a>`;
+        <span class="contract-expires">expires ${escHtml(expires)}</span>`;
+  }
+
+  html += `
+      </div>`;
+
+  if (hasExpiry) {
+    html += `
+      <a class="contract-extend-link" href="#" onclick="event.preventDefault();openBillingPortal()">Resubscribe &rarr;</a>`;
   }
 
   html += `
-      </div>
     </div>`;
 
   body.innerHTML = html;
diff --git a/styles.css b/styles.css
index 16a0044..fcc45ff 100644
--- a/styles.css
+++ b/styles.css
@@ -2182,11 +2182,12 @@ body.auth-layout #signin-btn {
 
 .contract-extend-link {
     display: inline-block;
-    margin-top: 5px;
+    margin-left: auto;
     font-size: 12px;
     font-weight: 600;
     color: var(--danger);
     text-decoration: none;
+    flex-shrink: 0;
 }
 
 .contract-extend-link:hover {