<?php
require_once __DIR__ . '/config.php';
// 强制未登录拦截：未登录直接跳转至手机号一键登录页面
require_login('/me.php');
$u = current_user();

// 我的浏览记录数（去重商品）
$viewCount = 0;
try {
    db()->exec("CREATE TABLE IF NOT EXISTS `goods_views` (
        `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
        `user_id` int(11) NOT NULL,
        `goods_id` int(11) NOT NULL,
        `viewed_at` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP,
        PRIMARY KEY (`id`),
        UNIQUE KEY `uk_user_goods` (`user_id`, `goods_id`),
        KEY `idx_user` (`user_id`)
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4");
    $vStmt = db()->prepare('SELECT COUNT(*) FROM goods_views WHERE user_id = ?');
    $vStmt->execute([(int)$u['id']]);
    $viewCount = (int)$vStmt->fetchColumn();
} catch (Throwable $e) {}

// 我的收藏数（真实统计）
$favCount = 0;
try {
    db()->exec("CREATE TABLE IF NOT EXISTS `favorites` (
        `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
        `user_id` int(11) NOT NULL,
        `goods_id` int(11) NOT NULL,
        `created_at` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP,
        PRIMARY KEY (`id`), UNIQUE KEY `uk_user_goods` (`user_id`, `goods_id`), KEY `idx_user` (`user_id`)
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4");
    $favStmt = db()->prepare('SELECT COUNT(*) FROM favorites WHERE user_id = ?');
    $favStmt->execute([(int)$u['id']]);
    $favCount = (int)$favStmt->fetchColumn();
} catch (Throwable $e) {}
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<script src="/static/js/tk.js?v=4"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover">
<meta name="apple-mobile-web-app-title" content="盼之交易">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#ff4d4f">
<link rel="apple-touch-icon" href="/static/picture/6a61a47f2fd8e_1784783999.webp">
<link rel="manifest" href="/manifest.json">
<title>我的 - 盼之账号</title>
<style>
  * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
  body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: #f5f5f5; overflow-x: hidden; }
  .app-container { max-width: none; margin: 0 auto; background: #f5f5f5; min-height: 100vh; position: relative; padding-bottom: 70px; overflow-y: auto; -webkit-overflow-scrolling: touch; }

  /* 用户信息区 - 灰色背景，无白色卡片包裹 */
  .user-header { padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; }
  .user-left { display: flex; align-items: center; gap: 10px; }
  .user-avatar { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #f0f0f0; }
  .user-avatar img { width: 100%; height: 100%; object-fit: cover; }
  .user-info { display: flex; flex-direction: column; gap: 3px; }
  .user-name { font-size: 16px; font-weight: 500; color: #1a1a1a; }
  .user-id { font-size: 11px; color: #999; display: flex; align-items: center; gap: 4px; }
  .user-id .copy-icon { width: 12px; height: 12px; display: flex; align-items: center; justify-content: center; }
  .user-id .copy-icon img { width: 11px; height: 11px; object-fit: contain; }
  .user-setting { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; margin-top: -4px; }
  .user-setting img { width: 18px; height: 18px; object-fit: contain; }

  /* 白色卡片通用 */
  .main-card { background: #fff; border-radius: 10px; margin: 0 8px 10px; padding: 12px; box-shadow: none; }

  /* 统计行 */
  .stats-bar { display: flex; justify-content: space-around; padding: 6px 0 12px; border-bottom: 1px solid #f5f5f5; }
  .stat-item { display: flex; flex-direction: column; align-items: center; gap: 2px; }
  .stat-num { font-size: 17px; font-weight: 400; color: #1a1a1a; }
  .stat-label { font-size: 11px; color: #999; margin-top: 1px; }

  /* 关注公众号横幅 */
  .wechat-bar { background: #e8f7f0; border-radius: 8px; padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; }
  .wechat-left { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #1a1a1a; }
  .wechat-icon { width: 18px; height: 18px; border-radius: 3px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
  .wechat-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
  .wechat-right { font-size: 12px; color: #666; display: flex; align-items: center; gap: 2px; }
  .wechat-right svg { width: 12px; height: 12px; stroke: #999; stroke-width: 2; fill: none; }

  .card-title { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 12px; }

  /* 我的交易 */
  .trade-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 6px; }
  .trade-item { display: flex; flex-direction: column; align-items: center; gap: 5px; }
  .trade-icon { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; }
  .trade-icon img { width: 100%; height: 100%; object-fit: contain; }
  .trade-text { font-size: 11px; color: #333; }

  /* 中间三栏 - 签到/活动/返利 */
  .activity-row { display: flex; justify-content: space-between; padding: 0 2px; }
  .activity-col { flex: 1; display: flex; flex-direction: column; gap: 4px; position: relative; padding: 0 8px; }
  .activity-col:first-child { padding-left: 0; }
  .activity-col:last-child { padding-right: 0; }
  .activity-col:not(:last-child) { border-right: none; }
  .activity-col-title { font-size: 13px; font-weight: 600; color: #1a1a1a; display: flex; align-items: center; gap: 3px; }
  .activity-col-title svg { width: 12px; height: 12px; stroke: #999; stroke-width: 2; fill: none; }
  .activity-col-desc { font-size: 10px; color: #999; }
  .activity-col-img { width: 36px; height: 36px; margin-top: 4px; }
  .activity-col-img img { width: 100%; height: 100%; object-fit: contain; }

  /* 功能网格 - 10个图标 */
  .func-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px 6px; }
  .func-item { display: flex; flex-direction: column; align-items: center; gap: 5px; }
  .func-icon { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; }
  .func-icon img { width: 100%; height: 100%; object-fit: contain; }
  .func-text { font-size: 11px; color: #333; }

  /* 底部导航 */
  .bottom-nav { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: none; height: 64px; background: #fff; display: flex; justify-content: space-around; align-items: flex-start; padding-top: 6px; z-index: 50; }
  .nav-item { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 10px; color: #999; text-decoration: none; flex: 1; padding-top: 0; }
  .nav-item.active { color: #333; font-weight: 600; }
  .nav-icon { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; position: relative; }
  .nav-icon img { width: 100%; height: 100%; object-fit: contain; }
.nav-sell { padding-top: 0; margin-top: -20px; position: relative; z-index: 60; }
.nav-sell-icon { width: 54px; height: 54px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#ff6b6b,#e63946); box-shadow: 0 5px 16px rgba(230,57,70,.45); border: 3px solid #fff; color: #fff; font-size: 22px; font-weight: 800; line-height: 1; }
.nav-sell-icon img { width: 55%; height: 55%; object-fit: contain; display: block; filter: brightness(0) invert(1); }
.nav-sell span:last-child { font-size: 11px; color: #999; margin-top: 2px; }
          .my-active-dot { position: absolute; top: 0; right: 4px; width: 8px; height: 8px; background: #ff4d4f; border-radius: 50%; border: 1.5px solid #fff; }

  /* 顶部下载横幅 */
  .top-banner { width: 100%; display: block; }
  .top-banner img { width: 100%; height: auto; display: block; }
</style>
  <link rel="icon" type="image/webp" href="/static/picture/6a61a47f2fd8e_1784783999.webp">
<style id="noscript-hide">html[data-js-rendered="1"] body{opacity:1}body{opacity:1!important;transition:opacity .3s}</style>
<noscript><style>body{opacity:1!important}</style></noscript>
<link rel="stylesheet" href="static/css/front-fixed.css?v=20261005">
</head>
<body>
<div class="app-container">
  <!-- 顶部下载横幅 -->
  <div class="top-banner">
    <img src="static/picture/6a31edfa06968_1781657082.png" alt="立即下载">
  </div>

  <!-- 用户信息区 - 灰色背景，无白色卡片包裹 -->
  <div class="user-header">
    <div class="user-left">
      <div class="user-avatar">
        <img id="userAvatar" src="static/picture/6a4b2a5de1b34_1783310941.webp" alt="头像">
      </div>
      <div class="user-info">
        <div class="user-name" id="userName">盼宝</div>
        <div class="user-id">
          <span id="userIdText">ID:00000</span>
          <span class="copy-icon" onclick="copyID()" style="cursor:pointer;">
            <img src="static/picture/6a62befb42282_1784856315.png" alt="复制">
          </span>
        </div>
        <div style="margin-top: 4px;">
          <a href="settings/auth_center.php" id="realnameBadge" style="display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px; border-radius: 12px; font-size: 11px; text-decoration: none; background: #fff1f0; color: #ff4d4f; font-weight: 500; border: 1px solid #ffd8d8;">
            <span>🛡️</span><span id="realnameBadgeText">未实名 · 去认证</span>
          </a>
        </div>
      </div>
    </div>
    <div class="user-setting" onclick="location.href='settings/setting.php'" style="cursor:pointer;">
      <img src="static/picture/6a62bef93f079_1784856313.png" alt="设置">
    </div>
  </div>

  <!-- 卡片1：统计 + 关注公众号 -->
  <div class="main-card">
    <div class="stats-bar">
      <div class="stat-item" onclick="location.href='browse/favorite.php'" style="cursor:pointer;"><div class="stat-num"><?= $favCount ?></div><div class="stat-label">收藏</div></div>
      <div class="stat-item" onclick="location.href='browse/browse.php'" style="cursor:pointer;"><div class="stat-num"><?= $viewCount ?></div><div class="stat-label">浏览</div></div>
      <div class="stat-item" onclick="location.href='browse/panbi.php'" style="cursor:pointer;"><div class="stat-num" id="panbiNum">0</div><div class="stat-label">余额</div></div>
      <div class="stat-item" onclick="location.href='browse/coupon.php'" style="cursor:pointer;"><div class="stat-num">1</div><div class="stat-label">卡券</div></div>
    </div>
    <div class="wechat-bar">
      <div class="wechat-left">
        <div class="wechat-icon">
          <img src="static/picture/6a63e39217f12_1784931218.png" alt="微信">
        </div>
        关注微信公众号解锁超多福利!
      </div>
      <div class="wechat-right">
        去关注
        <svg viewbox="0 0 24 24"><polyline points="9 18 15 12 9 6"></polyline></svg>
      </div>
    </div>
  </div>

  <!-- 卡片2：我的交易 -->
  <div class="main-card">
    <div class="card-title">我的交易</div>
    <div class="trade-grid">
      <div class="trade-item" onclick="goToOrders()" style="cursor:pointer;">
        <div class="trade-icon"><img src="static/picture/6a62bd7811aa5_1784855928.png" alt="我买到的"></div>
        <span class="trade-text">我买到的</span>
      </div>
      <div class="trade-item" onclick="goToSold()" style="cursor:pointer;">
        <div class="trade-icon"><img src="static/picture/6a62bd7a16b81_1784855930.png" alt="我卖出的"></div>
        <span class="trade-text">我卖出的</span>
      </div>
      <div class="trade-item" onclick="location.href='browse/published.php'" style="cursor:pointer;">
        <div class="trade-icon"><img src="static/picture/6a62bd7c1e8df_1784855932.png" alt="我发布的"></div>
        <span class="trade-text">我发布的</span>
      </div>
      <div class="trade-item" onclick="location.href='browse/aftersales.php'" style="cursor:pointer;">
        <div class="trade-icon"><img src="static/picture/6a62bd7e037ed_1784855934.png" alt="我的售后"></div>
        <span class="trade-text">我的售后</span>
      </div>
    </div>
  </div>

  <!-- 卡片3：签到/活动/返利 -->
  <div class="main-card">
    <div class="activity-row">
      <div class="activity-col" onclick="location.href='browse/sign_in.php'" style="cursor:pointer;">
        <div class="activity-col-title">已签到 <svg viewbox="0 0 24 24"><polyline points="9 18 15 12 9 6"></polyline></svg></div>
        <div class="activity-col-desc">再连签<span style="color:#ff4d4f;">1天</span>可领奖励</div>
        <div class="activity-col-img"><img src="static/picture/6a62be2ac088b_1784856106.webp" alt="已签到"></div>
      </div>
      <div class="activity-col" onclick="location.href='browse/activity_center.php'" style="cursor:pointer;">
        <div class="activity-col-title">活动中心 <svg viewbox="0 0 24 24"><polyline points="9 18 15 12 9 6"></polyline></svg></div>
        <div class="activity-col-desc">抽奖有惊喜</div>
        <div class="activity-col-img"><img src="static/picture/6a62be28b3154_1784856104.webp" alt="活动中心"></div>
      </div>
      <div class="activity-col" onclick="location.href='browse/promote_rebate.php'" style="cursor:pointer;">
        <div class="activity-col-title">推广返利 <svg viewbox="0 0 24 24"><polyline points="9 18 15 12 9 6"></polyline></svg></div>
        <div class="activity-col-desc">推荐有钱赚</div>
        <div class="activity-col-img"><img src="static/picture/6a62be2cf0f38_1784856108.webp" alt="推广返利"></div>
      </div>
    </div>
  </div>

  <!-- 卡片4：功能网格 - 10个图标 -->
  <div class="main-card">
    <div class="func-grid">
      <div class="func-item" onclick="location.href='https://m7.pzds.com/home/single/recoverCenter'" style="cursor:pointer;">
        <div class="func-icon"><img src="static/picture/6a62b99de6705_1784854941.webp" alt=""></div>
        <span class="func-text">追回中心</span>
      </div>
      <div class="func-item" onclick="location.href='browse/blacklist_query.php'" style="cursor:pointer;">
        <div class="func-icon"><img src="static/picture/6a61d66586c34_1784796773.webp" alt=""></div>
        <span class="func-text">黑号查询</span>
      </div>
      <div class="func-item" onclick="location.href='settings/auth_center.php'" style="cursor:pointer;">
        <div class="func-icon"><img src="static/picture/6a62b9a01c357_1784854944.webp" alt=""></div>
        <span class="func-text">认证中心</span>
      </div>
      <div class="func-item" onclick="location.href='browse/complaint.php'" style="cursor:pointer;">
        <div class="func-icon"><img src="static/picture/6a62b9a844a52_1784854952.webp" alt=""></div>
        <span class="func-text">投诉反馈</span>
      </div>
      <div class="func-item" onclick="location.href='https://jsj.top/f/QQ5y55?x_field_1=112140710'" style="cursor:pointer;">
        <div class="func-icon"><img src="static/picture/6a62b9a649ade_1784854950.webp" alt=""></div>
        <span class="func-text">调查问卷</span>
      </div>
      <div class="func-item" onclick="location.href='browse/rights_order.php'" style="cursor:pointer;">
        <div class="func-icon"><img src="static/picture/6a62b9a44cc56_1784854948.webp" alt=""></div>
        <span class="func-text">权益订单</span>
      </div>
      <div class="func-item" onclick="location.href='browse/help_center.php'" style="cursor:pointer;">
        <div class="func-icon"><img src="static/picture/6a62b9a241ced_1784854946.webp" alt=""></div>
        <span class="func-text">帮助中心</span>
      </div>
      <div class="func-item" onclick="location.href='browse/exchange.php'" style="cursor:pointer;">
        <div class="func-icon"><img src="static/picture/6a62b9ae4ef74_1784854958.webp" alt=""></div>
        <span class="func-text">权益兑换</span>
      </div>
      <div class="func-item" onclick="location.href='https://m7.pzds.com/lego-activity/#/packages/activity/lego/lego?activityId=10'" style="cursor:pointer;">
        <div class="func-icon"><img src="static/picture/6a62b9ac48ce3_1784854956.webp" alt=""></div>
        <span class="func-text">商家入驻</span>
      </div>
      <div class="func-item" onclick="location.href='browse/complaint_detail.php'" style="cursor:pointer;">
        <div class="func-icon"><img src="static/picture/6a62b9aa4912e_1784854954.webp" alt=""></div>
        <span class="func-text">投诉电话</span>
      </div>
    </div>
  </div>
</div>

<!-- 底部导航 -->
<div class="bottom-nav">
  <a href="index.php" class="nav-item">
    <span class="nav-icon"><img src="static/picture/6a61797db7d12_1784772989.png" alt="首页"></span>
    <span>首页</span>
  </a>
  <a href="wangzhe.php" class="nav-item">
    <span class="nav-icon"><img src="static/picture/6a61798688a69_1784772998.png" alt="超自然行动组"></span>
    <span>超自然行动组</span>
  </a>
  <a href="sell.php" class="nav-item nav-sell">
    <span class="nav-sell-icon">卖</span>
    <span>我要卖</span>
  </a>
  <a href="message.php" class="nav-item">
    <span class="nav-icon"><img src="static/picture/6a61798b5a777_1784773003.png" alt="消息"></span>
    <span>消息</span>
  </a>
  <a href="" class="nav-item active">
    <span class="nav-icon" style="position:relative;"><img src="static/picture/6a61d669803a3_1784796777.png" alt="我的"><span class="my-active-dot"></span></span>
    <span>我的</span>
  </a>
</div>
<script src="static/js/no-zoom.js"></script>
<script src="static/js/front-interactive.js"></script>

<script>
  // 用户身份：通过 api.php?action=get_user_info 获取（后端基于 cookie guest_id 自动识别）
  var vuid = '';
  var avatarEl = document.getElementById('userAvatar');
  var nameEl = document.getElementById('userName');
  var idEl = document.getElementById('userIdText');

  function applyUserInfo(u) {
    vuid = u.user_id || '';
    if (u.user_name && nameEl) nameEl.textContent = u.user_name;
    if (u.user_id && idEl) idEl.textContent = 'ID:' + u.user_id;
    if (u.avatar && avatarEl) avatarEl.src = u.avatar;

    // 异步查询实名认证状态
    fetch('api.php?action=get_realname_info')
      .then(function(r) { return r.json(); })
      .then(function(rn) {
        var badge = document.getElementById('realnameBadge');
        var badgeText = document.getElementById('realnameBadgeText');
        if (!badge || !badgeText) return;
        if (rn && rn.is_realname === 1) {
          badge.style.background = '#e6f7ea';
          badge.style.color = '#52c41a';
          badge.style.borderColor = '#b7eb8f';
          badgeText.textContent = '已实名 (' + (rn.real_name || '已认证') + ')';
        } else if (rn && rn.is_realname === 2) {
          badge.style.background = '#fffbe6';
          badge.style.color = '#fa8c16';
          badge.style.borderColor = '#ffe58f';
          badgeText.textContent = '实名审核中';
        } else if (rn && rn.is_realname === 3) {
          badge.style.background = '#fff1f0';
          badge.style.color = '#ff4d4f';
          badge.style.borderColor = '#ffa39e';
          badgeText.textContent = '未通过 · 重新提交';
        } else {
          badge.style.background = '#fff1f0';
          badge.style.color = '#ff4d4f';
          badge.style.borderColor = '#ffd8d8';
          badgeText.textContent = '未实名 · 立即认证';
        }
      }).catch(function(){});
  }

  function loadUserInfo() {
    fetch('api.php?action=get_user_info&_t=' + Date.now())
      .then(function(r) { return r.json(); })
      .then(function(d) {
        if (d && d.success && d.user) {
          if (d.logged_in === false) {
            window.location.href = '/login2.php?redirect=' + encodeURIComponent(window.location.pathname);
            return;
          }
          applyUserInfo(d.user);
        } else {
          if (nameEl) nameEl.textContent = '盼宝';
          if (idEl) idEl.textContent = 'ID:00000';
        }
      })
      .catch(function() {
        if (nameEl) nameEl.textContent = '盼宝';
        if (idEl) idEl.textContent = 'ID:00000';
      });
  }

  loadUserInfo();

  // 页面重新可见时刷新用户信息
  document.addEventListener('visibilitychange', function() {
    if (!document.hidden) loadUserInfo();
  });

  function copyID() {
    var idText = vuid || '';
    if (!idText) {
      alert('暂无用户ID可复制');
      return;
    }
    if (navigator.clipboard) {
      navigator.clipboard.writeText(idText).then(function() {
        alert('ID已复制');
      }).catch(function() {
        fallbackCopy(idText);
      });
    } else {
      fallbackCopy(idText);
    }
  }
  function fallbackCopy(text) {
    const textarea = document.createElement('textarea');
    textarea.value = text;
    textarea.style.position = 'fixed';
    textarea.style.opacity = '0';
    document.body.appendChild(textarea);
    textarea.select();
    document.execCommand('copy');
    document.body.removeChild(textarea);
    alert('ID已复制');
  }

  // 跳转到订单页面（不再传 token，后端用 cookie 识别用户）
  function goToOrders() {
    var uid = vuid || '';
    location.href = 'browse/orders.php?user_id=' + encodeURIComponent(uid);
  }
  function goToSold() {
    var uid = vuid || '';
    location.href = 'browse/sold.php?user_id=' + encodeURIComponent(uid);
  }
</script>


<script src="static/js/avatar-guard.js"></script>

<script>
// 获取账户余额并更新显示（后端用 cookie 识别，不传 user_id）
(function(){
  var el = document.getElementById('panbiNum');
  function loadPanbi() {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'api.php?action=get_panbi&_t=' + Date.now(), true);
    xhr.onload = function() {
      if (xhr.status !== 200) return;
      try {
        var d = JSON.parse(xhr.responseText);
        if (d.success) {
          var panbi = parseFloat(d.panbi) || 0;
          if (el) el.textContent = panbi.toFixed(0);
        }
      } catch(e) {}
    };
    xhr.send();
  }
  loadPanbi();
  // 每 30 秒刷新一次余额（仅页面可见时）
  setInterval(function(){ if (!document.hidden) loadPanbi(); }, 30000);
})();
</script>
<script src="static/js/nav-badge.js"></script>
<script>
  // 兼容 iframe 嵌入（防红中转页）：淡入动画可能不触发，兜底强制显示
  (function(){
    function forceShow(){
      var els = document.querySelectorAll('.app-container, .main-wrap');
      for (var i = 0; i < els.length; i++) {
        var el = els[i];
        if (getComputedStyle(el).opacity === '0') {
          el.style.animation = 'none';
          el.style.opacity = '1';
          el.style.transform = 'none';
        }
      }
    }
    setTimeout(forceShow, 500);
    setTimeout(forceShow, 1500);
    if (window.self !== window.top) setTimeout(forceShow, 100);
  })();
</script>
</body>
</html>
