731 lines
27 KiB
PHP
731 lines
27 KiB
PHP
<?php
|
|
session_name('pp_admin');
|
|
session_start();
|
|
|
|
$ADMIN_USER = 'admin';
|
|
$ADMIN_PASS = 'admin';
|
|
$dataDir = __DIR__ . '/data';
|
|
$error = '';
|
|
|
|
// ── Diagnostic endpoint ──────────────────────────────────────────────────
|
|
// Visit dashboard.php?debug=1 to see which data path the dashboard READS from.
|
|
// Compare its realpath against onboard.php?debug=1 — if they differ, the
|
|
// onboarding writes and the dashboard reads are two different files.
|
|
if (isset($_GET['debug'])) {
|
|
header('Content-Type: text/plain');
|
|
$merchantsFile = $dataDir . '/school_merchants.json';
|
|
echo "=== dashboard.php diagnostics ===\n";
|
|
echo "__DIR__ : " . __DIR__ . "\n";
|
|
echo "realpath(__DIR__) : " . realpath(__DIR__) . "\n";
|
|
echo "dataDir realpath : " . (realpath($dataDir) ?: '(does not exist)') . "\n";
|
|
echo "merchants file : $merchantsFile\n";
|
|
echo "merchants realpath : " . (realpath($merchantsFile) ?: '(MISSING)') . "\n";
|
|
echo "\n--- school_merchants.json (" . (file_exists($merchantsFile) ? filesize($merchantsFile) . ' bytes' : 'MISSING') . ") ---\n";
|
|
echo file_exists($merchantsFile) ? file_get_contents($merchantsFile) : '(none)';
|
|
exit();
|
|
}
|
|
|
|
// ── Logout ─────────────────────────────────────────────────────────────────
|
|
if (isset($_GET['logout'])) {
|
|
$_SESSION = [];
|
|
session_destroy();
|
|
header('Location: dashboard.php');
|
|
exit();
|
|
}
|
|
|
|
// ── Login POST ──────────────────────────────────────────────────────────────
|
|
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['_login'])) {
|
|
if (($_POST['username'] ?? '') === $ADMIN_USER && ($_POST['password'] ?? '') === $ADMIN_PASS) {
|
|
$_SESSION['admin'] = true;
|
|
header('Location: dashboard.php');
|
|
exit();
|
|
}
|
|
$error = 'Invalid username or password.';
|
|
}
|
|
|
|
// ── AJAX actions (must be logged in) ───────────────────────────────────────
|
|
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action']) && ($_SESSION['admin'] ?? false)) {
|
|
header('Content-Type: application/json');
|
|
$config = require __DIR__ . '/config.php';
|
|
require_once __DIR__ . '/lib/PayPalClient.php';
|
|
|
|
try {
|
|
$client = new PayPalClient($config);
|
|
$merchantsFile = $dataDir . '/school_merchants.json';
|
|
$merchants = file_exists($merchantsFile) ? (json_decode(file_get_contents($merchantsFile), true) ?: []) : [];
|
|
|
|
if ($_POST['action'] === 'check_status') {
|
|
$school = trim($_POST['school_name'] ?? '');
|
|
$merchantId = $merchants[$school]['merchant_id'] ?? null;
|
|
if (!$merchantId) {
|
|
echo json_encode(['success' => false, 'error' => 'School not found or not connected']);
|
|
exit();
|
|
}
|
|
$s = $client->getSellerStatus($config['partner_merchant_id'], $merchantId);
|
|
$merchants[$school] = array_merge($merchants[$school], [
|
|
'paypal_ready' => $s['paypal_ready'],
|
|
'email_confirmed' => $s['email_confirmed'],
|
|
'payments_receivable' => $s['payments_receivable'],
|
|
'oauth_ok' => $s['oauth_ok'],
|
|
'seller_email' => $s['seller_email'],
|
|
'status_issues' => $s['issues'],
|
|
'status_checked_at' => time(),
|
|
]);
|
|
file_put_contents($merchantsFile, json_encode($merchants, JSON_PRETTY_PRINT));
|
|
echo json_encode(array_merge(['success' => true], $s));
|
|
exit();
|
|
}
|
|
|
|
if ($_POST['action'] === 'check_all') {
|
|
$refreshed = 0;
|
|
foreach ($merchants as $school => &$data) {
|
|
$mid = $data['merchant_id'] ?? null;
|
|
if (!$mid) continue;
|
|
$s = $client->getSellerStatus($config['partner_merchant_id'], $mid);
|
|
$data = array_merge($data, [
|
|
'paypal_ready' => $s['paypal_ready'],
|
|
'email_confirmed' => $s['email_confirmed'],
|
|
'payments_receivable' => $s['payments_receivable'],
|
|
'oauth_ok' => $s['oauth_ok'],
|
|
'seller_email' => $s['seller_email'],
|
|
'status_issues' => $s['issues'],
|
|
'status_checked_at' => time(),
|
|
]);
|
|
$refreshed++;
|
|
}
|
|
unset($data);
|
|
file_put_contents($merchantsFile, json_encode($merchants, JSON_PRETTY_PRINT));
|
|
echo json_encode(['success' => true, 'refreshed' => $refreshed]);
|
|
exit();
|
|
}
|
|
|
|
} catch (Exception $e) {
|
|
echo json_encode(['success' => false, 'error' => $e->getMessage()]);
|
|
}
|
|
exit();
|
|
}
|
|
|
|
// ── Load data (only needed for authenticated view) ─────────────────────────
|
|
$merchants = [];
|
|
$pending = [];
|
|
$total = 0;
|
|
$ready = 0;
|
|
$withIssues = 0;
|
|
$pendingCount = 0;
|
|
|
|
if ($_SESSION['admin'] ?? false) {
|
|
$merchantsFile = $dataDir . '/school_merchants.json';
|
|
if (file_exists($merchantsFile)) {
|
|
$merchants = json_decode(file_get_contents($merchantsFile), true) ?: [];
|
|
}
|
|
|
|
$pendingFile = $dataDir . '/pending_onboarding.json';
|
|
if (file_exists($pendingFile)) {
|
|
$pending = json_decode(file_get_contents($pendingFile), true) ?: [];
|
|
}
|
|
|
|
$total = count($merchants);
|
|
foreach ($merchants as $m) {
|
|
if ($m['paypal_ready'] ?? false) $ready++;
|
|
if (!empty($m['status_issues'])) $withIssues++;
|
|
}
|
|
foreach ($pending as $p) {
|
|
if (in_array($p['status'] ?? '', ['pending', 'waiting_for_paypal', 'incomplete_onboarding'])) {
|
|
$pendingCount++;
|
|
}
|
|
}
|
|
}
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>PayPal Admin Dashboard</title>
|
|
<style>
|
|
/* ── Reset & base ── */
|
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
:root {
|
|
--pp-blue: #003087;
|
|
--pp-sky: #009cde;
|
|
--pp-gold: #ffc439;
|
|
--success: #28a745;
|
|
--warning: #fd7e14;
|
|
--danger: #dc3545;
|
|
--bg: #f0f4f8;
|
|
--card: #ffffff;
|
|
--border: #e2e8f0;
|
|
--text: #1a202c;
|
|
--muted: #718096;
|
|
--radius: 10px;
|
|
--shadow: 0 2px 12px rgba(0,0,0,.08);
|
|
--shadow-lg: 0 8px 32px rgba(0,0,0,.14);
|
|
}
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
min-height: 100vh;
|
|
}
|
|
|
|
/* ── Login page ── */
|
|
.login-wrap {
|
|
min-height: 100vh;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: linear-gradient(135deg, var(--pp-blue) 0%, var(--pp-sky) 100%);
|
|
padding: 20px;
|
|
}
|
|
.login-card {
|
|
background: var(--card);
|
|
border-radius: 16px;
|
|
box-shadow: var(--shadow-lg);
|
|
padding: 48px 40px;
|
|
width: 100%;
|
|
max-width: 400px;
|
|
}
|
|
.login-logo {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin-bottom: 32px;
|
|
}
|
|
.login-logo svg { width: 36px; height: 36px; }
|
|
.login-logo span { font-size: 22px; font-weight: 700; color: var(--pp-blue); }
|
|
.login-card h2 { font-size: 20px; color: var(--text); margin-bottom: 6px; }
|
|
.login-card p { font-size: 14px; color: var(--muted); margin-bottom: 28px; }
|
|
.field { margin-bottom: 18px; }
|
|
.field label { display: block; font-size: 13px; font-weight: 600; color: var(--text); margin-bottom: 6px; }
|
|
.field input {
|
|
width: 100%; padding: 11px 14px;
|
|
border: 1.5px solid var(--border); border-radius: 8px;
|
|
font-size: 15px; transition: border-color .2s;
|
|
}
|
|
.field input:focus { outline: none; border-color: var(--pp-sky); }
|
|
.btn-primary {
|
|
width: 100%; padding: 13px;
|
|
background: var(--pp-blue); color: #fff;
|
|
border: none; border-radius: 8px;
|
|
font-size: 15px; font-weight: 600; cursor: pointer;
|
|
transition: background .2s, transform .1s;
|
|
}
|
|
.btn-primary:hover { background: #002070; transform: translateY(-1px); }
|
|
.alert-err {
|
|
background: #fff5f5; border: 1px solid #feb2b2;
|
|
color: #c53030; border-radius: 8px;
|
|
padding: 11px 14px; font-size: 13px; margin-bottom: 20px;
|
|
}
|
|
|
|
/* ── Dashboard layout ── */
|
|
.topbar {
|
|
background: var(--pp-blue);
|
|
padding: 0 28px;
|
|
height: 60px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
box-shadow: 0 2px 8px rgba(0,0,0,.18);
|
|
}
|
|
.topbar-brand {
|
|
display: flex; align-items: center; gap: 10px;
|
|
color: #fff; font-size: 17px; font-weight: 700;
|
|
}
|
|
.topbar-brand svg { width: 28px; height: 28px; }
|
|
.topbar-right { display: flex; align-items: center; gap: 14px; }
|
|
.topbar-env {
|
|
background: rgba(255,255,255,.15);
|
|
color: #fff; font-size: 11px; font-weight: 700;
|
|
padding: 3px 10px; border-radius: 20px; letter-spacing: .5px; text-transform: uppercase;
|
|
}
|
|
.topbar-user {
|
|
color: rgba(255,255,255,.85); font-size: 13px;
|
|
}
|
|
.btn-logout {
|
|
background: rgba(255,255,255,.12); color: #fff;
|
|
border: 1px solid rgba(255,255,255,.3); border-radius: 7px;
|
|
padding: 6px 14px; font-size: 13px; cursor: pointer;
|
|
text-decoration: none; transition: background .2s;
|
|
}
|
|
.btn-logout:hover { background: rgba(255,255,255,.22); }
|
|
|
|
.main { padding: 28px; max-width: 1300px; margin: 0 auto; }
|
|
|
|
/* ── Stat cards ── */
|
|
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); gap: 18px; margin-bottom: 28px; }
|
|
.stat-card {
|
|
background: var(--card); border-radius: var(--radius);
|
|
box-shadow: var(--shadow); padding: 22px 24px;
|
|
display: flex; align-items: center; gap: 16px;
|
|
}
|
|
.stat-icon {
|
|
width: 46px; height: 46px; border-radius: 12px;
|
|
display: flex; align-items: center; justify-content: center;
|
|
font-size: 20px; flex-shrink: 0;
|
|
}
|
|
.stat-icon.blue { background: #ebf4ff; }
|
|
.stat-icon.green { background: #f0fff4; }
|
|
.stat-icon.red { background: #fff5f5; }
|
|
.stat-icon.orange { background: #fffaf0; }
|
|
.stat-label { font-size: 12px; color: var(--muted); font-weight: 600; text-transform: uppercase; letter-spacing: .4px; }
|
|
.stat-value { font-size: 28px; font-weight: 700; color: var(--text); line-height: 1.1; margin-top: 2px; }
|
|
|
|
/* ── Section header ── */
|
|
.section-header {
|
|
display: flex; align-items: center; justify-content: space-between;
|
|
margin-bottom: 16px; flex-wrap: wrap; gap: 10px;
|
|
}
|
|
.section-title { font-size: 17px; font-weight: 700; color: var(--text); }
|
|
.section-sub { font-size: 13px; color: var(--muted); margin-top: 2px; }
|
|
|
|
.btn-action {
|
|
padding: 9px 18px; border-radius: 8px; font-size: 13px; font-weight: 600;
|
|
border: none; cursor: pointer; transition: all .2s; white-space: nowrap;
|
|
}
|
|
.btn-action.blue { background: var(--pp-sky); color: #fff; }
|
|
.btn-action.blue:hover { background: #0089c7; }
|
|
.btn-action.green { background: var(--success); color: #fff; }
|
|
.btn-action.green:hover { background: #218838; }
|
|
.btn-action.ghost { background: var(--card); color: var(--pp-blue); border: 1.5px solid var(--pp-sky); }
|
|
.btn-action.ghost:hover { background: #ebf8ff; }
|
|
.btn-action:disabled { opacity: .55; cursor: not-allowed; }
|
|
|
|
/* ── Table ── */
|
|
.table-wrap {
|
|
background: var(--card); border-radius: var(--radius);
|
|
box-shadow: var(--shadow); overflow: hidden;
|
|
}
|
|
.table-scroll { overflow-x: auto; }
|
|
table { width: 100%; border-collapse: collapse; font-size: 14px; }
|
|
thead tr { background: #f7fafc; }
|
|
thead th {
|
|
padding: 13px 16px; text-align: left;
|
|
font-size: 11px; font-weight: 700; text-transform: uppercase;
|
|
letter-spacing: .5px; color: var(--muted);
|
|
border-bottom: 1px solid var(--border); white-space: nowrap;
|
|
}
|
|
tbody tr { border-bottom: 1px solid var(--border); transition: background .15s; }
|
|
tbody tr:last-child { border-bottom: none; }
|
|
tbody tr:hover { background: #f7fafc; }
|
|
td { padding: 14px 16px; vertical-align: middle; }
|
|
|
|
.school-name { font-weight: 600; color: var(--text); }
|
|
.merchant-id { font-size: 11px; color: var(--muted); font-family: monospace; margin-top: 2px; }
|
|
|
|
.email-cell { color: var(--pp-blue); font-weight: 500; }
|
|
.email-none { color: var(--muted); font-style: italic; }
|
|
|
|
/* badges */
|
|
.badge {
|
|
display: inline-flex; align-items: center; gap: 5px;
|
|
padding: 4px 10px; border-radius: 20px;
|
|
font-size: 12px; font-weight: 600; white-space: nowrap;
|
|
}
|
|
.badge-green { background: #f0fff4; color: #276749; }
|
|
.badge-red { background: #fff5f5; color: #9b2c2c; }
|
|
.badge-orange { background: #fffaf0; color: #9c4221; }
|
|
|
|
/* flag icons */
|
|
.flag { display: inline-block; width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 20px; font-size: 11px; font-weight: 700; }
|
|
.flag-ok { background: #c6f6d5; color: #276749; }
|
|
.flag-no { background: #fed7d7; color: #9b2c2c; }
|
|
.flag-unk { background: #e2e8f0; color: #718096; }
|
|
|
|
.flags-row { display: flex; gap: 6px; align-items: center; }
|
|
|
|
.date-cell { color: var(--muted); font-size: 12px; white-space: nowrap; }
|
|
|
|
/* issues tooltip area */
|
|
.issues-list {
|
|
margin-top: 6px; font-size: 12px; color: #c53030;
|
|
list-style: none; padding: 0;
|
|
}
|
|
.issues-list li::before { content: '⚠ '; }
|
|
|
|
/* ── Pending section ── */
|
|
.pending-wrap {
|
|
background: var(--card); border-radius: var(--radius);
|
|
box-shadow: var(--shadow); margin-top: 24px;
|
|
}
|
|
.pending-header {
|
|
padding: 16px 20px; border-bottom: 1px solid var(--border);
|
|
display: flex; align-items: center; gap: 8px;
|
|
font-size: 15px; font-weight: 700;
|
|
}
|
|
.pending-row {
|
|
padding: 14px 20px; border-bottom: 1px solid var(--border);
|
|
display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px;
|
|
}
|
|
.pending-row:last-child { border-bottom: none; }
|
|
.pending-school { font-weight: 600; }
|
|
.pending-meta { font-size: 12px; color: var(--muted); margin-top: 2px; }
|
|
|
|
/* ── Empty state ── */
|
|
.empty-state {
|
|
text-align: center; padding: 60px 20px; color: var(--muted);
|
|
}
|
|
.empty-state .empty-icon { font-size: 48px; margin-bottom: 12px; }
|
|
.empty-state p { font-size: 15px; }
|
|
|
|
/* ── Toast ── */
|
|
#toast {
|
|
position: fixed; bottom: 24px; right: 24px;
|
|
background: #1a202c; color: #fff;
|
|
padding: 12px 20px; border-radius: 9px;
|
|
font-size: 14px; box-shadow: var(--shadow-lg);
|
|
display: none; z-index: 9999;
|
|
animation: fadeIn .2s ease;
|
|
}
|
|
#toast.show { display: block; }
|
|
#toast.success { background: #276749; }
|
|
#toast.error { background: #9b2c2c; }
|
|
@keyframes fadeIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
|
|
|
|
@media (max-width: 640px) {
|
|
.main { padding: 16px; }
|
|
.topbar { padding: 0 16px; }
|
|
.login-card { padding: 32px 24px; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<?php if (!($_SESSION['admin'] ?? false)): ?>
|
|
<!-- ════════════════════ LOGIN PAGE ════════════════════ -->
|
|
<div class="login-wrap">
|
|
<div class="login-card">
|
|
<div class="login-logo">
|
|
<!-- PayPal P icon -->
|
|
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M7.5 21H4.5L7 3H14C17.5 3 19.5 5 19 8C18.5 11.5 15.5 13 12.5 13H9.5L8.5 18H11L10.5 21H7.5Z" fill="#003087"/>
|
|
<path d="M9 17H6L8.5 3H15.5C19 3 21 5 20.5 8.5C20 12 17 13.5 14 13.5H11L10 18H12.5L12 21H9Z" fill="#009cde" opacity=".7"/>
|
|
</svg>
|
|
<span>PayPal Admin</span>
|
|
</div>
|
|
<h2>Welcome back</h2>
|
|
<p>Sign in to manage your PayPal merchant connections.</p>
|
|
|
|
<?php if ($error): ?>
|
|
<div class="alert-err"><?= htmlspecialchars($error) ?></div>
|
|
<?php endif; ?>
|
|
|
|
<form method="POST">
|
|
<input type="hidden" name="_login" value="1">
|
|
<div class="field">
|
|
<label for="u">Username</label>
|
|
<input type="text" id="u" name="username" autocomplete="username" placeholder="admin" required>
|
|
</div>
|
|
<div class="field">
|
|
<label for="p">Password</label>
|
|
<input type="password" id="p" name="password" autocomplete="current-password" placeholder="••••••" required>
|
|
</div>
|
|
<button type="submit" class="btn-primary">Sign in</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<?php else: ?>
|
|
<!-- ════════════════════ DASHBOARD ════════════════════ -->
|
|
|
|
<div id="toast"></div>
|
|
|
|
<!-- Top bar -->
|
|
<nav class="topbar">
|
|
<div class="topbar-brand">
|
|
<svg viewBox="0 0 24 24" fill="none">
|
|
<path d="M7.5 21H4.5L7 3H14C17.5 3 19.5 5 19 8C18.5 11.5 15.5 13 12.5 13H9.5L8.5 18H11L10.5 21H7.5Z" fill="#fff"/>
|
|
<path d="M9 17H6L8.5 3H15.5C19 3 21 5 20.5 8.5C20 12 17 13.5 14 13.5H11L10 18H12.5L12 21H9Z" fill="#ffc439" opacity=".85"/>
|
|
</svg>
|
|
<span>PayPal Admin Dashboard</span>
|
|
</div>
|
|
<div class="topbar-right">
|
|
<?php
|
|
$config = require __DIR__ . '/config.php';
|
|
$envLabel = ($config['env'] ?? 'sandbox') === 'live' ? 'Live' : 'Sandbox';
|
|
?>
|
|
<span class="topbar-env"><?= htmlspecialchars($envLabel) ?></span>
|
|
<span class="topbar-user">admin</span>
|
|
<a href="?logout=1" class="btn-logout">Sign out</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="main">
|
|
|
|
<!-- Stat cards -->
|
|
<div class="stats">
|
|
<div class="stat-card">
|
|
<div class="stat-icon blue">🏫</div>
|
|
<div>
|
|
<div class="stat-label">Total Schools</div>
|
|
<div class="stat-value"><?= $total ?></div>
|
|
</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-icon green">✅</div>
|
|
<div>
|
|
<div class="stat-label">PayPal Ready</div>
|
|
<div class="stat-value"><?= $ready ?></div>
|
|
</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-icon red">⚠️</div>
|
|
<div>
|
|
<div class="stat-label">With Issues</div>
|
|
<div class="stat-value"><?= $withIssues ?></div>
|
|
</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-icon orange">⏳</div>
|
|
<div>
|
|
<div class="stat-label">Pending</div>
|
|
<div class="stat-value"><?= $pendingCount ?></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Connected merchants table -->
|
|
<div class="section-header">
|
|
<div>
|
|
<div class="section-title">Connected Schools</div>
|
|
<div class="section-sub">Schools that have completed PayPal onboarding</div>
|
|
</div>
|
|
<button class="btn-action blue" id="checkAllBtn" <?= $total === 0 ? 'disabled' : '' ?>>
|
|
🔄 Refresh All Statuses
|
|
</button>
|
|
</div>
|
|
|
|
<div class="table-wrap">
|
|
<?php if (empty($merchants)): ?>
|
|
<div class="empty-state">
|
|
<div class="empty-icon">🏫</div>
|
|
<p>No schools connected yet. Use the onboarding page to connect a school.</p>
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="table-scroll">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>School</th>
|
|
<th>PayPal Email</th>
|
|
<th>Status</th>
|
|
<th title="Email Confirmed / Payments Receivable / OAuth OK">Flags</th>
|
|
<th>Connected</th>
|
|
<th>Last Checked</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="merchantsTbody">
|
|
<?php foreach ($merchants as $schoolName => $m):
|
|
$ready = $m['paypal_ready'] ?? null;
|
|
$emailConf = $m['email_confirmed'] ?? null;
|
|
$paymentsRecv = $m['payments_receivable'] ?? null;
|
|
$oauthOk = $m['oauth_ok'] ?? null;
|
|
$sellerEmail = $m['seller_email'] ?? null;
|
|
$issues = $m['status_issues'] ?? [];
|
|
$connectedAt = isset($m['connected_at']) ? date('M j, Y', $m['connected_at']) : '—';
|
|
$checkedAt = isset($m['status_checked_at']) ? date('M j, Y g:i a', $m['status_checked_at']) : 'Never';
|
|
|
|
$statusBadge = $ready === null
|
|
? '<span class="badge badge-orange">⚪ Unknown</span>'
|
|
: ($ready
|
|
? '<span class="badge badge-green">✔ Ready</span>'
|
|
: '<span class="badge badge-red">✖ Issues</span>');
|
|
|
|
$flag = fn($v) => $v === null
|
|
? '<span class="flag flag-unk" title="Not checked">?</span>'
|
|
: ($v ? '<span class="flag flag-ok" title="OK">✓</span>' : '<span class="flag flag-no" title="Failing">✗</span>');
|
|
?>
|
|
<tr id="row-<?= htmlspecialchars(base64_encode($schoolName)) ?>">
|
|
<td>
|
|
<div class="school-name"><?= htmlspecialchars($schoolName) ?></div>
|
|
<div class="merchant-id"><?= htmlspecialchars($m['merchant_id'] ?? '—') ?></div>
|
|
</td>
|
|
<td>
|
|
<?php if ($sellerEmail): ?>
|
|
<span class="email-cell"><?= htmlspecialchars($sellerEmail) ?></span>
|
|
<?php else: ?>
|
|
<span class="email-none">Not checked yet</span>
|
|
<?php endif; ?>
|
|
</td>
|
|
<td>
|
|
<?= $statusBadge ?>
|
|
<?php if (!empty($issues)): ?>
|
|
<ul class="issues-list">
|
|
<?php foreach ($issues as $iss): ?>
|
|
<li><?= htmlspecialchars($iss) ?></li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
<?php endif; ?>
|
|
</td>
|
|
<td>
|
|
<div class="flags-row" title="Email Confirmed / Payments Receivable / OAuth OK">
|
|
<?= $flag($emailConf) ?>
|
|
<?= $flag($paymentsRecv) ?>
|
|
<?= $flag($oauthOk) ?>
|
|
</div>
|
|
<div style="font-size:10px;color:var(--muted);margin-top:4px;">Email / Pay / OAuth</div>
|
|
</td>
|
|
<td class="date-cell"><?= htmlspecialchars($connectedAt) ?></td>
|
|
<td class="date-cell" id="checked-<?= htmlspecialchars(base64_encode($schoolName)) ?>"><?= htmlspecialchars($checkedAt) ?></td>
|
|
<td>
|
|
<button class="btn-action ghost refresh-btn"
|
|
data-school="<?= htmlspecialchars($schoolName) ?>">
|
|
Refresh
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
<?php endforeach; ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<!-- Pending schools -->
|
|
<?php
|
|
$pendingRows = array_filter($pending, fn($p) => in_array($p['status'] ?? '', ['pending','waiting_for_paypal','incomplete_onboarding']));
|
|
?>
|
|
<?php if (!empty($pendingRows)): ?>
|
|
<div class="pending-wrap" style="margin-top:24px;">
|
|
<div class="pending-header">
|
|
⏳ Pending Onboarding
|
|
<span style="font-size:12px;color:var(--muted);font-weight:400;margin-left:4px;">(<?= count($pendingRows) ?> school<?= count($pendingRows) > 1 ? 's' : '' ?>)</span>
|
|
</div>
|
|
<?php foreach ($pendingRows as $tid => $p): ?>
|
|
<div class="pending-row">
|
|
<div>
|
|
<div class="pending-school"><?= htmlspecialchars($p['school'] ?? $tid) ?></div>
|
|
<div class="pending-meta">
|
|
Status: <strong><?= htmlspecialchars($p['status']) ?></strong>
|
|
· Started: <?= isset($p['created_at']) ? date('M j, Y', $p['created_at']) : '—' ?>
|
|
</div>
|
|
</div>
|
|
<span class="badge badge-orange">⏳ <?= htmlspecialchars(ucfirst(str_replace('_', ' ', $p['status']))) ?></span>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
</main>
|
|
<?php endif; ?>
|
|
|
|
<script>
|
|
function showToast(msg, type = 'success') {
|
|
const t = document.getElementById('toast');
|
|
if (!t) return;
|
|
t.textContent = msg;
|
|
t.className = 'show ' + type;
|
|
setTimeout(() => { t.className = ''; }, 3500);
|
|
}
|
|
|
|
function flagHtml(val, title) {
|
|
if (val === null || val === undefined) return `<span class="flag flag-unk" title="${title} — not checked">?</span>`;
|
|
return val
|
|
? `<span class="flag flag-ok" title="${title} — OK">✓</span>`
|
|
: `<span class="flag flag-no" title="${title} — Failing">✗</span>`;
|
|
}
|
|
|
|
function statusBadge(ready) {
|
|
if (ready === null || ready === undefined) return '<span class="badge badge-orange">⚪ Unknown</span>';
|
|
return ready
|
|
? '<span class="badge badge-green">✔ Ready</span>'
|
|
: '<span class="badge badge-red">✖ Issues</span>';
|
|
}
|
|
|
|
function updateRow(schoolName, data) {
|
|
const key = btoa(unescape(encodeURIComponent(schoolName)));
|
|
const row = document.getElementById('row-' + key);
|
|
if (!row) return;
|
|
|
|
const cells = row.querySelectorAll('td');
|
|
|
|
// email
|
|
cells[1].innerHTML = data.seller_email
|
|
? `<span class="email-cell">${escHtml(data.seller_email)}</span>`
|
|
: `<span class="email-none">Not available</span>`;
|
|
|
|
// status + issues
|
|
let statusHtml = statusBadge(data.paypal_ready);
|
|
if (data.issues && data.issues.length) {
|
|
statusHtml += '<ul class="issues-list">' + data.issues.map(i => `<li>${escHtml(i)}</li>`).join('') + '</ul>';
|
|
}
|
|
cells[2].innerHTML = statusHtml;
|
|
|
|
// flags
|
|
cells[3].innerHTML =
|
|
`<div class="flags-row" title="Email Confirmed / Payments Receivable / OAuth OK">
|
|
${flagHtml(data.email_confirmed, 'Email Confirmed')}
|
|
${flagHtml(data.payments_receivable, 'Payments Receivable')}
|
|
${flagHtml(data.oauth_ok, 'OAuth OK')}
|
|
</div>
|
|
<div style="font-size:10px;color:var(--muted);margin-top:4px;">Email / Pay / OAuth</div>`;
|
|
|
|
// last checked
|
|
const checkedCell = document.getElementById('checked-' + key);
|
|
if (checkedCell) checkedCell.textContent = new Date().toLocaleString('en-US', {month:'short',day:'numeric',year:'numeric',hour:'numeric',minute:'2-digit'});
|
|
}
|
|
|
|
function escHtml(str) {
|
|
return String(str).replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"');
|
|
}
|
|
|
|
// Per-row refresh buttons
|
|
document.querySelectorAll('.refresh-btn').forEach(btn => {
|
|
btn.addEventListener('click', function () {
|
|
const school = this.dataset.school;
|
|
this.disabled = true;
|
|
this.textContent = '…';
|
|
|
|
fetch('dashboard.php', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
|
|
body: 'action=check_status&school_name=' + encodeURIComponent(school)
|
|
})
|
|
.then(r => r.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
updateRow(school, data);
|
|
showToast('Status refreshed for ' + school, 'success');
|
|
} else {
|
|
showToast('Error: ' + (data.error || 'Unknown error'), 'error');
|
|
}
|
|
})
|
|
.catch(err => showToast('Request failed: ' + err.message, 'error'))
|
|
.finally(() => { this.disabled = false; this.textContent = 'Refresh'; });
|
|
});
|
|
});
|
|
|
|
// Refresh all
|
|
const checkAllBtn = document.getElementById('checkAllBtn');
|
|
if (checkAllBtn) {
|
|
checkAllBtn.addEventListener('click', function () {
|
|
this.disabled = true;
|
|
this.textContent = '⏳ Refreshing…';
|
|
|
|
fetch('dashboard.php', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
|
|
body: 'action=check_all'
|
|
})
|
|
.then(r => r.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
showToast('Refreshed ' + data.refreshed + ' school(s). Reloading…', 'success');
|
|
setTimeout(() => location.reload(), 1200);
|
|
} else {
|
|
showToast('Error: ' + (data.error || 'Unknown error'), 'error');
|
|
this.disabled = false;
|
|
this.textContent = '🔄 Refresh All Statuses';
|
|
}
|
|
})
|
|
.catch(err => {
|
|
showToast('Request failed: ' + err.message, 'error');
|
|
this.disabled = false;
|
|
this.textContent = '🔄 Refresh All Statuses';
|
|
});
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|