Embed

<div id="portal-dashboard" style="max-width:900px;margin:0 auto;padding:20px;">

  <button onclick="logout()" 
    style="position:fixed;top:20px;right:20px;padding:8px 16px;background:#000;color:#fff;border:none;cursor:pointer;z-index:999;">
    Logout
  </button>

  
<div style="padding:20px 0 10px 0;">
  <h2 style="margin:0;font-size:28px;">
    Welcome, <span id="client-name" style="font-weight:600;"></span>
  </h2>
  <p style="margin:5px 0 0 0;color:#666;font-size:14px;">
    Your secure client dashboard is ready below.
  </p>
</div>


<h3 style="margin-top:20px;">Case Information</h3>

<p><b>Case ID:</b> <span id="dash-caseID"></span></p>
<p><b>Service:</b> <span id="dash-service"></span></p>
<p><b>Status:</b> <span id="dash-status"></span></p>
<p><b>Stage:</b> <span id="dash-stage"></span></p>
<p><b>Assigned Worker:</b> <span id="dash-worker"></span></p>
<p><b>Supervisor:</b> <span id="dash-supervisor"></span></p>

  <h3>Case Progress</h3>
  <div id="progress-wrapper" style="width:100%;background:#e5e5e5;border-radius:8px;height:20px;overflow:hidden;margin-bottom:10px;">
    <div id="progress-bar" style="height:100%;width:0%;background:#000;border-radius:8px;transition:width 0.5s ease;"></div>
  </div>
  <p><b>Progress:</b> <span id="progress-percent">0%</span></p>

  <div id="alert-banner" style="background:#ffdd57;padding:10px;border-radius:6px;margin-top:10px;display:none;">
    Additional documents are required for this case. Please upload them below.
  </div>

  <h3>Upload Photo ID (Required)</h3>
  <input type="file" id="photoID" accept="image/*">
  <button onclick="uploadPhotoID()">Upload Photo ID</button>
  <p id="photo-status"></p>

  <h3>Upload Supporting Documents</h3>
  <input type="file" id="supporting-doc" multiple>
  <button onclick="uploadSupportingDocs()">Upload Supporting Documents</button>
  <p id="supporting-status"></p>

  <h3>Messages</h3>
  <div id="message-container" 
       style="background:#f1f1f1;padding:10px;height:200px;overflow-y:scroll;border:1px solid #ccc;">
  </div>

  <textarea id="client-message" placeholder="Write message..." style="width:100%;margin-top:10px;"></textarea>
  <button onclick="sendClientMessage()">Send Message</button>
  <p id="msg-status"></p>

</div>

<script>
const API_URL = "https://script.google.com/macros/s/AKfycbxukB3sHQjZnwy7dk54C5SubTpygStYoGOZy9wzzguBfR1Hecc4P00oECr3KnAG8LjzvQ/exec";

//-------------------------------
// Load Dashboard
//-------------------------------
async function loadDashboard() {
  const session = JSON.parse(localStorage.getItem("dmax_case"));
  if (!session) return window.location.href="/client-portal-login";

  const res = await fetch(API_URL + "?action=getCaseInfo&caseID=" + session.caseID);
  const info = await res.json();
  if (!info.success) return window.location.href="/client-portal-login";

  const d = info.data;

  document.getElementById("client-name").innerText = d.fullName;
  document.getElementById("dash-caseID").innerText = d.caseID;
  document.getElementById("dash-service").innerText = d.service;
  document.getElementById("dash-status").innerText = d.status;
  document.getElementById("dash-stage").innerText = d.stage;
  document.getElementById("dash-worker").innerText = d.assignedWorker;
  document.getElementById("dash-supervisor").innerText = d.supervisor;

  updateProgressBar(d.status);

  if (d.status === "DOCUMENTS REQUIRED") {
    document.getElementById("alert-banner").style.display = "block";
  }

  loadMessages();
}
window.onload = loadDashboard;

//-------------------------------
// Progress Bar Logic
//-------------------------------
function getProgressPercent(status) {
  status = String(status).trim().toUpperCase();
  switch (status) {
    case "PROCESSING": return 45;
    case "SUBMITTED": return 70;
    case "APPROVED": return 90;
    case "COMPLETED": return 100;
    default: return 45;
  }
}

function updateProgressBar(status) {
  const percent = getProgressPercent(status);
  document.getElementById("progress-bar").style.width = percent + "%";
  document.getElementById("progress-percent").innerText = percent + "%";
}

//-------------------------------
// Upload Photo ID
//-------------------------------
async function uploadPhotoID() {
  const file = photoID.files[0];
  if (!file) return alert("Choose an image first.");

  const base64 = await toBase64(file);
  await fetch(API_URL, {
    method: "POST",
    body: JSON.stringify({
      action: "uploadPhotoID",
      caseID: JSON.parse(localStorage.dmax_case).caseID,
      fileName: file.name,
      fileContent: base64
    })
  });
  photo-status.innerText = "Photo ID uploaded!";
}

//-------------------------------
// Upload Supporting Documents
//-------------------------------
async function uploadSupportingDocs() {
  const files = document.getElementById("supporting-doc").files;
  if (!files.length) return alert("Choose a file first.");

  const session = JSON.parse(localStorage.dmax_case);

  for (let file of files) {
    const base64 = await toBase64(file);
    await fetch(API_URL, {
      method: "POST",
      body: JSON.stringify({
        action: "uploadSupportingDocument",
        caseID: session.caseID,
        fileName: file.name,
        fileContent: base64
      })
    });
  }

  document.getElementById("supporting-status").innerText = "Documents uploaded!";
}

//-------------------------------
// Convert to Base64
//-------------------------------
function toBase64(file) {
  return new Promise((res, rej) => {
    const r=new FileReader();
    r.onload=()=>res(r.result.split(",")[1]);
    r.onerror=rej;
    r.readAsDataURL(file);
  });
}

//-------------------------------
// Messaging
//-------------------------------
async function loadMessages() {
  const caseID = JSON.parse(localStorage.dmax_case).caseID;
  const res = await fetch(API_URL + "?action=getMessages&caseID=" + caseID);
  const data = await res.json();

  const box = document.getElementById("message-container");
  box.innerHTML = "";

  if (!data.messages || data.messages.length === 0) {
    box.innerHTML = "<i>No messages yet.</i>";
    return;
  }

  data.messages.forEach(m => {
    box.innerHTML += `<p><b>${m.sender}:</b> ${m.text}</p>`;
  });
}

async function sendClientMessage() {
  const msg = document.getElementById("client-message").value.trim();
  if (!msg) return;

  const caseID = JSON.parse(localStorage.dmax_case).caseID;

  await fetch(API_URL, {
    method: "POST",
    body: JSON.stringify({
      action: "sendClientMessage",
      caseID: caseID,
      message: msg
    })
  });

  document.getElementById("client-message").value = "";
  loadMessages();
}

//-------------------------------
// Logout
//-------------------------------
function logout() {
  localStorage.removeItem("dmax_case");
  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