Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Task Response | Task N Match</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <style>
    body {
      margin: 0;
      padding: 0;
      background: #0b0b0b;
      color: #fff;
      font-family: Arial, Helvetica, sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      text-align: center;
    }
    .card {
      max-width: 460px;
      padding: 36px 28px;
      border-radius: 14px;
      background: #121212cc;
      box-shadow: 0 22px 60px rgba(0,0,0,0.6);
    }
    img {
      max-width: 130px;
      margin-bottom: 22px;
    }
    h1 {
      font-size: 22px;
      margin-bottom: 10px;
    }
    p {
      font-size: 14px;
      color: #ccc;
      line-height: 1.5;
    }
    .status {
      margin-top: 14px;
      font-size: 15px;
      font-weight: bold;
    }
    .footer {
      margin-top: 24px;
      font-size: 12px;
      color: #777;
    }
  </style>
</head>
<body>

  <div class="card">
    <img src="https://cdn.durable.co/logos/2dWBCWzHzXCnDUMANpHOFNGuN6VuSWaTRWVpq23zmmvZUYee2ka60GI2L0Ys5CqF.png" alt="Task N Match Logo" />

    <h1 id="tnm-title">Recording your response…</h1>
    <p id="tnm-sub">Please wait while we confirm your choice.</p>
    
    <div class="status" id="tnm-status"></div>

    <div class="footer">
      Task N Match — Your Shortcut to Done.
    </div>
  </div>

</body>

<script>
(function(){
  const ZAPIER_HOOK = "https://hooks.zapier.com/hooks/catch/24332949/uau02e3/";

  const params = new URLSearchParams(window.location.search);
  const decision = (params.get("decision") || "").trim().toUpperCase();
  const taskCode = (params.get("task_code") || "").trim();

  const titleEl = document.getElementById("tnm-title");
  const subEl = document.getElementById("tnm-sub");
  const statusEl = document.getElementById("tnm-status");

  if (!taskCode || (decision !== "ACCEPT" && decision !== "DECLINE")) {
    titleEl.textContent = "Missing information";
    subEl.textContent = "This link is incomplete. Please go back to the email and click Accept or Decline again.";
    return;
  }

  const zapUrl = `${ZAPIER_HOOK}?decision=${encodeURIComponent(decision)}&task_code=${encodeURIComponent(taskCode)}`;

  fetch(zapUrl, { method: "GET", mode: "no-cors" })
    .then(() => {
      if (decision === "ACCEPT") {
        titleEl.textContent = "✅ Task Accepted";
        subEl.textContent = "Thanks — your response has been recorded.";
        statusEl.textContent = `Task Code: ${taskCode}`;
      } else {
        titleEl.textContent = "❌ Task Declined";
        subEl.textContent = "Your decline has been recorded.";
        statusEl.textContent = `Task Code: ${taskCode}`;
      }
    })
    .catch(() => {
      titleEl.textContent = "Response recorded";
      subEl.textContent = "If you’re unsure, contact support to confirm.";
      statusEl.textContent = `Task Code: ${taskCode}`;
    });
})();
</script>



Task N Match

Task N Match is a veteran-owned service-matching platform built to simplify how people find and hire trusted help. From cleaning and repairs to roofing, event staffing, and beyond — we connect homeowners, businesses, and busy individuals with fully vetted, reliable professionals who get the job done right.

Our mission is simple: to make quality service accessible, safe, and hassle-free. Every Tasker in our network is handpicked, background-checked, and committed to delivering excellence — no sketchy listings, no hidden fees, just reliable work when and where you need it.

Whether you're tackling a to-do list or managing a major project, Task N Match is your shortcut to done.