<?php
/**
 * PSH Survey Review Campaign
 * Location: /public_html/survey-review.php on relevantreflex.com
 *
 * Flow:
 *  Screen 1 — Welcome / Instructions
 *  Screen 2 — Site selection (all PSH sites, max 3)
 *  Screen 3 — Review form per selected site (sequential)
 *  Screen 4 — Completion / Screen-out landing
 */
require_once 'session.php';
require_once 'config.php';
requireLogin();
$user   = getCurrentUser();
$userId = (int)$user['id'];

// ── Config ────────────────────────────────────────────────────────────────
define('PSH_DBHOST', 'localhost');
define('PSH_DBNAME', 'u752449863_psh');
define('PSH_DBUSER', 'u752449863_pshadmin');
define('PSH_DBPASS', 'S@n@h2016');
define('CAMPAIGN_ID',      1);
define('MAX_REVIEWS',      3);
define('POINTS_PER_REVIEW', 10);   // ₹5
define('MIN_WORDS',        30);
define('MAX_WORDS',        250);
// Proof images now stored on PSH directly (independence signal — Google E-E-A-T)
define('UPLOAD_DIR',       'uploads/review_proofs/');
define('UPLOAD_ABS',       '/home/u752449863/domains/paidsurveyhub.in/public_html/uploads/review_proofs/');
define('UPLOAD_PUBLIC_BASE','https://www.paidsurveyhub.in/uploads/review_proofs/');
define('MAX_MEMBERS',      100);

// ── DB helpers ────────────────────────────────────────────────────────────
function pshDb() {
    static $c = null;
    if (!$c) {
        $c = new mysqli(PSH_DBHOST, PSH_DBUSER, PSH_DBPASS, PSH_DBNAME);
        if ($c->connect_errno) die('PSH DB error: '.$c->connect_error);
        $c->set_charset('utf8mb4');
    }
    return $c;
}
function rrDb() {
    static $p = null;
    if (!$p) { $db = new Database(); $p = $db->getConnection(); }
    return $p;
}

// ── Ensure tables exist ───────────────────────────────────────────────────
try {
    rrDb()->exec("CREATE TABLE IF NOT EXISTS psh_review_submissions (
        id INT AUTO_INCREMENT PRIMARY KEY,
        user_id INT NOT NULL, campaign_id INT NOT NULL DEFAULT 1,
        psh_survey_id INT NOT NULL, psh_survey_name VARCHAR(255) DEFAULT '',
        psh_review_id INT DEFAULT NULL, rating TINYINT NOT NULL,
        review_text TEXT NOT NULL, proof_filename VARCHAR(512) DEFAULT NULL,
        reviewer_name VARCHAR(100) DEFAULT NULL, member_ip VARCHAR(45) DEFAULT NULL,
        points_pending DECIMAL(10,2) DEFAULT 10.00,
        status ENUM('pending','approved','rejected') DEFAULT 'pending',
        admin_note TEXT DEFAULT NULL, submitted_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
        reviewed_at TIMESTAMP NULL DEFAULT NULL,
        UNIQUE KEY unique_user_site (user_id, psh_survey_id)
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4");

    rrDb()->exec("CREATE TABLE IF NOT EXISTS psh_campaign_status (
        user_id INT PRIMARY KEY, campaign_id INT DEFAULT 1,
        status ENUM('in_progress','completed','screened_out') DEFAULT 'in_progress',
        reviews_submitted INT DEFAULT 0, banner_closed TINYINT DEFAULT 0,
        updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4");
} catch (Exception $e) {}

if (!is_dir(UPLOAD_ABS)) mkdir(UPLOAD_ABS, 0755, true);

// ── Load campaign status for this member ──────────────────────────────────
$stmt = rrDb()->prepare("SELECT status, reviews_submitted, banner_closed FROM psh_campaign_status WHERE user_id = ? AND campaign_id = ?");
$stmt->execute([$userId, CAMPAIGN_ID]);
$campaignStatus = $stmt->fetch() ?: ['status'=>null,'reviews_submitted'=>0,'banner_closed'=>0];

// Which PSH sites already reviewed?
$stmt = rrDb()->prepare("SELECT psh_survey_id FROM psh_review_submissions WHERE user_id = ? AND campaign_id = ?");
$stmt->execute([$userId, CAMPAIGN_ID]);
$alreadyReviewedIds = $stmt->fetchAll(PDO::FETCH_COLUMN);

// ── Campaign member cap check ────────────────────────────────────────────────
$totalMembersInCampaign = 0;
try {
    $mc = rrDb()->prepare("SELECT COUNT(DISTINCT user_id) FROM psh_campaign_status WHERE campaign_id = ? AND status != 'screened_out'");
    $mc->execute([CAMPAIGN_ID]);
    $totalMembersInCampaign = (int)$mc->fetchColumn();
} catch (Exception $e) {}
$campaignFull = ($totalMembersInCampaign >= MAX_MEMBERS && (!$campaignStatus || $campaignStatus['status'] === null));

// ── Session ───────────────────────────────────────────────────────────────
if (session_status() !== PHP_SESSION_ACTIVE) session_start();
$sessKey = 'psh_camp_'.$userId;

// ── Determine screen ──────────────────────────────────────────────────────
$screen  = isset($_GET['screen'])  ? (int)$_GET['screen']  : 1;
$rIndex  = isset($_GET['ri'])      ? (int)$_GET['ri']      : 0;  // review index
$action  = $_POST['action'] ?? '';
$error   = '';

// ── Utility: close banner + set status ───────────────────────────────────
function closeCampaign($userId, $status) {
    rrDb()->prepare("INSERT INTO psh_campaign_status (user_id, campaign_id, status, banner_closed)
        VALUES (?, ?, ?, 1)
        ON DUPLICATE KEY UPDATE status=VALUES(status), banner_closed=1, updated_at=NOW()")
        ->execute([$userId, CAMPAIGN_ID, $status]);
}

// ── Action: Screen-out ────────────────────────────────────────────────────
if ($action === 'screenout') {
    closeCampaign($userId, 'screened_out');
    header('Location: survey-review.php?screen=4&result=screened_out');
    exit;
}

// ── Action: Save site selection ───────────────────────────────────────────
if ($action === 'select_sites') {
    $selected = array_map('intval', (array)($_POST['sites'] ?? []));
    $selected = array_values(array_unique(array_filter($selected)));
    $selected = array_values(array_diff($selected, $alreadyReviewedIds));

    if (count($selected) === 0) {
        $error  = 'Please select at least 1 platform you are currently a member of.';
        $screen = 2;
    } elseif (count($selected) > MAX_REVIEWS) {
        $error  = 'Please select a maximum of '.MAX_REVIEWS.' platforms.';
        $screen = 2;
    } else {
        // Validate IDs exist in PSH
        $ids    = implode(',', $selected);
        $res    = pshDb()->query("SELECT id, title FROM survey_sites WHERE id IN ($ids)");
        $valid  = [];
        while ($r = $res->fetch_assoc()) $valid[$r['id']] = $r['title'];
        $selected = array_values(array_filter($selected, fn($id) => isset($valid[$id])));

        if (empty($selected)) { $error = 'Invalid selection.'; $screen = 2; }
        else {
            $_SESSION[$sessKey] = ['sites' => $selected, 'titles' => $valid];
            rrDb()->prepare("INSERT INTO psh_campaign_status (user_id, campaign_id, status) VALUES (?,?,'in_progress')
                ON DUPLICATE KEY UPDATE status='in_progress', updated_at=NOW()")
                ->execute([$userId, CAMPAIGN_ID]);
            header('Location: survey-review.php?screen=3&ri=0');
            exit;
        }
    }
}

// ── Action: Submit review ──────────────────────────────────────────────────
if ($action === 'submit_review') {
    $sess = $_SESSION[$sessKey] ?? null;
    if (!$sess) { header('Location: survey-review.php?screen=2'); exit; }

    $ri           = (int)($_POST['ri'] ?? 0);
    $pshSurveyId  = (int)($sess['sites'][$ri] ?? 0);
    $siteName     = $sess['titles'][$pshSurveyId] ?? '';
    $rating       = (int)($_POST['rating'] ?? 0);
    $reviewText   = trim($_POST['review_text'] ?? '');
    $reviewerName = trim($_POST['reviewer_name'] ?? '') ?: explode('@', $user['email'])[0];
    $memberEmail  = $user['email'];
    $memberIp     = $_SERVER['REMOTE_ADDR'] ?? '0.0.0.0';
    $wordCount    = str_word_count($reviewText);

    // Validations
    if ($rating < 1 || $rating > 5)                   $error = 'Please select a star rating.';
    elseif ($wordCount < MIN_WORDS)                    $error = 'Review too short — minimum '.MIN_WORDS.' words. You wrote '.$wordCount.'.';
    elseif ($wordCount > MAX_WORDS)                    $error = 'Review too long — maximum '.MAX_WORDS.' words. You wrote '.$wordCount.'.';
    elseif (empty($_FILES['proof']['name']) || $_FILES['proof']['error'] !== UPLOAD_ERR_OK)
                                                       $error = 'Proof screenshot is mandatory. Please upload an image or PDF.';

    if (empty($error)) {
        // Handle file upload
        $allowedTypes = ['image/jpeg','image/jpg','image/png','image/gif','application/pdf'];
        $fileType     = mime_content_type($_FILES['proof']['tmp_name']);
        $fileSize     = $_FILES['proof']['size'];

        if (!in_array($fileType, $allowedTypes))       $error = 'Only JPG, PNG, GIF, or PDF files are allowed.';
        elseif ($fileSize > 5 * 1024 * 1024)          $error = 'File must be under 5MB.';
        else {
            $ext      = strtolower(pathinfo($_FILES['proof']['name'], PATHINFO_EXTENSION));
            $fname    = 'rr_'.$userId.'_'.$pshSurveyId.'_'.time().'.'.$ext;
            $dest     = UPLOAD_ABS.$fname;
            $proofUrl = UPLOAD_PUBLIC_BASE.$fname;
            $proofType = (strpos($fileType,'pdf') !== false) ? 'pdf' : 'image';

            // Ensure destination directory exists (cross-domain target on PSH)
            if (!is_dir(UPLOAD_ABS)) {
                @mkdir(UPLOAD_ABS, 0755, true);
            }

            if (!move_uploaded_file($_FILES['proof']['tmp_name'], $dest)) {
                $error = 'File upload failed. Please try again.';
                error_log('[survey-review] move_uploaded_file failed. dest='.$dest);
            }
        }
    }

    if (empty($error)) {
        // Check PSH duplicate
        $psh = pshDb();
        $dup = $psh->prepare("SELECT COUNT(*) FROM survey_reviews WHERE survey_id=? AND reviewer_email=?");
        $dup->bind_param('is', $pshSurveyId, $memberEmail);
        $dup->execute();
        $dup->bind_result($dupCnt);
        $dup->fetch();
        $dup->close();

        if ($dupCnt > 0) {
            $error = 'You have already submitted a review for '.htmlspecialchars($siteName).' on PaidSurveyHub.';
        } else {
            // Insert into PSH — using member's real IP
            $colCheck = $psh->query("SHOW COLUMNS FROM survey_reviews LIKE 'proof_file'");
            $hasProof = ($colCheck->num_rows > 0);
            $colCheck2 = $psh->query("SHOW COLUMNS FROM survey_reviews LIKE 'rr_campaign'");
            $hasRrCol = ($colCheck2->num_rows > 0);

            if ($hasProof && $hasRrCol) {
                $ins = $psh->prepare("INSERT INTO survey_reviews
                    (survey_id, member_id, reviewer_name, reviewer_email, rating, feedback,
                     proof_file, proof_type, newsletter_consent, ip_address, is_approved, rr_campaign, rr_member_id, created_at)
                    VALUES (?, NULL, ?, ?, ?, ?, ?, ?, 0, ?, 0, 1, ?, NOW())");
                $ins->bind_param('isssssssi', $pshSurveyId, $reviewerName, $memberEmail,
                    $rating, $reviewText, $proofUrl, $proofType, $memberIp, $userId);
            } elseif ($hasProof) {
                $ins = $psh->prepare("INSERT INTO survey_reviews
                    (survey_id, member_id, reviewer_name, reviewer_email, rating, feedback,
                     proof_file, proof_type, newsletter_consent, ip_address, is_approved, created_at)
                    VALUES (?, NULL, ?, ?, ?, ?, ?, ?, 0, ?, 0, NOW())");
                $ins->bind_param('isssssss', $pshSurveyId, $reviewerName, $memberEmail,
                    $rating, $reviewText, $proofUrl, $proofType, $memberIp);
            } else {
                $ins = $psh->prepare("INSERT INTO survey_reviews
                    (survey_id, member_id, rating, feedback, ip_address, is_approved, created_at)
                    VALUES (?, NULL, ?, ?, ?, 0, NOW())");
                $ins->bind_param('iiss', $pshSurveyId, $rating, $reviewText, $memberIp);
            }

            if ($ins->execute()) {
                $pshReviewId = $psh->insert_id;

                // Save to RR tracking (status=pending — no points yet)
                rrDb()->prepare("INSERT IGNORE INTO psh_review_submissions
                    (user_id, campaign_id, psh_survey_id, psh_survey_name, psh_review_id,
                     rating, review_text, proof_filename, reviewer_name, member_ip, points_pending, status)
                    VALUES (?,?,?,?,?,?,?,?,?,?,?,'pending')")
                    ->execute([$userId, CAMPAIGN_ID, $pshSurveyId, $siteName, $pshReviewId,
                               $rating, $reviewText, $proofUrl, $reviewerName, $memberIp, POINTS_PER_REVIEW]);

                // Increment count in campaign status
                rrDb()->prepare("INSERT INTO psh_campaign_status (user_id, campaign_id, status, reviews_submitted)
                    VALUES (?,?,'in_progress',1)
                    ON DUPLICATE KEY UPDATE reviews_submitted=reviews_submitted+1, updated_at=NOW()")
                    ->execute([$userId, CAMPAIGN_ID]);

                $nextRi = $ri + 1;
                $total  = count($sess['sites']);
                if ($nextRi < $total) {
                    header('Location: survey-review.php?screen=3&ri='.$nextRi);
                } else {
                    // All done — close campaign, keep pending
                    closeCampaign($userId, 'completed');
                    unset($_SESSION[$sessKey]);
                    header('Location: survey-review.php?screen=4&result=completed');
                }
                exit;
            } else {
                $error = 'Could not save review. Please try again.';
            }
        }
    }
    $screen = 3; // Fall through to review form with error
}

// ── Load PSH sites ─────────────────────────────────────────────────────────
$pshSites = [];
$res = pshDb()->query("SELECT id, title FROM survey_sites ORDER BY CASE WHEN rank IS NULL THEN 1 ELSE 0 END, rank ASC, title ASC");
while ($r = $res->fetch_assoc()) $pshSites[] = $r;

// ── Session data for screen 3 ──────────────────────────────────────────────
$sess         = $_SESSION[$sessKey] ?? null;
$currentSite  = null;
$totalSites   = 0;
if ($screen === 3 && $sess) {
    $totalSites  = count($sess['sites']);
    $pshSurveyId = $sess['sites'][$rIndex] ?? 0;
    $currentSite = ['id'=>$pshSurveyId, 'title'=>$sess['titles'][$pshSurveyId]??''];
} elseif ($screen === 3 && !$sess) {
    header('Location: survey-review.php?screen=2');
    exit;
}

// Reload reviews done count
$stmt = rrDb()->prepare("SELECT COUNT(*) FROM psh_review_submissions WHERE user_id=? AND campaign_id=?");
$stmt->execute([$userId, CAMPAIGN_ID]);
$reviewsDone = (int)$stmt->fetchColumn();

// Reload campaign status row
$stmt = rrDb()->prepare("SELECT status, reviews_submitted, banner_closed FROM psh_campaign_status WHERE user_id=?");
$stmt->execute([$userId]);
$cs = $stmt->fetch() ?: ['status'=>null,'reviews_submitted'=>0,'banner_closed'=>0];
?>
<!DOCTYPE html>
<html lang="en">
<head>
<?php require_once 'gtag.php'; ?>
<title>Survey Review Campaign — Relevant Reflex</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex,nofollow">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%23059669'/%3E%3Ctext x='16' y='22' font-family='Arial' font-size='18' font-weight='bold' fill='white' text-anchor='middle'%3ERR%3C/text%3E%3C/svg%3E">
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<style>
:root{--g900:#064e3b;--g800:#065f46;--g700:#047857;--g600:#059669;--g500:#10b981;--g400:#34d399;--g300:#6ee7b7;--g200:#a7f3d0;--g100:#d1fae5;--g50:#ecfdf5;--s900:#0f172a;--s800:#1e293b;--s700:#334155;--s600:#475569;--s500:#64748b;--s400:#94a3b8;--s300:#cbd5e1;--s200:#e2e8f0;--s100:#f1f5f9;--s50:#f8fafc;--w:#fff;--amber:#f59e0b;--red:#ef4444;--r:10px}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--s100);color:var(--s900);min-height:100vh}
.topbar{background:var(--g900);padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
.topbar-brand{font-weight:800;font-size:17px;color:#fff}
.topbar-brand span{color:var(--g400)}
.topbar a{color:var(--g300);text-decoration:none;font-size:13px;font-weight:600}
.topbar a:hover{color:#fff}
.wrap{max-width:700px;margin:0 auto;padding:2rem 1.25rem 5rem}

/* Progress bar */
.progress-bar-wrap{background:var(--s200);border-radius:99px;height:6px;margin-bottom:1.75rem;overflow:hidden}
.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--g600),var(--g400));border-radius:99px;transition:width .4s}

/* Header card */
.header-card{background:linear-gradient(135deg,var(--g900),var(--g700));color:#fff;border-radius:14px;padding:2rem;margin-bottom:1.5rem;position:relative;overflow:hidden}
.header-card::after{content:'';position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.04);top:-60px;right:-40px;pointer-events:none}
.header-card h1{font-size:1.3rem;font-weight:800;margin-bottom:.5rem}
.header-card p{font-size:.88rem;color:rgba(255,255,255,.78);line-height:1.7}
.badge-pill{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:var(--g300);font-size:.75rem;font-weight:700;padding:.3rem .85rem;border-radius:99px;margin-top:.75rem}

/* Card */
.card{background:var(--w);border:1.5px solid var(--s200);border-radius:14px;padding:1.75rem;margin-bottom:1.25rem}
.card h2{font-size:1.05rem;font-weight:700;margin-bottom:.35rem}
.card .sub{font-size:.83rem;color:var(--s500);margin-bottom:1.25rem;line-height:1.6}

/* Error */
.err-box{background:#fef2f2;border:1.5px solid #fca5a5;border-radius:8px;padding:.85rem 1rem;color:#991b1b;font-size:.86rem;margin-bottom:1.25rem;font-weight:500}

/* Sites grid */
.sites-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:1.25rem}
@media(max-width:480px){.sites-grid{grid-template-columns:1fr}}
.site-label{display:flex;align-items:center;gap:.6rem;background:var(--s50);border:1.5px solid var(--s200);border-radius:8px;padding:.65rem .85rem;cursor:pointer;font-size:.87rem;font-weight:500;transition:all .15s}
.site-label:has(input:checked){border-color:var(--g600);background:var(--g50);color:var(--g800)}
.site-label.done{opacity:.45;pointer-events:none;cursor:default}
.site-label input{flex-shrink:0;accent-color:var(--g600)}

/* Star rating */
.star-wrap{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:.35rem;margin-bottom:1rem}
.star-wrap input{display:none}
.star-wrap label{font-size:2.2rem;color:var(--s300);cursor:pointer;transition:color .1s;line-height:1}
.star-wrap input:checked ~ label,.star-wrap label:hover,.star-wrap label:hover ~ label{color:var(--amber)}

/* Form elements */
.form-lbl{display:block;font-size:.85rem;font-weight:600;color:var(--s700);margin-bottom:.4rem}
.form-lbl span{color:var(--red)}
.form-ctrl{width:100%;padding:.7rem .9rem;border:1.5px solid var(--s300);border-radius:8px;font-family:inherit;font-size:.9rem;color:var(--s900);transition:border-color .2s}
.form-ctrl:focus{outline:none;border-color:var(--g500);box-shadow:0 0 0 3px rgba(5,150,105,.1)}
textarea.form-ctrl{resize:vertical;min-height:130px;line-height:1.65}
.word-counter{font-size:.78rem;color:var(--s400);margin-top:.3rem;text-align:right}
.word-counter.ok{color:var(--g700)}
.word-counter.over{color:var(--red);font-weight:700}

/* Upload zone */
.upload-zone{border:2px dashed var(--s300);border-radius:10px;padding:1.5rem;text-align:center;cursor:pointer;position:relative;background:var(--s50);transition:all .2s}
.upload-zone:hover,.upload-zone.drag{border-color:var(--g600);background:var(--g50)}
.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.upload-zone .uz-icon{font-size:2rem;margin-bottom:.4rem;color:var(--s400)}
.upload-zone .uz-main{font-size:.88rem;font-weight:600;color:var(--s700)}
.upload-zone .uz-sub{font-size:.75rem;color:var(--s400);margin-top:.25rem}
.proof-preview{display:none;margin-top:.75rem;background:var(--g50);border:1.5px solid var(--g300);border-radius:7px;padding:.6rem 1rem;font-size:.82rem;color:var(--g800);align-items:center;gap:.6rem}
.proof-preview button{margin-left:auto;background:none;border:none;color:var(--red);font-weight:700;cursor:pointer;font-size:.82rem}

/* Dots progress */
.dots-row{display:flex;gap:.5rem;margin-bottom:1.25rem;align-items:center}
.dot{width:10px;height:10px;border-radius:50%;background:var(--s200);transition:background .3s}
.dot.done{background:var(--g600)}
.dot.active{background:var(--amber);width:14px;height:14px}

/* Info box */
.info-box{background:var(--g50);border:1.5px solid var(--g200);border-radius:8px;padding:.85rem 1rem;font-size:.82rem;color:var(--g800);margin-bottom:1.25rem;line-height:1.6}
.warn-box{background:#fff8e1;border:1.5px solid #fde047;border-radius:8px;padding:.85rem 1rem;font-size:.82rem;color:#78350f;margin-bottom:1.25rem;line-height:1.6}

/* Buttons */
.btn-primary{width:100%;padding:.85rem;background:var(--g600);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}
.btn-primary:hover{background:var(--g700)}
.btn-primary:disabled{opacity:.6;cursor:default}
.btn-ghost{background:none;border:1.5px solid var(--s300);border-radius:8px;color:var(--s600);padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}
.btn-ghost:hover{border-color:var(--s500);color:var(--s800)}

/* Completion */
.complete-card{text-align:center;padding:2.5rem 1.5rem}
.complete-icon{font-size:4.5rem;margin-bottom:1rem;display:block}
.pending-badge{display:inline-block;background:#fff8e1;border:1.5px solid #fde047;color:#78350f;border-radius:8px;padding:.6rem 1.25rem;font-size:.88rem;font-weight:700;margin:1rem 0}
.action-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}
.action-row a{padding:.7rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:.9rem}
.btn-link-green{background:var(--g600);color:#fff}
.btn-link-outline{border:1.5px solid var(--g600);color:var(--g700)}

/* Aspect list */
.aspect-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 0}
.aspect-tag{background:var(--s100);border:1px solid var(--s200);border-radius:6px;padding:.25rem .65rem;font-size:.75rem;color:var(--s600);cursor:pointer;transition:all .15s}
.aspect-tag:hover{background:var(--g50);border-color:var(--g300);color:var(--g700)}
</style>
</head>
<body>

<div class="topbar">
    <div class="topbar-brand">Relevant<span>Reflex</span></div>
    <a href="dashboard.php"><i class="fa fa-arrow-left"></i> Dashboard</a>
</div>

<div class="wrap">

<?php
// ═══════════════════ SCREEN 1 — WELCOME ═══════════════════════
if ($screen === 1):
    // If already completed/screened — redirect to screen 4
    if ($cs['status'] === 'completed' || $cs['status'] === 'screened_out') {
        header('Location: survey-review.php?screen=4&result='.$cs['status']);
        exit;
    }
?>
<div class="progress-bar-wrap"><div class="progress-bar-fill" style="width:25%"></div></div>

<div class="header-card">
    <h1>📋 Survey Platform Review</h1>
    <p>This is a research activity initiated by <strong>Paid Survey Hub India (paidsurveyhub.in)</strong> — India's independent survey platform directory. They would like your genuine, first-hand reviews about online survey platforms you are currently a member of.</p>
    <span class="badge-pill">Earn ₹5 per review · Up to ₹15 total · Pending admin approval</span>
</div>

<div class="card">
    <h2>Before You Begin — Please Read</h2>
    <div class="sub">This review helps thousands of Indians choose the right survey platforms. Your honesty is what makes it valuable.</div>

    <div style="display:grid;gap:.75rem;margin-bottom:1.5rem">
        <div style="display:flex;gap:.75rem;align-items:flex-start;padding:.9rem;background:var(--s50);border-radius:8px;border:1px solid var(--s200)">
            <div style="font-size:1.3rem;flex-shrink:0">✅</div>
            <div>
                <div style="font-weight:700;font-size:.88rem;margin-bottom:.2rem">Only platforms you actively use</div>
                <div style="font-size:.81rem;color:var(--s500);line-height:1.6">Select only platforms where you currently have a member account. Reviews must reflect your real experience.</div>
            </div>
        </div>
        <div style="display:flex;gap:.75rem;align-items:flex-start;padding:.9rem;background:var(--s50);border-radius:8px;border:1px solid var(--s200)">
            <div style="font-size:1.3rem;flex-shrink:0">📎</div>
            <div>
                <div style="font-weight:700;font-size:.88rem;margin-bottom:.2rem">Proof is mandatory for every site</div>
                <div style="font-size:.81rem;color:var(--s500);line-height:1.6">Upload a screenshot of your account dashboard, rewards section, payment proof, or support interaction for each platform selected.</div>
            </div>
        </div>
        <div style="display:flex;gap:.75rem;align-items:flex-start;padding:.9rem;background:var(--s50);border-radius:8px;border:1px solid var(--s200)">
            <div style="font-size:1.3rem;flex-shrink:0">💰</div>
            <div>
                <div style="font-weight:700;font-size:.88rem;margin-bottom:.2rem">₹5 per review — pending approval</div>
                <div style="font-size:.81rem;color:var(--s500);line-height:1.6">Points are credited to your Relevant Reflex account after our team verifies your submission. You may review 1 to 3 platforms.</div>
            </div>
        </div>
        <div style="display:flex;gap:.75rem;align-items:flex-start;padding:.9rem;background:var(--s50);border-radius:8px;border:1px solid var(--s200)">
            <div style="font-size:1.3rem;flex-shrink:0">💬</div>
            <div>
                <div style="font-weight:700;font-size:.88rem;margin-bottom:.2rem">You may review any aspect</div>
                <div style="font-size:.81rem;color:var(--s500);line-height:1.6">App experience, survey frequency, points system, redemption process, payment speed, customer support — any honest observation is welcome.</div>
            </div>
        </div>
    </div>

    <div class="warn-box"><strong>⚠ Not a member of any platform below?</strong> Please click "I haven't used any" and exit. Do not submit a review for a platform you haven't personally used.</div>

    <?php if ($campaignFull): ?>
    <div class="warn-box" style="text-align:center;font-size:.9rem;">
        <strong>⏰ Campaign Full</strong><br>
        We have reached our target of <?php echo MAX_MEMBERS; ?> members for this review campaign. Thank you for your interest — watch out for the next campaign!
    </div>
    <?php else: ?>
    <a href="survey-review.php?screen=2" class="btn-primary" style="display:block;text-align:center;text-decoration:none;padding:.85rem">
        I Understand — Continue →
    </a>
    <?php endif ?>
    <div style="text-align:center;margin-top:.75rem">
        <form method="POST" style="display:inline">
            <input type="hidden" name="action" value="screenout">
            <button type="submit" class="btn-ghost">I haven't used any of these platforms</button>
        </form>
    </div>
</div>

<?php
// ═══════════════════ SCREEN 2 — SITE SELECTION ════════════════════
elseif ($screen === 2):
?>
<div class="progress-bar-wrap"><div class="progress-bar-fill" style="width:50%"></div></div>

<div class="header-card">
    <h1>Select Platforms You've Used</h1>
    <p>Choose 1 to <?= MAX_REVIEWS ?> survey platforms you are <strong>currently a member of</strong>. You will need to provide proof for each one you select.</p>
    <span class="badge-pill">Maximum <?= MAX_REVIEWS ?> selections</span>
</div>

<?php if ($error): ?><div class="err-box"><i class="fa fa-exclamation-triangle"></i> <?= htmlspecialchars($error) ?></div><?php endif ?>

<div class="card">
    <form method="POST" action="survey-review.php" id="selForm">
        <input type="hidden" name="action" value="select_sites">

        <div style="font-size:.85rem;color:var(--s500);margin-bottom:1rem;line-height:1.6">
            Tick the platforms where you have an active member account. If a platform is greyed out, you have already submitted a review for it.
        </div>

        <div class="sites-grid">
            <?php foreach ($pshSites as $site):
                $done = in_array($site['id'], $alreadyReviewedIds);
            ?>
            <label class="site-label<?= $done ? ' done' : '' ?>">
                <input type="checkbox" name="sites[]" value="<?= $site['id'] ?>"
                    <?= $done ? 'checked disabled' : '' ?>>
                <?= htmlspecialchars($site['title']) ?>
                <?php if ($done): ?><span style="margin-left:auto;color:var(--g700);font-size:.75rem">✓ Done</span><?php endif ?>
            </label>
            <?php endforeach ?>
        </div>

        <div class="warn-box" style="margin-bottom:1.25rem">
            <strong>Remember:</strong> You must upload a screenshot proof (account page, rewards, payment, or support) for each platform you select. Reviews without proof will not be approved.
        </div>

        <button type="submit" class="btn-primary">Proceed to Review →</button>
    </form>
    <form method="POST" action="survey-review.php" style="margin-top:.75rem">
        <input type="hidden" name="action" value="screenout">
        <button type="submit" class="btn-ghost" style="width:100%">Exit Campaign</button>
    </form>
</div>

<script>
var cbs = document.querySelectorAll('input[name="sites[]"]:not(:disabled)');
cbs.forEach(function(cb){
    cb.addEventListener('change', function(){
        var checked = document.querySelectorAll('input[name="sites[]"]:not(:disabled):checked');
        if (checked.length > <?= MAX_REVIEWS ?>) {
            this.checked = false;
            alert('You can select a maximum of <?= MAX_REVIEWS ?> platforms.');
        }
    });
});
</script>

<?php
// ═══════════════════ SCREEN 3 — REVIEW FORM ═══════════════════════
elseif ($screen === 3 && $currentSite):
    $pos = $rIndex + 1;
?>
<div class="progress-bar-wrap"><div class="progress-bar-fill" style="width:<?= 50 + ($pos/$totalSites)*40 ?>%"></div></div>

<div class="header-card">
    <h1>Review <?= $pos ?> of <?= $totalSites ?>: <?= htmlspecialchars($currentSite['title']) ?></h1>
    <p>Share your honest experience. You can review any aspect — app, surveys, payments, support etc. Minimum <?= MIN_WORDS ?> words, maximum <?= MAX_WORDS ?> words.</p>
    <span class="badge-pill">+10 points (₹5) after approval</span>
</div>

<!-- Progress dots -->
<div class="dots-row">
    <?php for ($i=0; $i<$totalSites; $i++): ?>
    <div class="dot <?= $i < $rIndex ? 'done' : ($i===$rIndex ? 'active' : '') ?>"></div>
    <?php endfor ?>
    <span style="font-size:.78rem;color:var(--s400);margin-left:.35rem"><?= $pos ?>/<?= $totalSites ?></span>
</div>

<?php if ($error): ?><div class="err-box"><i class="fa fa-exclamation-triangle"></i> <?= htmlspecialchars($error) ?></div><?php endif ?>

<div class="card">
    <form method="POST" action="survey-review.php" enctype="multipart/form-data" id="reviewForm">
        <input type="hidden" name="action" value="submit_review">
        <input type="hidden" name="ri" value="<?= $rIndex ?>">

        <!-- Star rating -->
        <div style="margin-bottom:1.25rem">
            <label class="form-lbl">Overall Rating <span>*</span></label>
            <div class="star-wrap">
                <?php for ($i=5;$i>=1;$i--): ?>
                <input type="radio" name="rating" id="s<?= $i ?>" value="<?= $i ?>" required>
                <label for="s<?= $i ?>" title="<?= $i ?> star<?= $i>1?'s':'' ?>">★</label>
                <?php endfor ?>
            </div>
        </div>

        <!-- Reviewer name -->
        <div style="margin-bottom:1.25rem">
            <label class="form-lbl" for="rname">Your Display Name <span>*</span></label>
            <input type="text" id="rname" name="reviewer_name" class="form-ctrl"
                value="<?= htmlspecialchars(explode('@',$user['email'])[0]) ?>"
                placeholder="Name shown on the review" required>
            <div style="font-size:.76rem;color:var(--s400);margin-top:.3rem">This name will be visible publicly on Paid Survey Hub India</div>
        </div>

        <!-- Aspect tags helper -->
        <div style="margin-bottom:.5rem">
            <label class="form-lbl">Review Aspects (click to insert into review)</label>
            <div class="aspect-tags">
                <?php foreach(['App/website usability','Survey frequency','Survey quality','Points system','Redemption process','Payment speed','Payout methods','Customer support','Account setup','Profile completion','Disqualification rate','Minimum payout','Overall experience'] as $asp): ?>
                <span class="aspect-tag" onclick="insertAspect('<?= addslashes($asp) ?>')"><?= $asp ?></span>
                <?php endforeach ?>
            </div>
        </div>

        <!-- Review text -->
        <div style="margin-bottom:1.25rem">
            <label class="form-lbl" for="rtext">Your Review <span>*</span><span style="font-weight:400;color:var(--s400);font-size:.8rem"> (<?= MIN_WORDS ?>–<?= MAX_WORDS ?> words)</span></label>
            <textarea id="rtext" name="review_text" class="form-ctrl" rows="7"
                placeholder="Share your honest experience with <?= htmlspecialchars($currentSite['title']) ?>. You can mention the app experience, how often you receive surveys, how many you qualify for, the points/rewards system, how easy redemption is, payment speed, and any customer support experiences. Positive or negative — all genuine feedback is valuable."
                required><?= isset($_POST['review_text']) ? htmlspecialchars($_POST['review_text']) : '' ?></textarea>
            <div class="word-counter" id="wordCount">0 words</div>
        </div>

        <!-- Proof upload -->
        <div style="margin-bottom:1.5rem">
            <label class="form-lbl">Proof Screenshot / Document <span>*</span></label>
            <div style="font-size:.8rem;color:var(--s500);margin-bottom:.6rem;line-height:1.6">
                Upload <strong>one of the following</strong>: your account/member page, rewards balance section, payment confirmation, or support chat. This confirms you are an active member.
            </div>
            <div class="upload-zone" id="uploadZone">
                <div class="uz-icon"><i class="fa fa-cloud-upload-alt"></i></div>
                <div class="uz-main">Drop file here or click to browse</div>
                <div class="uz-sub">JPG, PNG, GIF or PDF · Max 5MB</div>
                <input type="file" name="proof" id="proofFile" accept="image/jpeg,image/jpg,image/png,image/gif,application/pdf" required>
            </div>
            <div class="proof-preview" id="proofPreview">
                <i class="fa fa-file"></i>
                <span id="proofName"></span>
                <button type="button" onclick="clearProof()">✕ Remove</button>
            </div>
        </div>

        <div class="info-box">
            <strong>📌 Note:</strong> Your review will be submitted to Paid Survey Hub India under your display name with your current IP address. It will be pending admin approval before appearing publicly. Your email address will never be displayed publicly.
        </div>

        <button type="submit" class="btn-primary" id="submitBtn">
            Submit Review & Earn 10 Points →
        </button>
    </form>
</div>

<script>
// Word counter
var ta = document.getElementById('rtext');
var wc = document.getElementById('wordCount');
function countWords(str){ return str.trim() === '' ? 0 : str.trim().split(/\s+/).length; }
ta.addEventListener('input', function(){
    var n = countWords(this.value);
    var min = <?= MIN_WORDS ?>, max = <?= MAX_WORDS ?>;
    wc.textContent = n + ' word' + (n!==1?'s':'');
    if (n < min)       { wc.className='word-counter'; wc.textContent += ' (need '+min+' min)'; }
    else if (n > max)  { wc.className='word-counter over'; wc.textContent += ' (max '+max+' — too long)'; }
    else               { wc.className='word-counter ok'; wc.textContent += ' ✓'; }
});
// Trigger on load if repopulated
if (ta.value) ta.dispatchEvent(new Event('input'));

// Aspect tag insert
function insertAspect(tag) {
    var v = ta.value.trim();
    ta.value = v + (v ? ' ' : '') + tag + ' — ';
    ta.focus();
    ta.dispatchEvent(new Event('input'));
}

// File preview
document.getElementById('proofFile').addEventListener('change', function(){
    var f = this.files[0];
    if (!f) return;
    document.getElementById('proofName').textContent = f.name + ' ('+(f.size/1024/1024).toFixed(2)+'MB)';
    document.getElementById('proofPreview').style.display = 'flex';
    document.getElementById('uploadZone').classList.add('drag');
});
function clearProof(){
    document.getElementById('proofFile').value='';
    document.getElementById('proofPreview').style.display='none';
    document.getElementById('uploadZone').classList.remove('drag');
}

// Drag over
var uz = document.getElementById('uploadZone');
uz.addEventListener('dragover', function(e){ e.preventDefault(); this.classList.add('drag'); });
uz.addEventListener('dragleave', function(){ this.classList.remove('drag'); });
uz.addEventListener('drop', function(e){
    e.preventDefault(); this.classList.remove('drag');
    var f = e.dataTransfer.files[0];
    if (f) { document.getElementById('proofFile').files = e.dataTransfer.files; document.getElementById('proofFile').dispatchEvent(new Event('change')); }
});

// Prevent double submit
document.getElementById('reviewForm').addEventListener('submit', function(){
    var btn = document.getElementById('submitBtn');
    btn.disabled = true;
    btn.textContent = 'Submitting…';
});
</script>

<?php
// ═══════════════════ SCREEN 4 — COMPLETION / SCREENOUT ════════════════════
elseif ($screen === 4):
    $result = $_GET['result'] ?? 'completed';
    $isComplete = ($result === 'completed');
    // Reload reviews done
    $stmt = rrDb()->prepare("SELECT COUNT(*) FROM psh_review_submissions WHERE user_id=? AND campaign_id=?");
    $stmt->execute([$userId, CAMPAIGN_ID]);
    $rd = (int)$stmt->fetchColumn();
?>
<div class="progress-bar-wrap"><div class="progress-bar-fill" style="width:100%"></div></div>

<div class="card complete-card">
    <?php if ($isComplete): ?>
    <span class="complete-icon">🎉</span>
    <h2 style="font-size:1.4rem;margin-bottom:.5rem">Thank You!</h2>
    <p style="color:var(--s500);font-size:.95rem;margin-bottom:.75rem">You have submitted <strong><?= $rd ?> review<?= $rd!==1?'s':'' ?></strong> successfully.</p>
    <div class="pending-badge">
        ⏳ ₹<?= $rd * 5 ?> (<?= $rd * POINTS_PER_REVIEW ?> points) — Pending Admin Approval
    </div>
    <p style="font-size:.83rem;color:var(--s500);line-height:1.7;max-width:480px;margin:1rem auto">
        Your reviews are being reviewed by our team. Points will be credited to your Relevant Reflex account once approved — usually within 24–48 hours. Your reviews will also appear on <strong>paidsurveyhub.in</strong> after approval.
    </p>
    <?php else: ?>
    <span class="complete-icon">👋</span>
    <h2 style="font-size:1.4rem;margin-bottom:.5rem">No Worries!</h2>
    <p style="color:var(--s500);font-size:.95rem;margin-bottom:.75rem">This campaign is for members of other survey platforms. Since you're not currently a member of any of the listed sites, you're not eligible at this time.</p>
    <p style="font-size:.83rem;color:var(--s500);line-height:1.7;max-width:480px;margin:1rem auto">
        If you join any of the platforms listed on <a href="https://www.paidsurveyhub.in" target="_blank" style="color:var(--g700)">PaidSurveyHub India</a> in the future and accumulate some experience, you can participate in future review campaigns.
    </p>
    <?php endif ?>
    <div class="action-row">
        <a href="dashboard.php" class="action-row a btn-link-green" style="padding:.7rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:.9rem;background:var(--g600);color:#fff">Go to Dashboard</a>
        <?php if ($isComplete): ?>
        <a href="redemption.php" style="padding:.7rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:.9rem;border:1.5px solid var(--g600);color:var(--g700)">View Rewards</a>
        <?php endif ?>
    </div>
</div>

<?php endif ?>

</div><!-- /wrap -->
<script src="assets/js/jquery-1.11.0.min.js" defer></script>
<script src="assets/js/bootstrap.bundle.min.js" defer></script>
</body>
</html>