<?php
require_once 'config/config.php';

if (!isset($_GET['id']) || !is_numeric($_GET['id'])) {
    header('Location: ' . SITE_URL . '/');
    exit;
}
$survey_id = (int)$_GET['id'];

// Fetch survey
$sql = "SELECT s.*, COALESCE(AVG(r.rating), 0) as avg_rating, COUNT(r.id) as review_count
        FROM survey_sites s
        LEFT JOIN survey_reviews r ON s.id = r.survey_id AND r.is_approved = 1
        WHERE s.id = $survey_id GROUP BY s.id";
$result = $conn->query($sql);
if (!$result || $result->num_rows == 0) {
    header('Location: ' . SITE_URL . '/');
    exit;
}
$survey = $result->fetch_assoc();

// Check if proof columns exist before selecting them
$proof_cols = '';
$cols_result = $conn->query("SHOW COLUMNS FROM survey_reviews LIKE 'proof_file'");
if ($cols_result && $cols_result->num_rows > 0) {
    $proof_cols = ', proof_file, proof_type';
}

// Fetch approved reviews
$reviews_sql = "SELECT rating, feedback{$proof_cols}, reviewer_name, reviewer_location, reviewer_email, created_at, helpful_count
                FROM survey_reviews
                WHERE survey_id = $survey_id AND is_approved = 1
                ORDER BY created_at DESC LIMIT 20";
$reviews_result = $conn->query($reviews_sql);

// Rating breakdown
$breakdown_sql = "SELECT rating, COUNT(*) as cnt FROM survey_reviews
                  WHERE survey_id = $survey_id AND is_approved = 1
                  GROUP BY rating ORDER BY rating DESC";
$breakdown_result = $conn->query($breakdown_sql);
$breakdown = [5=>0, 4=>0, 3=>0, 2=>0, 1=>0];
if ($breakdown_result) {
    while ($row = $breakdown_result->fetch_assoc()) {
        $breakdown[(int)$row['rating']] = (int)$row['cnt'];
    }
}

// Handle review submission
$review_success = false;
$review_error   = '';

if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['submit_review'])) {
    // Honeypot spam check
    if (!empty($_POST['website_url'])) {
        $review_error = 'Spam detected.';
    } else {
        $rating             = (int)($_POST['rating'] ?? 0);
        $feedback           = trim($conn->real_escape_string($_POST['feedback'] ?? ''));
        $name               = trim($conn->real_escape_string(substr($_POST['reviewer_name'] ?? '', 0, 100)));
        $location           = trim($conn->real_escape_string(substr($_POST['reviewer_location'] ?? '', 0, 100)));
        $email_raw          = trim($_POST['reviewer_email'] ?? '');
        $newsletter_consent = isset($_POST['newsletter_consent']) ? 1 : 0;
        $ip                 = $conn->real_escape_string($_SERVER['REMOTE_ADDR'] ?? '');

        // Validate
        if ($rating < 1 || $rating > 5) {
            $review_error = 'Please select a star rating.';
        } elseif (empty($name)) {
            $review_error = 'Please enter your name.';
        } elseif (empty($email_raw) || !filter_var($email_raw, FILTER_VALIDATE_EMAIL)) {
            $review_error = 'Please enter a valid email address. Your email is required to verify your review.';
        } elseif (strlen($feedback) < 20) {
            $review_error = 'Please write at least 20 characters in your review.';
        } else {
            $email = $conn->real_escape_string(substr($email_raw, 0, 255));

            // Handle proof file upload
            $proof_file = null;
            $proof_type = null;
            if (!empty($_FILES['proof_file']['name']) && $_FILES['proof_file']['error'] === UPLOAD_ERR_OK) {
                $allowed_types = ['image/jpeg','image/jpg','image/png','image/gif','application/pdf'];
                $file_type     = mime_content_type($_FILES['proof_file']['tmp_name']);
                $file_size     = $_FILES['proof_file']['size'];
                if (!in_array($file_type, $allowed_types)) {
                    $review_error = 'Only JPG, PNG, GIF images or PDF files are allowed as proof.';
                } elseif ($file_size > 5 * 1024 * 1024) {
                    $review_error = 'Proof file must be under 5MB.';
                } else {
                    $ext        = pathinfo($_FILES['proof_file']['name'], PATHINFO_EXTENSION);
                    $proof_file = 'review_proof_' . time() . '_' . rand(1000,9999) . '.' . strtolower($ext);
                    $upload_dir = 'uploads/review_proofs/';
                    if (!is_dir($upload_dir)) mkdir($upload_dir, 0755, true);
                    if (!move_uploaded_file($_FILES['proof_file']['tmp_name'], $upload_dir . $proof_file)) {
                        $proof_file = null;
                    } else {
                        $proof_type = (strpos($file_type, 'pdf') !== false) ? 'pdf' : 'image';
                    }
                }
            }

            if (!$review_error) {
                // Rate limiting — 1 review per IP per survey per day
                $rate_check  = "SELECT COUNT(*) as cnt FROM survey_reviews
                                WHERE survey_id = $survey_id AND ip_address = '$ip'
                                AND created_at > DATE_SUB(NOW(), INTERVAL 24 HOUR)";
                $rate_row    = $conn->query($rate_check)->fetch_assoc();

                // Same email check
                $email_check = "SELECT COUNT(*) as cnt FROM survey_reviews
                                WHERE survey_id = $survey_id AND reviewer_email = '$email'";
                $email_row   = $conn->query($email_check)->fetch_assoc();

                if ($rate_row['cnt'] > 0) {
                    $review_error = 'You have already submitted a review for this platform today. Please wait 24 hours.';
                } elseif ($email_row['cnt'] > 0) {
                    $review_error = 'A review from this email address already exists for this platform.';
                } else {
                    $name_val       = !empty($name) ? "'$name'" : "'Anonymous'";
                    $loc_val        = !empty($location) ? "'" . $conn->real_escape_string($location) . "'" : "NULL";
                    $proof_file_val = $proof_file ? "'" . $conn->real_escape_string($proof_file) . "'" : "NULL";
                    $proof_type_val = $proof_type ? "'" . $conn->real_escape_string($proof_type) . "'" : "NULL";

                    // Build INSERT — include proof columns only if they exist
                    $proof_col_sql = $proof_cols ? ", proof_file, proof_type" : "";
                    $proof_val_sql = $proof_cols ? ", {$proof_file_val}, {$proof_type_val}" : "";

                    $insert = "INSERT INTO survey_reviews
                               (survey_id, member_id, reviewer_name, reviewer_location, reviewer_email,
                                newsletter_consent, rating, feedback, is_approved, ip_address{$proof_col_sql})
                               VALUES ($survey_id, NULL, $name_val, $loc_val, '$email',
                                       $newsletter_consent, $rating, '$feedback', 0, '$ip'{$proof_val_sql})";

                    if ($conn->query($insert)) {
                        if ($newsletter_consent) {
                            $survey_name_esc = $conn->real_escape_string($survey['title']);
                            $sub_sql = "INSERT INTO newsletter_subscribers
                                        (email, name, source, source_survey_id, source_survey_name, ip_address)
                                        VALUES ('$email', $name_val, 'review_form', $survey_id, '$survey_name_esc', '$ip')
                                        ON DUPLICATE KEY UPDATE is_active=1, unsubscribed_at=NULL,
                                        name=COALESCE(name, $name_val)";
                            $conn->query($sub_sql);
                        }
                        $review_success = true;
                    } else {
                        $review_error = 'Something went wrong. Please try again.';
                    }
                }
            }
        }
    }
}

// Helper: parse contact field → smart display
function parse_contact($contact) {
    $contact = trim($contact);
    if (empty($contact)) return null;

    // Check if it contains an email
    if (filter_var($contact, FILTER_VALIDATE_EMAIL)) {
        return ['type' => 'email', 'value' => $contact, 'display' => $contact];
    }

    // Check if contains email within text
    if (preg_match('/[\w.+-]+@[\w-]+\.[\w.]+/', $contact, $m)) {
        return ['type' => 'email', 'value' => $m[0], 'display' => $m[0]];
    }

    // It's a URL — extract domain for display
    $url = $contact;
    if (!preg_match('/^https?:\/\//', $url)) $url = 'https://' . $url;
    $parsed = parse_url($url);
    $domain = $parsed['host'] ?? $url;
    $domain = preg_replace('/^www\./', '', $domain);
    return ['type' => 'url', 'value' => $url, 'display' => 'Contact Form (' . $domain . ')'];
}

function mask_email($email) {
    if (empty($email)) return '';
    $parts = explode('@', $email);
    if (count($parts) !== 2) return '***@***.***';
    $name   = $parts[0];
    $domain = $parts[1];
    $masked_name = substr($name, 0, 1) . str_repeat('*', max(2, strlen($name) - 1));
    $domain_parts = explode('.', $domain);
    $masked_domain = substr($domain_parts[0], 0, 1) . str_repeat('*', max(2, strlen($domain_parts[0]) - 1));
    $tld = implode('.', array_slice($domain_parts, 1));
    return $masked_name . '@' . $masked_domain . '.' . $tld;
}

function render_stars_html($rating, $size = '1rem') {
    $full  = floor($rating);
    $empty = 5 - $full;
    $html  = '<span style="color:#d97706;font-size:' . $size . ';letter-spacing:-.03em;">';
    $html .= str_repeat('★', $full) . '<span style="color:#cbd5e1;">' . str_repeat('★', $empty) . '</span>';
    $html .= '</span>';
    return $html;
}

$contact_info = parse_contact($survey['support_contact']);
$total_reviews = (int)$survey['review_count'];
$avg_rating    = round($survey['avg_rating'], 1);

$page_title       = htmlspecialchars($survey['title']) . ' Review 2026 — Is it Legitimate? | PaidSurveyHub India';
$meta_description = 'Read verified member reviews of ' . htmlspecialchars($survey['title']) . '. See star ratings, honest feedback from Indian users, payment details, and whether it\'s worth joining in 2026.';
$canonical        = SITE_URL . '/survey-detail.php?id=' . $survey_id;

$extra_schema = '';
// Always output Product schema — include offers (required by Google) and aggregateRating when available
$schema_data = [
    "@context"    => "https://schema.org",
    "@type"       => "Product",
    "name"        => $survey['title'],
    "url"         => $survey['website_link'],
    "image"       => SITE_URL . '/uploads/' . $survey['image'],
    "description" => substr(strip_tags($survey['description']), 0, 300),
    "offers"      => [
        "@type"         => "Offer",
        "price"         => "0",
        "priceCurrency" => "INR",
        "description"   => "Free to join — no registration fee",
        "availability"  => "https://schema.org/InStock",
    ],
];
if ($total_reviews > 0) {
    $schema_data["aggregateRating"] = [
        "@type"       => "AggregateRating",
        "ratingValue" => $avg_rating,
        "reviewCount" => (int)$total_reviews,
        "bestRating"  => 5,
        "worstRating" => 1,
    ];
}
$extra_schema = '<script type="application/ld+json">' . json_encode($schema_data, JSON_UNESCAPED_SLASHES) . '</script>';

include 'includes/header.php';
?>

<style>
/* ── Review-specific styles ───────────────────────────────── */
.star-picker { display: flex; flex-direction: row-reverse; gap: .2rem; justify-content: flex-end; }
.star-picker input { display: none; }
.star-picker label {
    font-size: 2rem; cursor: pointer; color: #cbd5e1;
    transition: color .1s; line-height: 1;
}
.star-picker input:checked ~ label,
.star-picker label:hover,
.star-picker label:hover ~ label { color: #d97706; }

.rating-bar-wrap { display: flex; align-items: center; gap: .75rem; margin-bottom: .35rem; }
.rating-bar-label { font-size: .78rem; font-weight: 600; color: var(--slate-600); width: 40px; text-align: right; white-space: nowrap; }
.rating-bar-track { flex: 1; height: 8px; background: var(--slate-100); border-radius: 99px; overflow: hidden; }
.rating-bar-fill  { height: 8px; background: #d97706; border-radius: 99px; transition: width .4s; }
.rating-bar-count { font-size: .75rem; color: var(--slate-400); width: 28px; }

.review-card {
    border: 1.5px solid var(--slate-200); border-radius: var(--r-md);
    padding: 1.25rem; margin-bottom: 1rem;
    transition: box-shadow .2s;
}
.review-card:hover { box-shadow: var(--shadow-sm); }
.review-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: .6rem; flex-wrap: wrap; gap: .5rem; }
.reviewer-info {}
.reviewer-name { font-family: var(--font-head); font-weight: 700; font-size: .92rem; color: var(--slate-800); }
.reviewer-meta { font-size: .75rem; color: var(--slate-400); margin-top: .1rem; }
.review-date   { font-size: .75rem; color: var(--slate-400); }
.review-text   { font-size: .87rem; color: var(--slate-600); line-height: 1.75; margin-top: .5rem; }
.verified-badge { display: inline-flex; align-items: center; gap: .2rem; font-size: .68rem; font-weight: 700; color: #059669; background: #d1fae5; padding: .15rem .5rem; border-radius: 99px; }

.big-rating { text-align: center; }
.big-rating .score { font-family: var(--font-head); font-size: 3.5rem; font-weight: 800; color: var(--slate-900); line-height: 1; }
.big-rating .out-of { font-size: .85rem; color: var(--slate-400); }
.big-rating .stars-row { margin: .35rem 0; font-size: 1.4rem; letter-spacing: -.02em; }
.big-rating .total-txt { font-size: .8rem; color: var(--slate-500); }

.contact-link { display: inline-flex; align-items: center; gap: .3rem; font-size: .87rem; font-weight: 600; color: var(--emerald); }
.contact-link svg { width: 14px; height: 14px; flex-shrink: 0; }
</style>

<main style="padding: 1.5rem 0 3.5rem;">
<div class="container">

    <!-- Breadcrumb -->
    <nav class="breadcrumb" aria-label="Breadcrumb">
        <a href="<?php echo SITE_URL; ?>/">Home</a>
        <span class="breadcrumb-sep">›</span>
        <a href="<?php echo SITE_URL; ?>/">Survey Sites</a>
        <span class="breadcrumb-sep">›</span>
        <span><?php echo htmlspecialchars($survey['title']); ?></span>
    </nav>

    <!-- ── Survey Hero Card ───────────────────────────────── -->
    <div class="detail-hero-card">
        <img src="<?php echo SITE_URL; ?>/uploads/<?php echo htmlspecialchars($survey['image']); ?>"
             alt="<?php echo htmlspecialchars($survey['title']); ?> logo"
             class="detail-logo">
        <div class="detail-info">
            <?php if ($survey['rank']): ?>
            <div style="margin-bottom:.4rem;"><span class="badge badge-amber">🏆 Rank #<?php echo $survey['rank']; ?> in India</span></div>
            <?php endif; ?>
            <h1 style="font-size:1.55rem;margin-bottom:.4rem;"><?php echo htmlspecialchars($survey['title']); ?></h1>

            <?php if ($total_reviews > 0): ?>
            <div style="display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.6rem;">
                <?php echo render_stars_html($avg_rating, '1.15rem'); ?>
                <strong style="font-size:.95rem;"><?php echo $avg_rating; ?>/5</strong>
                <span style="font-size:.82rem;color:var(--slate-500);"><?php echo $total_reviews; ?> review<?php echo $total_reviews>1?'s':''; ?></span>
            </div>
            <?php endif; ?>

            <div class="detail-meta">
                <span class="badge badge-emerald">✓ Verified</span>
                <span class="badge badge-slate">🆓 Free to Join</span>
                <?php if ($survey['id'] == 1): ?>
                <span class="badge badge-india">🇮🇳 India-Based</span>
                <span class="badge badge-blue">💳 UPI Payment</span>
                <?php endif; ?>
            </div>

            <div class="detail-actions">
                <a href="<?php echo htmlspecialchars($survey['website_link']); ?>"
                   target="_blank" rel="noopener sponsored"
                   class="btn btn-primary">Visit <?php echo htmlspecialchars($survey['title']); ?> ↗</a>
                <a href="#write-review" class="btn btn-outline btn-sm">✍ Write a Review</a>
                <a href="<?php echo SITE_URL; ?>/" class="btn btn-ghost btn-sm">← All Sites</a>
            </div>
        </div>
    </div>

    <!-- ── Main 2-col layout ─────────────────────────────── -->
    <div class="detail-grid">

        <!-- Left Column -->
        <div>

            <!-- About -->
            <div class="detail-section">
                <h2 style="font-size:1.1rem;">About <?php echo htmlspecialchars($survey['title']); ?></h2>
                <div style="font-size:.88rem;color:var(--slate-600);line-height:1.85;">
                    <?php echo nl2br(htmlspecialchars($survey['description'])); ?>
                </div>
            </div>

            <!-- How to Get Started -->
            <div class="detail-section">
                <h3>How to Get Started</h3>
                <ol style="margin-left:1.25rem;line-height:2.1;font-size:.88rem;color:var(--slate-600);">
                    <li>Click "Visit <?php echo htmlspecialchars($survey['title']); ?>" above to go to their website</li>
                    <li>Click "Sign Up" or "Join Free" on their site — it's always free</li>
                    <li>Fill in your demographic details honestly — this determines which surveys you receive</li>
                    <li>Verify your email address by clicking the link they send you</li>
                    <li>Complete all profile/profiler surveys to unlock more survey invitations</li>
                    <li>Log in daily, complete surveys, and request a withdrawal when you hit the minimum payout</li>
                </ol>
            </div>

            <!-- ── Reviews Section ────────────────────────── -->
            <div class="detail-section" id="reviews">
                <div style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;">
                    <h3 style="margin:0;">Member Reviews</h3>
                    <?php if ($total_reviews > 0): ?>
                    <a href="#write-review" class="btn btn-outline btn-sm">✍ Write a Review</a>
                    <?php endif; ?>
                </div>

                <?php if ($total_reviews > 0): ?>

                <!-- Rating Summary -->
                <div style="display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;background:var(--slate-50);border-radius:var(--r-md);padding:1.25rem;margin-bottom:1.5rem;flex-wrap:wrap;">
                    <div class="big-rating">
                        <div class="score"><?php echo $avg_rating; ?></div>
                        <div class="stars-row"><?php echo render_stars_html($avg_rating, '1.3rem'); ?></div>
                        <div class="total-txt"><?php echo $total_reviews; ?> review<?php echo $total_reviews>1?'s':''; ?></div>
                    </div>
                    <div>
                        <?php foreach ([5,4,3,2,1] as $star):
                            $cnt   = $breakdown[$star];
                            $pct   = $total_reviews > 0 ? round(($cnt / $total_reviews) * 100) : 0;
                        ?>
                        <div class="rating-bar-wrap">
                            <span class="rating-bar-label"><?php echo $star; ?> ★</span>
                            <div class="rating-bar-track">
                                <div class="rating-bar-fill" style="width:<?php echo $pct; ?>%"></div>
                            </div>
                            <span class="rating-bar-count"><?php echo $cnt; ?></span>
                        </div>
                        <?php endforeach; ?>
                    </div>
                </div>

                <!-- Individual Reviews -->
                <?php
                if ($reviews_result) {
                    while ($review = $reviews_result->fetch_assoc()):
                ?>
                <div class="review-card">
                    <div class="review-header">
                        <div class="reviewer-info">
                            <!-- Individual star rating — golden and prominent -->
                            <div style="display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;">
                                <span style="color:#f59e0b;font-size:1.1rem;letter-spacing:-.02em;"><?php
                                    $full = floor($review['rating']);
                                    echo str_repeat('★', $full) . '<span style="color:#e2e8f0;">' . str_repeat('★', 5-$full) . '</span>';
                                ?></span>
                                <span style="font-family:var(--font-head);font-size:.82rem;font-weight:800;color:#d97706;"><?php echo $review['rating']; ?>/5</span>
                                <span class="verified-badge">✓ Verified Review</span>
                            </div>
                            <!-- Reviewer name -->
                            <div class="reviewer-name"><?php echo htmlspecialchars($review['reviewer_name'] ?: 'Anonymous'); ?></div>
                            <!-- Location if given -->
                            <?php if (!empty($review['reviewer_location'])): ?>
                            <div class="reviewer-meta">📍 <?php echo htmlspecialchars($review['reviewer_location']); ?></div>
                            <?php endif; ?>
                            <!-- Masked email -->
                            <?php if (!empty($review['reviewer_email'])): ?>
                            <div class="reviewer-meta" style="color:var(--slate-400);">✉ <?php echo htmlspecialchars(mask_email($review['reviewer_email'])); ?></div>
                            <?php endif; ?>
                        </div>
                        <!-- Date -->
                        <div style="text-align:right;">
                            <div class="review-date"><?php echo date('d M Y', strtotime($review['created_at'])); ?></div>
                            <div style="font-size:.7rem;color:var(--slate-300);"><?php echo date('H:i', strtotime($review['created_at'])); ?></div>
                        </div>
                    </div>
                    <p class="review-text"><?php echo nl2br(htmlspecialchars($review['feedback'])); ?></p>

                    <!-- Proof display -->
                    <?php if (!empty($review['proof_file'])): ?>
                    <div style="margin-top:.85rem;padding:.85rem;background:var(--slate-50);border-radius:var(--r-sm);border:1.5px solid var(--slate-200);">
                        <div style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-400);margin-bottom:.5rem;">📎 Member Proof</div>
                        <?php if ($review['proof_type'] === 'image'): ?>
                        <a href="<?php echo SITE_URL; ?>/uploads/review_proofs/<?php echo htmlspecialchars($review['proof_file']); ?>"
                           target="_blank" rel="noopener" title="View full proof image">
                            <img src="<?php echo SITE_URL; ?>/uploads/review_proofs/<?php echo htmlspecialchars($review['proof_file']); ?>"
                                 alt="Member proof"
                                 style="max-width:100%;max-height:240px;border-radius:var(--r-sm);object-fit:contain;border:1px solid var(--slate-200);cursor:zoom-in;">
                        </a>
                        <div style="font-size:.72rem;color:var(--slate-400);margin-top:.35rem;">Click image to view full size</div>
                        <?php else: ?>
                        <a href="<?php echo SITE_URL; ?>/uploads/review_proofs/<?php echo htmlspecialchars($review['proof_file']); ?>"
                           target="_blank" rel="noopener"
                           style="display:inline-flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:600;color:var(--emerald);padding:.4rem .85rem;background:var(--white);border:1.5px solid var(--emerald-light);border-radius:var(--r-sm);">
                            📄 View PDF Proof ↗
                        </a>
                        <?php endif; ?>
                    </div>
                    <?php endif; ?>
                </div>
                <?php
                    endwhile;
                }
                ?>

                <?php else: ?>
                <!-- No reviews yet -->
                <div style="text-align:center;padding:2rem;background:var(--slate-50);border-radius:var(--r-md);">
                    <div style="font-size:2.5rem;margin-bottom:.75rem;">⭐</div>
                    <h4 style="margin-bottom:.4rem;">No reviews yet</h4>
                    <p style="font-size:.87rem;margin-bottom:1rem;">Be the first to share your experience with this platform.</p>
                    <a href="#write-review" class="btn btn-primary btn-sm">Write the First Review</a>
                </div>
                <?php endif; ?>
            </div>

            <!-- ── Write a Review — Prominent CTA ────────── -->
            <div id="write-review" style="background:linear-gradient(135deg,var(--emerald-xd),var(--emerald-dark));border-radius:var(--r-lg);padding:2.25rem;margin-bottom:1.25rem;position:relative;overflow:hidden;">
                <div style="position:absolute;top:-30px;right:-30px;width:150px;height:150px;background:rgba(255,255,255,.05);border-radius:50%;"></div>
                <div style="position:relative;">
                    <div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;">
                        <div>
                            <div style="font-size:1.5rem;margin-bottom:.3rem;">⭐</div>
                            <h3 style="color:#fff;font-size:1.15rem;margin-bottom:.3rem;">Have you used <?php echo htmlspecialchars($survey['title']); ?>?</h3>
                            <p style="color:rgba(255,255,255,.78);font-size:.85rem;margin:0;">Share your honest experience — help other Indians decide. <strong style="color:#fcd34d;">Proof or screenshot required for approval.</strong></p>
                        </div>
                        <?php if (!$review_success): ?>
                        <a href="#review-form" onclick="document.getElementById('review-form').scrollIntoView({behavior:'smooth'});document.getElementById('star5')?.focus();return false;"
                           class="btn btn-white btn-lg" style="white-space:nowrap;flex-shrink:0;">
                            ✍ Write a Review
                        </a>
                        <?php endif; ?>
                    </div>
                    <!-- Star rating teaser -->
                    <?php if (!$review_success): ?>
                    <div style="margin-top:1.25rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;">
                        <span style="color:rgba(255,255,255,.6);font-size:.8rem;">Rate it:</span>
                        <div style="display:flex;gap:.3rem;" id="quick-stars">
                            <?php for ($i=1;$i<=5;$i++): ?>
                            <a href="#review-form"
                               onclick="document.getElementById('star<?php echo $i;?>').checked=true;document.getElementById('review-form').scrollIntoView({behavior:'smooth'});return false;"
                               style="font-size:1.75rem;color:rgba(255,255,255,.35);text-decoration:none;transition:color .1s;"
                               onmouseover="highlightStars(<?php echo $i;?>)"
                               onmouseout="resetStars()">★</a>
                            <?php endfor; ?>
                        </div>
                        <span style="color:rgba(255,255,255,.5);font-size:.75rem;">Click a star to begin</span>
                    </div>
                    <?php endif; ?>
                </div>
            </div>

            <!-- ── Review Form ─────────────────────────────── -->
            <div class="detail-section" id="review-form">
                <h3 style="margin-bottom:.4rem;">Write Your Review</h3>
                <p style="font-size:.83rem;color:var(--slate-500);margin-bottom:1.25rem;">All reviews are verified before publishing. You can upload payment proof or a complaint screenshot to strengthen your review.</p>

                <?php if ($review_success): ?>
                <div class="alert alert-success">
                    <strong>✓ Thank you for your review!</strong> It has been submitted and will appear here once our team approves it — usually within 24 hours.
                    <?php if (!empty($_POST['newsletter_consent'])): ?>
                    <br><span style="font-size:.85rem;opacity:.85;">📩 You've also been added to our newsletter.</span>
                    <?php endif; ?>
                </div>


                <?php elseif (!empty($review_error)): ?>
                <div class="alert alert-error"><?php echo htmlspecialchars($review_error); ?></div>
                <?php endif; ?>

                <?php if (!$review_success): ?>
                <form method="POST" action="#review-form" novalidate enctype="multipart/form-data">
                    <input type="hidden" name="submit_review" value="1">
                    <!-- Honeypot -->
                    <div style="display:none;"><input type="text" name="website_url" tabindex="-1" autocomplete="off"></div>

                    <!-- Star Rating -->
                    <div class="form-group">
                        <label>Your Rating <span style="color:var(--red);">*</span></label>
                        <div class="star-picker" role="group" aria-label="Rating">
                            <?php for ($i = 5; $i >= 1; $i--): ?>
                            <input type="radio" id="star<?php echo $i; ?>" name="rating" value="<?php echo $i; ?>"
                                <?php echo (isset($_POST['rating']) && (int)$_POST['rating'] === $i) ? 'checked' : ''; ?>>
                            <label for="star<?php echo $i; ?>" title="<?php echo $i; ?> star<?php echo $i>1?'s':''; ?>">★</label>
                            <?php endfor; ?>
                        </div>
                        <div style="font-size:.78rem;color:var(--slate-400);margin-top:.35rem;">Click a star to rate</div>
                    </div>

                    <!-- Name + Location row -->
                    <div style="display:grid;grid-template-columns:1fr 1fr;gap:.85rem;">
                        <div class="form-group">
                            <label for="reviewer_name">Your Name <span style="color:var(--red);">*</span></label>
                            <input type="text" id="reviewer_name" name="reviewer_name" class="form-control"
                                   placeholder="e.g. Priya S." maxlength="100" required
                                   value="<?php echo htmlspecialchars($_POST['reviewer_name'] ?? ''); ?>">
                        </div>
                        <div class="form-group">
                            <label for="reviewer_location">Your City <span style="font-weight:400;color:var(--slate-400);">(optional)</span></label>
                            <input type="text" id="reviewer_location" name="reviewer_location" class="form-control"
                                   placeholder="e.g. Chennai, Tamil Nadu" maxlength="100"
                                   value="<?php echo htmlspecialchars($_POST['reviewer_location'] ?? ''); ?>">
                        </div>
                    </div>

                    <!-- Email — now REQUIRED -->
                    <div class="form-group">
                        <label for="reviewer_email">Your Email Address <span style="color:var(--red);">*</span></label>
                        <input type="email" id="reviewer_email" name="reviewer_email" class="form-control"
                               placeholder="your@email.com" maxlength="255" required
                               value="<?php echo htmlspecialchars($_POST['reviewer_email'] ?? ''); ?>">
                        <div style="font-size:.75rem;color:var(--slate-400);margin-top:.3rem;">
                            Required to verify your review. Never displayed publicly.
                        </div>
                    </div>

                    <!-- Newsletter Consent -->
                    <div style="background:var(--emerald-pale);border:1.5px solid var(--emerald-light);border-radius:var(--r-sm);padding:1rem 1.1rem;margin-bottom:1.1rem;">
                        <label style="display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;margin:0;">
                            <input type="checkbox" name="newsletter_consent" value="1"
                                   <?php echo !empty($_POST['newsletter_consent']) ? 'checked' : ''; ?>
                                   style="width:17px;height:17px;margin-top:.1rem;flex-shrink:0;accent-color:var(--emerald);cursor:pointer;">
                            <span style="font-size:.84rem;color:var(--emerald-xd);line-height:1.6;">
                                <strong>📩 Yes, keep me updated</strong> — Send me occasional emails about new verified survey sites, earning tips, and India-specific opportunities. I can unsubscribe anytime.
                            </span>
                        </label>
                    </div>

                    <!-- Review Text -->
                    <div class="form-group">
                        <label for="feedback">Your Review <span style="color:var(--red);">*</span></label>
                        <textarea id="feedback" name="feedback" class="form-control" rows="5" maxlength="2000"
                                  placeholder="Share your honest experience — did it pay? How many surveys did you receive? Would you recommend it to other Indians?"
                                  required><?php echo htmlspecialchars($_POST['feedback'] ?? ''); ?></textarea>
                        <div style="font-size:.75rem;color:var(--slate-400);margin-top:.3rem;">Minimum 20 characters. Maximum 2,000 characters.</div>
                    </div>

                    <!-- Proof Upload -->
                    <div class="form-group">
                        <label for="proof_file">Upload Proof <span style="font-weight:400;color:var(--slate-400);">(optional)</span></label>
                        <div style="border:2px dashed var(--slate-300);border-radius:var(--r-md);padding:1.25rem;text-align:center;cursor:pointer;transition:border-color .2s;background:var(--slate-50);" id="proof-drop-zone">
                            <div style="font-size:1.75rem;margin-bottom:.4rem;">📎</div>
                            <div style="font-size:.85rem;font-weight:600;color:var(--slate-700);margin-bottom:.2rem;">Drop your proof here or click to browse</div>
                            <div style="font-size:.75rem;color:var(--slate-400);">Payment screenshot, reward proof, or complaint — JPG, PNG, GIF or PDF · Max 5MB</div>
                            <input type="file" id="proof_file" name="proof_file"
                                   accept="image/jpeg,image/jpg,image/png,image/gif,application/pdf"
                                   style="position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;top:0;left:0;"
                                   onchange="showPreview(this)">
                        </div>
                        <div id="proof-preview" style="display:none;margin-top:.75rem;padding:.75rem;background:var(--emerald-pale);border:1.5px solid var(--emerald-light);border-radius:var(--r-sm);font-size:.82rem;color:var(--emerald-xd);display:flex;align-items:center;gap:.5rem;">
                            <span>📄</span> <span id="proof-filename"></span>
                            <button type="button" onclick="clearProof()" style="margin-left:auto;background:none;border:none;color:var(--red);cursor:pointer;font-size:.8rem;font-weight:700;">✕ Remove</button>
                        </div>
                        <div style="font-size:.72rem;color:var(--slate-400);margin-top:.3rem;">This helps other members trust your review. Your proof will be shown alongside your review after approval.</div>
                    </div>

                    <div style="background:#fef3c7;border:1.5px solid #fcd34d;border-radius:var(--r-sm);padding:.85rem 1rem;font-size:.78rem;color:#78350f;margin-bottom:1rem;">
                        <strong>📋 Important — Proof Required for Approval:</strong> Regardless of whether your experience is positive or negative, <strong>only reviews supported by a screenshot or proof will be approved</strong>. Please upload a payment proof, survey completion screenshot, or any relevant evidence using the upload field above. Reviews without proof will not be published. By submitting you agree to our <a href="<?php echo SITE_URL; ?>/terms-conditions.php" style="color:#92400e;">Terms</a>.
                    </div>

                    <button type="submit" class="btn btn-primary btn-lg" style="width:100%;">Submit Review →</button>
                </form>
                <?php endif; ?>
            </div>

            <!-- Disclaimer -->
            <div style="background:var(--amber-bg);border:1px solid #fcd34d;border-radius:var(--r-sm);padding:1rem;font-size:.8rem;color:#78350f;margin-bottom:1.5rem;">
                <strong>⚠️ Disclaimer:</strong> PaidSurveyHub India is an independent directory. We are not affiliated with this platform and do not conduct surveys. Earnings are not guaranteed. Always research a platform before providing personal information.
            </div>

        </div><!-- /left col -->

        <!-- ── Right Sidebar ─────────────────────────────── -->
        <div>

            <!-- Quick Facts -->
            <div class="detail-section">
                <h3>Quick Facts</h3>
                <div class="quick-facts">

                    <div class="qf-item">
                        <div class="qf-label">Verified</div>
                        <div class="qf-val" style="color:var(--emerald);">✓ Yes</div>
                    </div>
                    <div class="qf-item">
                        <div class="qf-label">Free to Join</div>
                        <div class="qf-val" style="color:var(--emerald);">✓ Yes</div>
                    </div>

                    <?php if ($survey['id'] == 1): ?>
                    <div class="qf-item">
                        <div class="qf-label">Payment Method</div>
                        <div class="qf-val">UPI (PhonePe · GPay · Paytm)</div>
                    </div>
                    <div class="qf-item">
                        <div class="qf-label">Min. Payout</div>
                        <div class="qf-val">₹250 <span style="font-size:.75rem;font-weight:400;color:var(--slate-500);">(500 pts × ₹0.50)</span></div>
                    </div>
                    <div class="qf-item">
                        <div class="qf-label">Based In</div>
                        <div class="qf-val">India (Tamil Nadu)</div>
                    </div>
                    <div class="qf-item">
                        <div class="qf-label">Members</div>
                        <div class="qf-val">50,000+</div>
                    </div>
                    <div class="qf-item">
                        <div class="qf-label">Founded</div>
                        <div class="qf-val">2021</div>
                    </div>
                    <?php endif; ?>

                    <?php if ($survey['rank']): ?>
                    <div class="qf-item">
                        <div class="qf-label">Our Rank</div>
                        <div class="qf-val">#<?php echo $survey['rank']; ?> in India</div>
                    </div>
                    <?php endif; ?>

                    <?php if ($total_reviews > 0): ?>
                    <div class="qf-item">
                        <div class="qf-label">Rating</div>
                        <div class="qf-val"><?php echo $avg_rating; ?>/5 (<?php echo $total_reviews; ?> reviews)</div>
                    </div>
                    <?php endif; ?>

                    <!-- Smart Contact Display -->
                    <?php if ($contact_info): ?>
                    <div class="qf-item" style="grid-column:1/-1;">
                        <div class="qf-label">Support</div>
                        <div class="qf-val" style="margin-top:.2rem;">
                            <?php if ($contact_info['type'] === 'email'): ?>
                            <a href="mailto:<?php echo htmlspecialchars($contact_info['value']); ?>" class="contact-link">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
                                <?php echo htmlspecialchars($contact_info['display']); ?>
                            </a>
                            <?php else: ?>
                            <a href="<?php echo htmlspecialchars($contact_info['value']); ?>" target="_blank" rel="noopener" class="contact-link">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                                <?php echo htmlspecialchars($contact_info['display']); ?>
                            </a>
                            <?php endif; ?>
                        </div>
                    </div>
                    <?php endif; ?>

                </div>
            </div>

            <!-- Visit CTA -->
            <div style="background:linear-gradient(135deg,var(--emerald-xd),var(--emerald-dark));border-radius:var(--r-md);padding:1.5rem;text-align:center;margin-bottom:1.25rem;">
                <div style="font-size:1.75rem;margin-bottom:.5rem;">🚀</div>
                <h4 style="color:#fff;margin-bottom:.4rem;">Ready to Join?</h4>
                <p style="color:rgba(255,255,255,.8);font-size:.83rem;margin-bottom:1rem;">It's free. No investment required.</p>
                <a href="<?php echo htmlspecialchars($survey['website_link']); ?>"
                   target="_blank" rel="noopener sponsored"
                   class="btn btn-white btn-block" style="justify-content:center;">
                   Visit <?php echo htmlspecialchars($survey['title']); ?> ↗
                </a>
            </div>

            <!-- Tips -->
            <div class="detail-section">
                <h3>Tips for Success</h3>
                <ul style="margin-left:1.1rem;list-style:disc;font-size:.84rem;color:var(--slate-600);line-height:2;">
                    <li>Complete your profile 100% on day 1</li>
                    <li>Log in daily — surveys close when quotas fill</li>
                    <li>Answer honestly — inconsistencies get flagged</li>
                    <li>Check email promptly for invitations</li>
                    <li>Join 3–5 platforms to maximise earnings</li>
                </ul>
                <a href="<?php echo SITE_URL; ?>/faq.php#tips" style="font-size:.82rem;color:var(--emerald);display:block;margin-top:.75rem;">Read all earning tips →</a>
            </div>

            <!-- Other sites -->
            <div class="detail-section">
                <h3>Other Sites to Try</h3>
                <?php
                $other_sql = "SELECT id, title, image, rank FROM survey_sites
                              WHERE id != $survey_id
                              ORDER BY CASE WHEN rank IS NOT NULL THEN rank ELSE 99 END ASC, RAND()
                              LIMIT 5";
                $other_result = $conn->query($other_sql);
                if ($other_result):
                    while ($other = $other_result->fetch_assoc()):
                ?>
                <a href="<?php echo SITE_URL; ?>/survey-detail.php?id=<?php echo $other['id']; ?>"
                   style="display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--slate-100);text-decoration:none;">
                    <img src="<?php echo SITE_URL; ?>/uploads/<?php echo htmlspecialchars($other['image']); ?>"
                         alt="<?php echo htmlspecialchars($other['title']); ?>"
                         style="width:36px;height:36px;border-radius:6px;object-fit:contain;border:1.5px solid var(--slate-200);padding:.2rem;">
                    <span style="font-size:.87rem;font-weight:600;color:var(--slate-800);"><?php echo htmlspecialchars($other['title']); ?></span>
                    <?php if ($other['rank']): ?><span class="badge badge-emerald" style="margin-left:auto;">#<?php echo $other['rank']; ?></span><?php endif; ?>
                </a>
                <?php endwhile; endif; ?>
                <a href="<?php echo SITE_URL; ?>/" style="font-size:.82rem;color:var(--emerald);display:block;margin-top:.75rem;font-weight:600;">View all survey sites →</a>
            </div>

        </div><!-- /right col -->
    </div>

</div>
</main>

<?php echo $extra_schema; ?>

<script>
// Quick star hover on the green CTA banner
function highlightStars(n) {
    var stars = document.querySelectorAll('#quick-stars a');
    stars.forEach(function(s, i){ s.style.color = i < n ? '#fbbf24' : 'rgba(255,255,255,.35)'; });
}
function resetStars() {
    document.querySelectorAll('#quick-stars a').forEach(function(s){ s.style.color = 'rgba(255,255,255,.35)'; });
}

// File upload drop zone
var dropZone = document.getElementById('proof-drop-zone');
if (dropZone) {
    dropZone.style.position = 'relative';
    dropZone.addEventListener('dragover', function(e){
        e.preventDefault(); this.style.borderColor = 'var(--emerald)'; this.style.background = 'var(--emerald-pale)';
    });
    dropZone.addEventListener('dragleave', function(){
        this.style.borderColor = 'var(--slate-300)'; this.style.background = 'var(--slate-50)';
    });
    dropZone.addEventListener('drop', function(e){
        e.preventDefault(); this.style.borderColor = 'var(--slate-300)'; this.style.background = 'var(--slate-50)';
        var file = e.dataTransfer.files[0];
        if (file) { document.getElementById('proof_file').files = e.dataTransfer.files; showPreview({files:[file]}); }
    });
}

function showPreview(input) {
    var file = input.files ? input.files[0] : null;
    if (!file) return;
    var preview = document.getElementById('proof-preview');
    var fname   = document.getElementById('proof-filename');
    if (preview && fname) {
        fname.textContent = file.name + ' (' + (file.size/1024/1024).toFixed(2) + ' MB)';
        preview.style.display = 'flex';
    }
    // Highlight drop zone
    if (dropZone) { dropZone.style.borderColor = 'var(--emerald)'; dropZone.style.background = 'var(--emerald-pale)'; }
}

function clearProof() {
    document.getElementById('proof_file').value = '';
    var preview = document.getElementById('proof-preview');
    if (preview) preview.style.display = 'none';
    if (dropZone) { dropZone.style.borderColor = 'var(--slate-300)'; dropZone.style.background = 'var(--slate-50)'; }
}
</script>

<?php include 'includes/footer.php'; ?>