Embed

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Dashboard – Vital Assist</title>

  <style>
    :root {
      --bg-dark:#4a5044;
      --text-light:#ffffff;
      --text-muted:#e4e6e1;
      --radius:18px;
    }

    *{box-sizing:border-box;margin:0;padding:0}

    body{
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
      background: var(--bg-dark);
      color: var(--text-light);
    }

    main{
      max-width:1200px;
      margin:0 auto;
      padding:60px 24px;
    }

    .dashboard{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap:32px;
    }

    .card.disabled {
        opacity: 0.45;
        pointer-events: none;   /* bloqueia clique */
        filter: grayscale(60%);
        cursor: not-allowed;
    }

    .card.disabled img {
     transform: none !important; /* remove hover zoom */
    }

    .card{
      text-decoration:none;
      color:inherit;
      text-align:center;
    }

    .card-image{
      width:100%;
      height:220px;
      border-radius: var(--radius);
      overflow:hidden;
      margin-bottom:18px;
    }

    .card-image img{
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .card h2{
      font-size:26px;
      font-weight:700;
      margin-bottom:10px;
    }

    .card p{
      font-size:16px;
      line-height:1.5;
      color: var(--text-muted);
    }

    /* Hover */
    .card:hover img{
      transform:scale(1.03);
      transition:0.3s ease;
    }

    /* Responsivo */
    @media (max-width: 900px){
      .dashboard{
        grid-template-columns:1fr;
      }
      .card-image{
        height:200px;
      }
    }
  </style>
</head>
<body>
<main>
    <h1 id="greeting" style="margin-bottom: 30px;"></h1>

    
  <section class="dashboard">
      
    <a data-route="/caregivers/finantial-shifts" class="card disabled" id="shifts">
      <div class="card-image">
        <img src="https://vitalassisthomecare.com.br/_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fgetty%2F107BdZHBsvZd8pHSze0qJWiv5vvWmELnsMq1bCHGcSsgnkWI8Pf3bZq7cxXgCRph.jpeg&w=1920&q=90" alt="Financeiro">
      </div>
      <h2>Plantǒes</h2>
      <p>
        Veja os valores referentes aos plantões realizados e acompanhe seus recebimentos.
      </p>
    </a>

    
    <a data-route="/caregivers/financial-comission" class="card" id="comission">
      <div class="card-image">
        <img src="https://vitalassisthomecare.com.br/_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fgetty%2F16EWV5x7y7zfBdmBNs74aSNT9rr75Cs5KlRvVRGbIjqTlasOO2GBi4VePSL1yRcq.jpeg&w=1920&q=90" alt="Meu Perfil">
      </div>
      <h2>Comissão</h2>
      <p>
        Acompanhe seus ganhos por indicações e visualize valores disponíveis para recebimento.
      </p>
    </a>

    
    <a data-route="/caregivers/caregiverProfile" class="card disabled" id="profile">
      <div class="card-image">
        <img src="https://vitalassisthomecare.com.br/_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fgetty%2F10pOH1fDr1IiNe0qXWeoNB7GPPFKL64khZ29eb7mN0CrSi6Rs7WZ5WZywSaZN4PL.jpeg&w=1920&q=90" alt="Meu Perfil">
      </div>
      <h2>Meu Perfil</h2>
      <p>
        Atualize suas competências, disponibilidade e dados profissionais.
      </p>
    </a>

    
    <a data-route="/caregivers/nota-fiscal" class="card disabled" id="invoice">
      <div class="card-image">
        <img src="https://vitalassisthomecare.com.br/_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fgetty%2F149JjLzmir3S4aBbnPzU4esJaljBHXMn1oeaMX2sUdcxCm8hovYvxMWi5MOteeAf.jpeg&w=1920&q=90" alt="Enviar Nota Fiscal">
      </div>
      <h2>Enviar Nota Fiscal</h2>
      <p>
        Envie suas notas fiscais para receber pelos plantões realizados.
      </p>
    </a>
  </section>

</main>

<script>
/* ===============================
   CONFIG
================================ */
const BASE = "https://api.vitalassisthomecare.com.br/lifeassist/v1";
const LOGIN_URL = "/caregivers/login";
const DASHBOARD_SELECTOR = "[data-route]";

/* ===============================
   STATE
================================ */
let AUTH_TOKEN = null;

/* ===============================
   INIT
================================ */
document.addEventListener("DOMContentLoaded", init);

function init() {
  AUTH_TOKEN = getTokenFromUrl();

  if (!AUTH_TOKEN) {
    redirectToLogin("Sessão inválida. Faça login novamente.");
    return;
  }

  setupDashboardLinks(AUTH_TOKEN);
  loadCommissionData(AUTH_TOKEN);
}

/* ===============================
   TOKEN
================================ */
function getTokenFromUrl() {
  const params = new URLSearchParams(window.location.search);
  return params.get("token");
}

/* ===============================
   ROUTES
================================ */
function setupDashboardLinks(token) {
  document.querySelectorAll(DASHBOARD_SELECTOR).forEach(card => {
    const baseRoute = card.getAttribute("data-route");
    card.href = `${baseRoute}?token=${encodeURIComponent(token)}`;
  });
}

/* ===============================
   API
================================ */
function getCommissionUrl(token) {
  return `${BASE}/caregivers/comissions/${encodeURIComponent(token)}`;
}

async function loadCommissionData(token) {
  try {
    const res = await fetch(getCommissionUrl(token));

    // 🔐 Sessão expirada
    if (res.status === 401) {
      redirectToLogin("Sua sessão expirou. Faça login novamente.");
      return;
    }

    // ❌ Outros erros
    if (!res.ok) {
      throw new Error("Erro ao carregar comissões");
    }

    const raw = await res.json();

    const data = normalizeCommissionResponse(raw);

    bindHeader(data);
    handleCommissions(data.comissions);

  } catch (err) {
    console.error("Erro ao carregar dados de comissão:", err);
  }
}

/* ===============================
   NORMALIZATION
================================ */
function normalizeCommissionResponse(raw) {
  return {
    name: raw.name ?? "",
    qrCodeUrl: raw.qrCodeUrl ?? null,
    shareUrl: raw.shareUrl ?? null,
    caregiver: raw.caregiver === true,
    comissions: Array.isArray(raw.comissions) ? raw.comissions : []
  };
}

/* ===============================
   UI
================================ */
function bindHeader({ name, caregiver }) {
  const greetingEl = document.getElementById("greeting");

  if (greetingEl) {
    greetingEl.textContent = `Bem-vindo${name ? `, ${name}` : ""}`;
  }

  // Se não for caregiver, esconde opções
  toggleVisibility("shifts", caregiver);
  toggleVisibility("profile", caregiver);
  toggleVisibility("invoice", caregiver);
}

function toggleVisibility(id, visible) {
  const el = document.getElementById(id);
  if (el) el.hidden = !visible;
}

/* ===============================
   COMMISSIONS (placeholder)
================================ */
function handleCommissions(comissions) {
  // Por enquanto apenas log
  // Aqui você pode:
  // - renderizar lista
  // - mostrar mensagem "sem comissões"
  console.log("Comissões:", comissions);

  if (!comissions.length) {
    console.info("Nenhuma comissão disponível.");
  }
}

/* ===============================
   HELPERS
================================ */
function redirectToLogin(message) {
  if (message) alert(message);
  sessionStorage.clear();
  localStorage.clear();
  window.location.href = LOGIN_URL;
}
</script>
</body>
</html>

Vital Assist - Home Care

We offer a new standard in care: we find, train, and empower the best caregivers, supported by a system that records all tasks in real time and generates transparent reports.

All to provide comfort, care, and safety for those receiving care—and peace of mind for those accompanying care.