Embed

<script>
(function () {
  let caseId = localStorage.getItem("caseId");

  if (!caseId) {
    const params = new URLSearchParams(window.location.search);
    caseId = params.get("caseId");
    if (caseId) localStorage.setItem("caseId", caseId);
  }

  if (!caseId) {
    window.location.href = "/client-portal-login";
  }

  window.__DMAX_CASE_ID__ = caseId;
})();
</script>

<div style="max-width:950px;margin:40px auto;color:#fff;font-family:Arial, sans-serif;">
  <h2 style="margin:0 0 6px 0;">Welcome, <span id="dashName">—</span></h2>
  <p style="margin:0 0 18px 0;color:#cfcfcf;">Your secure client dashboard is ready below.</p>

  <div style="display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 18px 0;">
    <button onclick="dmaxLogout()" style="padding:10px 14px;border-radius:8px;border:none;background:#111;color:#fff;cursor:pointer;">
      Logout
    </button>
    <span id="accessBadge" style="padding:6px 10px;border-radius:999px;background:#222;color:#ddd;font-size:12px;">
      Access: Checking…
    </span>
  </div>

  
  <div id="actionPanel" style="display:none;margin-bottom:18px;border:1px solid #2a2a2a;border-radius:12px;padding:16px;background:#0f0f0f;">
    <h3 style="margin:0 0 10px 0;">Action Required</h3>
    <div id="actionList" style="color:#eaeaea;"></div>
    <div style="margin-top:10px;color:#9a9a9a;font-size:12px;">
      Complete these items to keep your case moving quickly.
    </div>
  </div>

  
  <div style="border:1px solid #2a2a2a;border-radius:12px;padding:16px;background:#0f0f0f;">
    <h3 style="margin:0 0 12px 0;">Case Overview</h3>

    <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;">
      <div><strong>Case ID:</strong> <span id="dashCase">—</span></div>
      <div><strong>Status:</strong> <span id="dashStatus">—</span></div>
      <div><strong>Service:</strong> <span id="dashService">—</span></div>
      <div><strong>Assigned To:</strong> <span id="dashWorker">—</span></div>
      <div style="grid-column:1 / -1;"><strong>Property:</strong> <span id="dashProperty">—</span></div>
    </div>
  </div>

  
  <div id="statusBarWrap" style="display:none;margin-top:18px;border:1px solid #2a2a2a;border-radius:12px;padding:16px;background:#0f0f0f;">
    <h3 style="margin:0 0 10px 0;">Case Progress</h3>
    <div id="statusBar" style="display:flex;gap:10px;flex-wrap:wrap;"></div>
  </div>

  
  <div id="esignWrap" style="display:none;margin-top:18px;border:1px solid #2a2a2a;border-radius:12px;padding:16px;background:#0f0f0f;">
    <div style="display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;">
      <h3 style="margin:0;">Documents Requiring Signature</h3>
      <button onclick="refreshESign()"
        style="padding:8px 12px;border-radius:8px;border:1px solid #333;background:#111;color:#fff;cursor:pointer;">
        Refresh
      </button>
    </div>
    <div id="esignList" style="margin-top:12px;color:#eaeaea;">
      <em style="color:#cfcfcf;">Loading…</em>
    </div>
    <div style="margin-top:10px;color:#9a9a9a;font-size:12px;">
      Signing opens in a new tab (RabbitSign). Once signed, the PDF appears in your Signed Documents.
    </div>
  </div>

  
  <div id="signedVaultWrap" style="display:none;margin-top:18px;border:1px solid #2a2a2a;border-radius:12px;padding:16px;background:#0f0f0f;">
    <div style="display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;">
      <h3 style="margin:0;">Your Signed Documents</h3>
      <button onclick="refreshSignedVault()"
        style="padding:8px 12px;border-radius:8px;border:1px solid #333;background:#111;color:#fff;cursor:pointer;">
        Refresh
      </button>
    </div>

    <div id="signedList" style="margin-top:12px;color:#eaeaea;">
      <em style="color:#cfcfcf;">Loading…</em>
    </div>
  </div>

  
  <div style="margin-top:18px;border:1px solid #2a2a2a;border-radius:12px;padding:16px;background:#0f0f0f;">
    <div style="display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;">
      <h3 style="margin:0;">Messages</h3>
      <button onclick="refreshMessages()"
        style="padding:8px 12px;border-radius:8px;border:1px solid #333;background:#111;color:#fff;cursor:pointer;">
        Refresh
      </button>
    </div>

    <p style="margin:10px 0 12px 0;color:#cfcfcf;font-size:13px;">
      Messages are grouped by <strong>Question ID</strong> to keep replies organized.
    </p>

    <div id="messagesWrap" style="min-height:120px;">
      <em style="color:#cfcfcf;">Loading messages…</em>
    </div>

    
    <div style="margin-top:14px;border-top:1px dashed #333;padding-top:12px;">
      <h4 style="margin:0 0 8px 0;">Send a New Message</h4>

      <textarea id="generalMessage"
        placeholder="Type your message here…"
        style="width:100%;min-height:90px;padding:10px;border-radius:10px;border:1px solid #222;background:#111;color:#fff;"></textarea>

      <button onclick="sendGeneralMessage()"
        style="margin-top:8px;padding:10px 14px;border-radius:10px;border:none;background:#1b1b1b;color:#fff;cursor:pointer;">
        Send Message
      </button>

      <div id="generalMsgStatus" style="margin-top:6px;color:#cfcfcf;font-size:12px;"></div>
    </div>

    <div id="msgNote" style="margin-top:10px;color:#9a9a9a;font-size:12px;"></div>
  </div>

  
  <div id="uploadsWrap" style="display:none;margin-top:18px;border:1px solid #2a2a2a;border-radius:12px;padding:16px;background:#0f0f0f;">
    <h3 style="margin:0 0 10px 0;">Uploads</h3>

    
    <div style="margin-top:10px;border:1px solid #222;border-radius:10px;padding:12px;background:#0b0b0b;">
      <h4 style="margin:0 0 8px 0;">Upload Photo ID</h4>
      <input id="idFiles" type="file" accept="image/*" multiple style="color:#cfcfcf;"/>
      <button onclick="uploadID()" style="margin-left:8px;padding:8px 12px;border-radius:8px;border:none;background:#111;color:#fff;cursor:pointer;">
        Upload ID
      </button>
      <div id="idUploadStatus" style="margin-top:8px;color:#cfcfcf;font-size:12px;"></div>
    </div>

    
    <div style="margin-top:12px;border:1px solid #222;border-radius:10px;padding:12px;background:#0b0b0b;">
      <h4 style="margin:0 0 8px 0;">Upload Documents</h4>
      <input id="docFiles" type="file" multiple style="color:#cfcfcf;"/>
      <button onclick="uploadDocs()" style="margin-left:8px;padding:8px 12px;border-radius:8px;border:none;background:#111;color:#fff;cursor:pointer;">
        Upload Documents
      </button>
      <div id="docUploadStatus" style="margin-top:8px;color:#cfcfcf;font-size:12px;"></div>
      <div style="margin-top:8px;color:#9a9a9a;font-size:12px;">
        You can upload multiple files at once.
      </div>
    </div>

    <div id="uploadStatus" style="margin-top:10px;color:#cfcfcf;font-size:12px;"></div>
  </div>

  <p id="debugMsg" style="margin-top:20px;font-size:12px;color:#777;"></p>
</div>

<script>
/* =====================================================
   DMAX CLIENT DASHBOARD — FINAL FRONTEND (FULL ACCESS FIX)
===================================================== */

const FEATURES_API_URL =
  "https://script.google.com/macros/s/AKfycbwMjpMyXNIp1-3rq0zmSe2mJxpQWj-x5L4CbvUloD7vuZteaojwmNQcVuWC0TL7MLBvRA/exec";

const DMAX = {
  caseId: null,
  access: "LIMITED"
};

/* =====================
   ACCESS CONTROL
===================== */
function applyAccessControl(access) {
  const fullOnly = [
    "actionPanel",
    "uploadsWrap",
    "esignWrap",
    "signedVaultWrap",
    "statusBarWrap"
  ];

  if (access === "FULL") {
    fullOnly.forEach(id => {
      const el = document.getElementById(id);
      if (el) el.style.display = "block";
    });
  } else {
    fullOnly.forEach(id => {
      const el = document.getElementById(id);
      if (el) el.style.display = "none";
    });
  }

  document.getElementById("accessBadge").innerText =
    "Access: " + access;
}

/* =====================
   DASHBOARD LOAD (JSONP)
===================== */
function loadDashboard(data) {
  if (!data || !data.success || !data.client) return;

  const c = data.client;

  DMAX.caseId = c.caseId;
  DMAX.access = c.accessLevel || "LIMITED";

  document.getElementById("dashName").innerText = c.name || "—";
  document.getElementById("dashCase").innerText = c.caseId || "—";
  document.getElementById("dashStatus").innerText = c.status || "—";
  document.getElementById("dashService").innerText = c.service || "—";
  document.getElementById("dashProperty").innerText = c.property || "—";
  document.getElementById("dashWorker").innerText = c.assigned || "—";

  applyAccessControl(DMAX.access);
  renderProgressTimeline(c.status);

  refreshMessages();
}

/* =====================
   CLEAN CASE PROGRESS
===================== */
function renderProgressTimeline(status) {
  const steps = [
    "Intake Received",
    "Research In Progress",
    "Assigned Contract",
    "Documents Review",
    "Filed / Processing",
    "Completed"
  ];

  const wrap = document.getElementById("statusBarWrap");
  const bar = document.getElementById("statusBar");

  bar.innerHTML = "";

  const currentIndex = steps.findIndex(s =>
    status.toLowerCase().includes(s.split(" ")[0].toLowerCase())
  );

  steps.forEach((step, i) => {
    const row = document.createElement("div");
    row.style.cssText = "padding:6px 0;font-size:14px;";

    if (i < currentIndex) {
      row.innerHTML = "✔ <strong>" + step + "</strong>";
      row.style.color = "#4caf50";
    } else if (i === currentIndex) {
      row.innerHTML = "● <strong>" + step + "</strong>";
      row.style.color = "#ffc107";
    } else {
      row.innerHTML = "○ " + step;
      row.style.color = "#777";
    }

    bar.appendChild(row);
  });

  wrap.style.display = "block";
}

/* =====================
   BOOTSTRAP
===================== */
(function bootstrap() {
  const caseId = localStorage.getItem("caseId");
  if (!caseId) return;

  const s = document.createElement("script");
  s.src =
    FEATURES_API_URL +
    "?caseId=" + encodeURIComponent(caseId) +
    "&callback=loadDashboard";
  document.body.appendChild(s);
})();

/* =====================
   MESSAGES (UNCHANGED)
===================== */
function refreshMessages() {
  const cb = "msg_" + Date.now();
  window[cb] = function (resp) {
    const wrap = document.getElementById("messagesWrap");
    wrap.innerHTML = "";

    if (!resp || !resp.messages || !resp.messages.length) {
      wrap.innerHTML = "<em>No messages yet.</em>";
      return;
    }

    resp.messages.forEach(m => {
      const d = document.createElement("div");
      d.innerHTML = `<strong>${m.sender}:</strong> ${m.message}`;
      wrap.appendChild(d);
    });

    delete window[cb];
  };

  const s = document.createElement("script");
  s.src =
    FEATURES_API_URL +
    "?action=messages" +
    "&caseId=" + encodeURIComponent(DMAX.caseId) +
    "&callback=" + cb;
  document.body.appendChild(s);
}

/* =====================
   SEND MESSAGE (UNCHANGED)
===================== */
function sendGeneralMessage() {
  const ta = document.getElementById("generalMessage");
  const status = document.getElementById("generalMsgStatus");
  const msg = (ta.value || "").trim();

  if (!msg) {
    status.innerText = "Please enter a message.";
    return;
  }

  status.innerText = "Sending…";

  const cb = "send_" + Date.now();
  window[cb] = function (resp) {
    if (resp && resp.success) {
      ta.value = "";
      status.innerText = "Message sent.";
      refreshMessages();
    } else {
      status.innerText = "Send failed.";
    }
    delete window[cb];
  };

  const s = document.createElement("script");
  s.src =
    FEATURES_API_URL +
    "?action=sendMessage" +
    "&caseId=" + encodeURIComponent(DMAX.caseId) +
    "&sender=CLIENT" +
    "&message=" + encodeURIComponent(msg) +
    "&callback=" + cb;

  document.body.appendChild(s);
}

/* =====================
   LOGOUT
===================== */
function dmaxLogout() {
  localStorage.removeItem("caseId");
  window.location.href = "/client-portal-login";
}
</script>

Dmax Grounds inc

DMAX Grounds Inc. is a Property Solutions Company helping homeowners, families, and estates navigate difficult real estate situations. We provide multiple options including cash offers, mortgage payment relief, creative financing alternatives, surplus funds recovery assistance, probate-related property support, and inherited home solutions. Whether you’re facing foreclosure, managing an estate, or need a fast and flexible way to sell, we offer clear guidance, multiple pathways, and no-pressure solutions

Welcome, —

Action Required

Case Overview

Case Progress

Documents Requiring Signature

Your Signed Documents

Messages

Send a New Message

Uploads

Upload Photo ID

Upload Documents