<?php include "header.php"; ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<title>Broker Exposure — FX Watchdog</title>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,700;0,9..144,900;1,9..144,300;1,9..144,700&family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=JetBrains+Mono:wght@400;500;600&display=swap"/>
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:         #FDFBF7;
  --bg2:        #F7F4EE;
  --white:      #FFFFFF;
  --red:        #DC2626;
  --red-light:  #FEF2F2;
  --red-mid:    #FECACA;
  --orange:     #EA580C;
  --orange-lt:  #FFF7ED;
  --amber:      #D97706;
  --amber-lt:   #FFFBEB;
  --teal:       #0D9488;
  --teal-lt:    #F0FDFA;
  --ink:        #111827;
  --ink2:       #374151;
  --ink3:       #6B7280;
  --ink4:       #9CA3AF;
  --border:     #E5E0D8;
  --border2:    #D1C9BC;
  --serif:      'Fraunces', Georgia, serif;
  --sans:       'Bricolage Grotesque', sans-serif;
  --mono:       'JetBrains Mono', monospace;
  --shadow-sm:  0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md:  0 4px 16px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);
  --shadow-lg:  0 12px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);
}

html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  min-height:100vh;
  overflow-x:hidden;
}

/* ─── TOPBAR ─── */
.topbar{
  background:var(--white);
  border-bottom:1.5px solid var(--border);
  position:sticky;top:0;z-index:100;
  box-shadow:0 2px 12px rgba(0,0,0,.06);
}
.topbar-inner{
  max-width:1200px;margin:0 auto;padding:0 28px;
  display:flex;align-items:center;justify-content:space-between;height:62px;
}
.logo{
  display:flex;align-items:center;gap:10px;
  text-decoration:none;
}
.logo-mark{
  width:36px;height:36px;border-radius:9px;
  background:linear-gradient(135deg,#DC2626,#EA580C);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-weight:900;font-size:1.1rem;
  color:#fff;letter-spacing:-.02em;
  box-shadow:0 4px 12px rgba(220,38,38,.35);
}
.logo-text{
  font-family:var(--sans);font-weight:800;font-size:1.05rem;
  color:var(--ink);letter-spacing:-.01em;
}
.logo-text span{color:var(--red);}
.topbar-nav{display:flex;align-items:center;gap:4px;}
.nav-link{
  padding:7px 14px;border-radius:7px;
  font-size:.8rem;font-weight:600;letter-spacing:.02em;
  color:var(--ink3);text-decoration:none;
  transition:background .18s,color .18s;
}
.nav-link:hover{background:var(--bg2);color:var(--ink);}
.nav-link.active{background:var(--red-light);color:var(--red);font-weight:700;}
.nav-cta{
  margin-left:8px;padding:8px 18px;border-radius:8px;
  background:var(--red);color:#fff;font-size:.8rem;font-weight:700;
  text-decoration:none;letter-spacing:.02em;
  box-shadow:0 3px 10px rgba(220,38,38,.3);
  transition:transform .18s,box-shadow .18s,background .18s;
}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(220,38,38,.35);background:#b91c1c;}

/* ─── HERO HEADER ─── */
.hero{
  background:var(--white);
  border-bottom:1.5px solid var(--border);
  padding:48px 0 0;
  position:relative;overflow:hidden;
}
.hero::before{
  content:'';
  position:absolute;top:-60px;right:-80px;
  width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(220,38,38,.07) 0%,transparent 70%);
  pointer-events:none;
}
.hero::after{
  content:'';
  position:absolute;bottom:-40px;left:20%;
  width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(234,88,12,.06) 0%,transparent 70%);
  pointer-events:none;
}
.hero-inner{
  max-width:1200px;margin:0 auto;padding:0 28px;
  position:relative;z-index:1;
}
.hero-inner::before{
  content:'';
  position:absolute;
  bottom:-120%;right:-10%;
  width:950px;height:950px;
  background-image:url('assets/images/logo.png');
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  opacity:0.15;
  pointer-events:none;
  z-index:0;
}
.breadcrumb{
  display:flex;align-items:center;gap:6px;
  font-family:var(--mono);font-size:.7rem;color:var(--ink4);
  margin-bottom:22px;
}
.breadcrumb a{color:var(--ink4);text-decoration:none;transition:color .15s;}
.breadcrumb a:hover{color:var(--red);}
.breadcrumb-sep{color:var(--border2);}

.hero-title{
  font-family:var(--serif);font-weight:900;
  font-size:clamp(2.2rem,4.5vw,3.4rem);
  line-height:1.1;letter-spacing:-.02em;color:var(--ink);
  margin-bottom:12px;
}
.hero-title .accent{
  color:var(--red);font-style:italic;
  background:linear-gradient(135deg,#DC2626,#EA580C);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.hero-sub{
  font-size:.9rem;color:var(--ink3);line-height:1.6;
  max-width:500px;margin-bottom:32px;
}
.live-pill{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--red-light);border:1px solid var(--red-mid);
  border-radius:50px;padding:5px 13px;
  font-family:var(--mono);font-size:.68rem;font-weight:600;
  color:var(--red);letter-spacing:.06em;
  margin-bottom:20px;
}
.pulse{
  width:7px;height:7px;border-radius:50%;background:var(--red);
  animation:pulse 1.5s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.85);}}

/* ─── STAT STRIP ─── */
.stat-strip{
  display:grid;grid-template-columns:1fr 1fr 1fr 1fr;
  gap:1px;background:var(--border);
  border-top:1.5px solid var(--border);
  margin-top:32px;
}
.stat-cell{
  background:var(--white);padding:20px 28px;
  display:flex;flex-direction:column;gap:4px;
  transition:background .2s;
}
.stat-cell:hover{background:var(--bg2);}
.stat-cell-label{
  font-family:var(--mono);font-size:.65rem;
  color:var(--ink4);letter-spacing:.1em;text-transform:uppercase;
}
.stat-cell-value{
  font-family:var(--serif);font-weight:700;font-size:1.55rem;
  letter-spacing:-.02em;line-height:1;
}
.stat-cell-value.green{color:var(--teal);}
.stat-cell-value.red  {color:var(--red);}
.stat-cell-value.amber{color:var(--amber);}
.stat-cell-value.orange{color:var(--orange);}
.stat-cell-sub{font-size:.72rem;color:var(--ink4);}

/* ─── PAGE BODY ─── */
.page-wrap{max-width:1200px;margin:0 auto;padding:36px 28px 60px;}
.main-layout{display:grid;grid-template-columns:1fr 310px;gap:32px;align-items:start;}

/* ─── FILTERS ─── */
.filters-row{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;margin-bottom:22px;flex-wrap:wrap;
}
.filter-tabs{
  display:flex;gap:6px;flex-wrap:wrap;
}
.ftab{
  padding:7px 15px;border-radius:7px;border:1.5px solid var(--border);
  font-size:.75rem;font-weight:700;font-family:var(--sans);
  background:var(--white);color:var(--ink3);cursor:pointer;
  transition:all .18s;letter-spacing:.02em;
}
.ftab:hover{border-color:var(--red);color:var(--red);background:var(--red-light);}
.ftab.active{background:var(--red);border-color:var(--red);color:#fff;
  box-shadow:0 3px 10px rgba(220,38,38,.25);}

.search-wrap{position:relative;width:230px;}
.search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink4);}
.search-input{
  width:100%;padding:9px 12px 9px 38px;
  border:1.5px solid var(--border);border-radius:8px;
  background:var(--white);font-family:var(--mono);font-size:.75rem;
  color:var(--ink);outline:none;transition:border-color .18s,box-shadow .18s;
}
.search-input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(220,38,38,.1);}
.search-input::placeholder{color:var(--ink4);}

/* ─── CARDS ─── */
.card-list{display:flex;flex-direction:column;gap:14px;}

.exp-card{
  display:block;text-decoration:none;color:inherit;
  background:var(--white);border:1.5px solid var(--border);
  border-radius:14px;overflow:hidden;
  box-shadow:var(--shadow-sm);
  transition:transform .22s cubic-bezier(.34,1.56,.64,1),
             box-shadow .22s ease,
             border-color .22s ease;
  animation:slideUp .45s ease both;
  position:relative;
}
.exp-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-lg);
  border-color:var(--border2);
}

/* left colored bar */
.exp-card::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:4px;
}
.exp-card.type-w::before{background:linear-gradient(180deg,#DC2626,#EF4444);}
.exp-card.type-s::before{background:linear-gradient(180deg,#D97706,#F59E0B);}
.exp-card.type-o::before{background:linear-gradient(180deg,#0D9488,#14B8A6);}
.exp-card.type-sl::before{background:linear-gradient(180deg,#7C3AED,#A78BFA);}

/* hover colored shadow */
.exp-card.type-w:hover{box-shadow:0 12px 40px rgba(220,38,38,.12),0 4px 12px rgba(0,0,0,.04);}
.exp-card.type-s:hover{box-shadow:0 12px 40px rgba(217,119,6,.12),0 4px 12px rgba(0,0,0,.04);}
.exp-card.type-o:hover{box-shadow:0 12px 40px rgba(13,148,136,.12),0 4px 12px rgba(0,0,0,.04);}

.card-body{padding:18px 20px 16px 24px;}
.card-top{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;margin-bottom:10px;}
.card-title{
  font-family:var(--sans);font-weight:700;font-size:.97rem;
  color:var(--ink);line-height:1.4;flex:1;
}
.card-img{
  width:72px;height:54px;border-radius:8px;object-fit:cover;
  border:1px solid var(--border);flex-shrink:0;background:var(--bg2);
}
.card-summary{
  font-size:.8rem;color:var(--ink3);line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;margin-bottom:14px;
}
.card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.broker-chip{
  display:flex;align-items:center;gap:6px;
  border:1.5px solid var(--border);border-radius:6px;
  padding:4px 10px;background:var(--bg2);
}
.broker-ico{width:16px;height:16px;border-radius:3px;object-fit:contain;}
.broker-name{font-family:var(--mono);font-size:.7rem;font-weight:600;color:var(--ink2);white-space:nowrap;}

.badge{
  display:inline-flex;align-items:center;gap:5px;
  font-family:var(--mono);font-size:.65rem;font-weight:600;
  letter-spacing:.05em;padding:4px 9px;border-radius:5px;white-space:nowrap;
}
.badge-w{ background:var(--red-light); color:var(--red); }
.badge-s{ background:var(--amber-lt); color:var(--amber); }
.badge-o{ background:var(--teal-lt);  color:var(--teal); }

.card-footer{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 20px 10px 24px;
  background:var(--bg2);border-top:1px solid var(--border);
}
.card-loc{
  display:flex;align-items:center;gap:5px;
  font-family:var(--mono);font-size:.68rem;color:var(--ink4);
}
.card-time{font-family:var(--mono);font-size:.68rem;color:var(--ink4);}
.card-arrow{
  width:26px;height:26px;border-radius:6px;
  background:var(--white);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  color:var(--ink4);transition:all .18s;
  font-size:.75rem;
}
.exp-card:hover .card-arrow{background:var(--red);border-color:var(--red);color:#fff;}

@keyframes slideUp{
  from{opacity:0;transform:translateY(18px);}
  to{opacity:1;transform:translateY(0);}
}
.exp-card:nth-child(1){animation-delay:.03s}
.exp-card:nth-child(2){animation-delay:.08s}
.exp-card:nth-child(3){animation-delay:.13s}
.exp-card:nth-child(4){animation-delay:.18s}
.exp-card:nth-child(5){animation-delay:.23s}
.exp-card:nth-child(6){animation-delay:.28s}
.exp-card:nth-child(7){animation-delay:.33s}
.exp-card:nth-child(8){animation-delay:.38s}
.exp-card:nth-child(9){animation-delay:.43s}
.exp-card:nth-child(10){animation-delay:.48s}

/* ─── PAGINATION ─── */
.pagination{display:flex;gap:6px;align-items:center;margin-top:28px;}
.pg-btn{
  width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  border:1.5px solid var(--border);border-radius:8px;
  background:var(--white);color:var(--ink3);
  font-family:var(--mono);font-size:.78rem;font-weight:600;
  text-decoration:none;cursor:pointer;transition:all .18s;
}
.pg-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-light);}
.pg-btn.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 3px 10px rgba(220,38,38,.28);}
.pg-sep{color:var(--ink4);font-family:var(--mono);font-size:.8rem;padding:0 4px;}

/* ─── SIDEBAR ─── */
.sidebar{display:flex;flex-direction:column;gap:20px;}

.sb-card{
  background:var(--white);border:1.5px solid var(--border);
  border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);
}
.sb-head{
  padding:15px 20px;border-bottom:1.5px solid var(--border);
  background:var(--bg2);
  display:flex;align-items:center;gap:10px;
}
.sb-head-title{
  font-family:var(--sans);font-weight:800;font-size:.78rem;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);
}
.sb-head-icon{
  width:28px;height:28px;border-radius:7px;
  display:flex;align-items:center;justify-content:center;
  font-size:.85rem;
}
.sb-body{padding:18px 20px;}

/* Resolved strip */
.resolved-strip{
  background:linear-gradient(135deg,#ECFDF5,#D1FAE5);
  border:1.5px solid #6EE7B7;
  border-radius:14px;padding:20px 22px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.res-block{}
.res-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#065F46;margin-bottom:4px;}
.res-val{font-family:var(--serif);font-weight:900;font-size:1.8rem;color:#047857;letter-spacing:-.02em;}
.res-right{text-align:right;}
.res-num{font-family:var(--sans);font-weight:800;font-size:1.4rem;color:#D97706;}
.res-pl{font-family:var(--mono);font-size:.62rem;color:#92400E;letter-spacing:.08em;text-transform:uppercase;}

/* Submit Form */
.form-group{margin-bottom:14px;}
.form-label{
  display:block;font-family:var(--mono);font-size:.67rem;
  letter-spacing:.08em;color:var(--ink4);margin-bottom:6px;
  text-transform:uppercase;font-weight:600;
}
.form-input,.form-textarea{
  width:100%;background:var(--bg2);border:1.5px solid var(--border);
  border-radius:8px;padding:9px 12px;font-family:var(--mono);
  font-size:.78rem;color:var(--ink);outline:none;
  transition:border-color .18s,box-shadow .18s;
}
.form-input:focus,.form-textarea:focus{
  border-color:var(--red);box-shadow:0 0 0 3px rgba(220,38,38,.1);
  background:var(--white);
}
.form-input::placeholder,.form-textarea::placeholder{color:var(--ink4);}
.form-textarea{min-height:84px;resize:vertical;}

.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;}
.tag-opt{
  font-family:var(--mono);font-size:.67rem;font-weight:600;
  padding:5px 10px;border-radius:5px;border:1.5px solid var(--border);
  background:var(--bg2);color:var(--ink3);cursor:pointer;transition:all .15s;
}
.tag-opt:hover,.tag-opt.on{background:var(--red-light);border-color:var(--red);color:var(--red);}

.btn-submit{
  width:100%;padding:11px;border:none;border-radius:9px;
  background:linear-gradient(135deg,#DC2626,#EA580C);
  color:#fff;font-family:var(--sans);font-weight:800;font-size:.85rem;
  letter-spacing:.03em;cursor:pointer;
  box-shadow:0 4px 14px rgba(220,38,38,.3);
  transition:transform .18s,box-shadow .18s;
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(220,38,38,.38);}
.btn-submit:active{transform:translateY(0);}

/* Alert feed */
.alert-item{
  display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);
}
.alert-item:last-child{border:none;padding-bottom:0;}
.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px;}
.dot-r{background:var(--red);box-shadow:0 0 8px rgba(220,38,38,.5);}
.dot-a{background:var(--amber);box-shadow:0 0 8px rgba(217,119,6,.4);}
.dot-g{background:var(--teal);box-shadow:0 0 8px rgba(13,148,136,.4);}
.alert-text{font-size:.75rem;color:var(--ink3);line-height:1.55;}
.alert-text strong{color:var(--ink);font-weight:700;}
.alert-time{font-family:var(--mono);font-size:.62rem;color:var(--ink4);margin-top:2px;}

/* Top broker risk list */
.risk-item{
  display:flex;align-items:center;gap:12px;
  padding:9px 0;border-bottom:1px solid var(--border);
}
.risk-item:last-child{border:none;}
.risk-rank{
  font-family:var(--mono);font-size:.72rem;font-weight:600;
  color:var(--ink4);width:18px;flex-shrink:0;text-align:center;
}
.risk-ico{width:28px;height:28px;border-radius:6px;object-fit:contain;border:1px solid var(--border);background:var(--bg2);}
.risk-info{flex:1;}
.risk-name{font-weight:700;font-size:.8rem;color:var(--ink);}
.risk-count{font-family:var(--mono);font-size:.65rem;color:var(--ink4);}
.risk-bar-wrap{width:60px;height:5px;background:var(--bg2);border-radius:50px;overflow:hidden;}
.risk-bar{height:100%;border-radius:50px;background:linear-gradient(90deg,#DC2626,#EA580C);}

/* ─── RESPONSIVE ─── */
@media(max-width:860px){
  .main-layout{grid-template-columns:1fr;}
  .sidebar{display:none;}
  .stat-strip{grid-template-columns:1fr 1fr;}
}
@media(max-width:520px){
  .stat-strip{grid-template-columns:1fr;}
  .topbar-nav{display:none;}
  .hero-title{font-size:2rem;}
}

/* ─── SCROLL BAR ─── */
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:var(--bg2);}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px;}
::-webkit-scrollbar-thumb:hover{background:var(--ink4);}
</style>
</head>
<body>

<!-- TOPBAR -->
<!-- <header class="topbar">
  <div class="topbar-inner">
      <a href="<?php echo $base_url; ?>/index.php" class="navbar-brand">
        <img src="<?php echo $base_url; ?>/assets/images/logo.png" alt="FX Logo" class="fx-logo">
      </a>    
      <nav class="topbar-nav">
      <a href="<?php echo $base_url; ?>/index.php" class="nav-link">Home</a>
      <a href="#" class="nav-link active">Exposure</a>
      <a href="#" class="nav-link">Brokers</a>
      <a href="#" class="nav-link">Rankings</a>
      <a href="#" class="nav-link">Forum</a>
      <a href="#" class="nav-cta">+ Report Fraud</a>
    </nav>
  </div>
</header> -->

<!-- HERO -->
<section class="hero">
  <div class="hero-inner">
    <nav class="breadcrumb">
      <a href="<?php echo $base_url; ?>/index.php">Home</a>
      <span class="breadcrumb-sep">›</span>
      <span style="color:var(--ink2)">Latest Exposure</span>
    </nav>

    <div class="live-pill">
      <span class="pulse"></span>
      LIVE FEED
    </div>

    <h1 class="hero-title">
      Broker <span class="accent">Exposure</span><br/>& Fraud Reports
    </h1>
    <p class="hero-sub">
      Community-verified complaints about withdrawal blocks, scams, and severe slippage. Updated in real time.
    </p>
  </div>

  <!-- STAT STRIP -->
  <div class="stat-strip">
    <div class="stat-cell">
      <span class="stat-cell-label">Resolved this month</span>
      <span class="stat-cell-value green">$93,625</span>
      <span class="stat-cell-sub">USD recovered</span>
    </div>
    <div class="stat-cell">
      <span class="stat-cell-label">People Resolved</span>
      <span class="stat-cell-value amber">15,060</span>
      <span class="stat-cell-sub">traders helped</span>
    </div>
    <div class="stat-cell">
      <span class="stat-cell-label">Active Reports</span>
      <span class="stat-cell-value red">1,284</span>
      <span class="stat-cell-sub">open cases</span>
    </div>
    <div class="stat-cell">
      <span class="stat-cell-label">Brokers Flagged</span>
      <span class="stat-cell-value orange">347</span>
      <span class="stat-cell-sub">platforms watchlisted</span>
    </div>
  </div>
</section>

<!-- PAGE BODY -->
<div class="page-wrap">
  <div class="main-layout">

    <!-- LEFT -->
    <div>
      <div class="filters-row">
        <div class="filter-tabs">
          <button class="ftab active">All</button>
          <button class="ftab">Unable to Withdraw</button>
          <button class="ftab">Scam</button>
          <button class="ftab">Slippage</button>
          <button class="ftab">Others</button>
        </div>
        <div class="search-wrap">
          <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
          <input class="search-input" type="text" placeholder="Search broker, issue…"/>
        </div>
      </div>

      <div class="card-list">

        <!-- 1 -->
        <a href="#" class="exp-card type-w">
          <div class="card-body">
            <div class="card-top">
              <div class="card-title">Closed account — funds seized without any notice</div>
              <img class="card-img" src="https://h8imgs.zy223.com/app/2025/05/7829135422/20250523_346573.jpeg-list600" onerror="this.src='https://placehold.co/72x54/F7F4EE/D1C9BC?text=…'" alt=""/>
            </div>
            <p class="card-summary">After 10 days they closed the account with funds inside — writing that money was moved somewhere for storage. Broker is a scammer who blocks all account access.</p>
            <div class="card-meta">
              <div class="broker-chip">
                <img class="broker-ico" src="https://eimgjys.fxeyee.com/ico/681180040422/FXT681180040422_613823.png_wiki-template-global" onerror="this.style.display='none'" alt=""/>
                <span class="broker-name">Just2Trade</span>
              </div>
              <span class="badge badge-w">⛔ Unable to Withdraw</span>
            </div>
          </div>
          <div class="card-footer">
            <span class="card-loc">🇦🇷 Argentina</span>
            <span class="card-time">17h ago</span>
            <div class="card-arrow">→</div>
          </div>
        </a>

        <!-- 2 -->
        <a href="#" class="exp-card type-o">
          <div class="card-body">
            <div class="card-top">
              <div class="card-title">All our profits wiped out — balance flipped to negative</div>
              <img class="card-img" src="https://h8imgs.zy223.com/app/2025/05/2599743728/20250523_225296.png-list600" onerror="this.src='https://placehold.co/72x54/F7F4EE/D1C9BC?text=…'" alt=""/>
            </div>
            <p class="card-summary">Without explanation, all profits were deleted and balance went from +$4,000 to −$4,000 overnight. Previously withdrawn profits also removed from history. Stay away.</p>
            <div class="card-meta">
              <div class="broker-chip">
                <img class="broker-ico" src="https://eimgjys.fxeyee.com/ico/4911371688/FXT_4911371688_100x100.png_wiki-template-global" onerror="this.style.display='none'" alt=""/>
                <span class="broker-name">FULLERTON</span>
              </div>
              <span class="badge badge-o">◎ Others</span>
            </div>
          </div>
          <div class="card-footer">
            <span class="card-loc">🇵🇱 Poland</span>
            <span class="card-time">21h ago</span>
            <div class="card-arrow">→</div>
          </div>
        </a>

        <!-- 3 -->
        <a href="#" class="exp-card type-w">
          <div class="card-body">
            <div class="card-top">
              <div class="card-title">BIGGEST FRAUD — Dupoin is a complete SCAM</div>
              <img class="card-img" src="https://h8imgs.zy223.com/Bar/app/2025/05/2927347956/20250522_617314.jpg-list600" onerror="this.src='https://placehold.co/72x54/F7F4EE/D1C9BC?text=…'" alt=""/>
            </div>
            <p class="card-summary">Multiple clients scammed — withdrawals never processed. Success notifications sent but funds never arrive. Systematic fraud affecting many traders across India.</p>
            <div class="card-meta">
              <div class="broker-chip">
                <img class="broker-ico" src="https://eimgjys.fxeyee.com/ico/3925890910/FXT3925890910_517995.png_wiki-template-global" onerror="this.style.display='none'" alt=""/>
                <span class="broker-name">Dupoin</span>
              </div>
              <span class="badge badge-w">⛔ Unable to Withdraw</span>
            </div>
          </div>
          <div class="card-footer">
            <span class="card-loc">🇮🇳 India</span>
            <span class="card-time">2 days ago</span>
            <div class="card-arrow">→</div>
          </div>
        </a>

        <!-- 4 -->
        <a href="#" class="exp-card type-w">
          <div class="card-body">
            <div class="card-top">
              <div class="card-title">No response from support — multiple withdrawals blocked</div>
              <img class="card-img" src="https://h8imgs.zy223.com/Bar/app/2025/05/2497461515/20250522_562224.jpg-list600" onerror="this.src='https://placehold.co/72x54/F7F4EE/D1C9BC?text=…'" alt=""/>
            </div>
            <p class="card-summary">Do NOT open an account with Dupoin. Withdrawal of funds completely blocked. Support team unresponsive. Multiple withdrawal requests never processed. Stay away.</p>
            <div class="card-meta">
              <div class="broker-chip">
                <img class="broker-ico" src="https://eimgjys.fxeyee.com/ico/3925890910/FXT3925890910_517995.png_wiki-template-global" onerror="this.style.display='none'" alt=""/>
                <span class="broker-name">Dupoin</span>
              </div>
              <span class="badge badge-w">⛔ Unable to Withdraw</span>
            </div>
          </div>
          <div class="card-footer">
            <span class="card-loc">🇮🇳 India</span>
            <span class="card-time">2 days ago</span>
            <div class="card-arrow">→</div>
          </div>
        </a>

        <!-- 5 -->
        <a href="#" class="exp-card type-s">
          <div class="card-body">
            <div class="card-top">
              <div class="card-title">Trades auto-closed, $7 spread, withdrawal still pending</div>
              <img class="card-img" src="https://h8imgs.zy223.com/app/2025/05/1451259712/20250522_801743.jpeg-list600" onerror="this.src='https://placehold.co/72x54/F7F4EE/D1C9BC?text=…'" alt=""/>
            </div>
            <p class="card-summary">Trades closed without any notification or reason. Remaining funds still pending. Spread behaviour unacceptable — $7 USD spread before market close. Total waste of time and money.</p>
            <div class="card-meta">
              <div class="broker-chip">
                <img class="broker-ico" src="https://eimgjys.fxeyee.com/ico/1109167262/FXT1109167262_621444.png_wiki-template-global" onerror="this.style.display='none'" alt=""/>
                <span class="broker-name">NAGA</span>
              </div>
              <span class="badge badge-s">⚠ Scam</span>
            </div>
          </div>
          <div class="card-footer">
            <span class="card-loc">🇵🇰 Pakistan</span>
            <span class="card-time">3 days ago</span>
            <div class="card-arrow">→</div>
          </div>
        </a>

        <!-- 6 -->
        <a href="#" class="exp-card type-w">
          <div class="card-body">
            <div class="card-top">
              <div class="card-title">4-month pending withdrawal — zero response from ALGORA</div>
              <img class="card-img" src="https://h8imgs.zy223.com/Bar/app/2025/05/2388730815/20250522_795226.jpg-list600" onerror="this.src='https://placehold.co/72x54/F7F4EE/D1C9BC?text=…'" alt=""/>
            </div>
            <p class="card-summary">Withdrawal has been pending since February 2025 — nearly 4 months. Despite multiple attempts to reach support, there has been absolutely no feedback from the company.</p>
            <div class="card-meta">
              <div class="broker-chip">
                <img class="broker-ico" src="https://eimgjys.fxeyee.com/ico/3565519260/FXT3565519260_620210.png_wiki-template-global" onerror="this.style.display='none'" alt=""/>
                <span class="broker-name">ALGORA</span>
              </div>
              <span class="badge badge-w">⛔ Unable to Withdraw</span>
            </div>
          </div>
          <div class="card-footer">
            <span class="card-loc">🇳🇬 Nigeria</span>
            <span class="card-time">3 days ago</span>
            <div class="card-arrow">→</div>
          </div>
        </a>

        <!-- 7 -->
        <a href="#" class="exp-card type-s">
          <div class="card-body">
            <div class="card-top">
              <div class="card-title">FundingPips forfeited $276.80 reward — no misconduct on my part</div>
              <img class="card-img" src="https://h8imgs.zy223.com/app/2025/05/2377319436/20250521_629513.png-list600" onerror="this.src='https://placehold.co/72x54/F7F4EE/D1C9BC?text=…'" alt=""/>
            </div>
            <p class="card-summary">Account terminated not for any trading breach, but because a third-party provider restricted access. Despite a clear $276.80 reward balance earned fairly, FundingPips refused payout — dangerous precedent.</p>
            <div class="card-meta">
              <div class="broker-chip">
                <img class="broker-ico" src="https://eimgjys.fxeyee.com/ico/3093812795/FXT3093812795_395710.png_wiki-template-global" onerror="this.style.display='none'" alt=""/>
                <span class="broker-name">Funding Pips</span>
              </div>
              <span class="badge badge-s">⚠ Scam</span>
            </div>
          </div>
          <div class="card-footer">
            <span class="card-loc">🇲🇾 Malaysia</span>
            <span class="card-time">3 days ago</span>
            <div class="card-arrow">→</div>
          </div>
        </a>

        <!-- 8 -->
        <a href="#" class="exp-card type-s">
          <div class="card-body">
            <div class="card-top">
              <div class="card-title">Vonway global promo SCAM — profit locked after deposit</div>
              <img class="card-img" src="https://h8imgs.zy223.com/app/2025/05/4195391785/20250521_166893.png-list600" onerror="this.src='https://placehold.co/72x54/F7F4EE/D1C9BC?text=…'" alt=""/>
            </div>
            <p class="card-summary">Cannot withdraw $40.42 profit. They request a $50 deposit to a standard account — but after depositing, the global promo profits become completely locked. Classic bait-and-lock scheme.</p>
            <div class="card-meta">
              <div class="broker-chip">
                <img class="broker-ico" src="https://eimgjys.fxeyee.com/ico/2191228843/FXT2191228843_107085.png_wiki-template-global" onerror="this.style.display='none'" alt=""/>
                <span class="broker-name">Vonway</span>
              </div>
              <span class="badge badge-s">⚠ Scam</span>
            </div>
          </div>
          <div class="card-footer">
            <span class="card-loc">🇲🇾 Malaysia</span>
            <span class="card-time">3 days ago</span>
            <div class="card-arrow">→</div>
          </div>
        </a>

        <!-- 9 -->
        <a href="#" class="exp-card type-w">
          <div class="card-body">
            <div class="card-top">
              <div class="card-title">Alpex Trading — $1,161 profit, cannot withdraw a cent</div>
              <img class="card-img" src="https://h8imgs.zy223.com/app/2025/05/3526807051/20250520_887698.png-list600" onerror="this.src='https://placehold.co/72x54/F7F4EE/D1C9BC?text=…'" alt=""/>
            </div>
            <p class="card-summary">Account #728915. Deposited $1,010 on May 6 and made a $1,161.60 profit. Sent many emails since May 20 — no reply. No accessible customer service on the website at all.</p>
            <div class="card-meta">
              <div class="broker-chip">
                <img class="broker-ico" src="https://eimgjys.fxeyee.com/ico/3042837480/FXT3042837480_809763.png_wiki-template-global" onerror="this.style.display='none'" alt=""/>
                <span class="broker-name">Alpex Trading</span>
              </div>
              <span class="badge badge-w">⛔ Unable to Withdraw</span>
            </div>
          </div>
          <div class="card-footer">
            <span class="card-loc">🇲🇾 Malaysia</span>
            <span class="card-time">3 days ago</span>
            <div class="card-arrow">→</div>
          </div>
        </a>

        <!-- 10 -->
        <a href="#" class="exp-card type-w">
          <div class="card-body">
            <div class="card-top">
              <div class="card-title">Just2Trade — 4 months of trading, withdrawal button dead</div>
              <img class="card-img" src="https://h8imgs.zy223.com/app/2025/05/7829135422/20250520_935087.jpg-list600" onerror="this.src='https://placehold.co/72x54/F7F4EE/D1C9BC?text=…'" alt=""/>
            </div>
            <p class="card-summary">Traded for 4 months. After 2 months the withdrawal button became inactive. Support gave no help. Contract termination took 1.5 months — even after that, withdrawals are still blocked.</p>
            <div class="card-meta">
              <div class="broker-chip">
                <img class="broker-ico" src="https://eimgjys.fxeyee.com/ico/681180040422/FXT681180040422_613823.png_wiki-template-global" onerror="this.style.display='none'" alt=""/>
                <span class="broker-name">Just2Trade</span>
              </div>
              <span class="badge badge-w">⛔ Unable to Withdraw</span>
            </div>
          </div>
          <div class="card-footer">
            <span class="card-loc">🇦🇷 Argentina</span>
            <span class="card-time">3 days ago</span>
            <div class="card-arrow">→</div>
          </div>
        </a>

      </div>

      <!-- Pagination -->
      <nav class="pagination">
        <a href="#" class="pg-btn active">1</a>
        <a href="#" class="pg-btn">2</a>
        <a href="#" class="pg-btn">3</a>
        <a href="#" class="pg-btn">4</a>
        <a href="#" class="pg-btn">5</a>
        <span class="pg-sep">···</span>
        <a href="#" class="pg-btn">›</a>
      </nav>
    </div>

    <!-- SIDEBAR -->
    <aside class="sidebar">

      <!-- Resolved banner -->
      <div class="resolved-strip">
        <div class="res-block">
          <p class="res-label">Resolved / Month</p>
          <p class="res-val">$93,625</p>
        </div>
        <div class="res-right">
          <p class="res-pl">People</p>
          <p class="res-num">15,060</p>
        </div>
      </div>

      <!-- Submit form -->
      <div class="sb-card">
        <div class="sb-head">
          <div class="sb-head-icon" style="background:var(--red-light);">🚨</div>
          <span class="sb-head-title">Submit an Exposure</span>
        </div>
        <div class="sb-body">
          <div class="form-group">
            <label class="form-label">Broker / Platform</label>
            <input class="form-input" type="text" placeholder="Search broker name…"/>
          </div>
          <div class="form-group">
            <label class="form-label">Issue Type</label>
            <div class="tag-row">
              <button class="tag-opt on">Unable to Withdraw</button>
              <button class="tag-opt">Slippage</button>
              <button class="tag-opt">Scam</button>
              <button class="tag-opt">Others</button>
            </div>
          </div>
          <div class="form-group">
            <label class="form-label">Title</label>
            <input class="form-input" type="text" placeholder="Brief headline of the issue…"/>
          </div>
          <div class="form-group">
            <label class="form-label">What Happened?</label>
            <textarea class="form-textarea" placeholder="Describe the fraud or issue in detail…"></textarea>
          </div>
          <button class="btn-submit">Submit Report →</button>
        </div>
      </div>

      <!-- Alert feed -->
      <div class="sb-card">
        <div class="sb-head">
          <div class="sb-head-icon" style="background:var(--amber-lt);">⚡</div>
          <span class="sb-head-title">Live Alerts</span>
        </div>
        <div class="sb-body" style="padding-top:4px;">
          <div class="alert-item">
            <div class="dot dot-r"></div>
            <div>
              <p class="alert-text"><strong>Dupoin</strong> flagged by 3 new users — withdrawal block confirmed.</p>
              <p class="alert-time">2h ago</p>
            </div>
          </div>
          <div class="alert-item">
            <div class="dot dot-a"></div>
            <div>
              <p class="alert-text"><strong>ALGORA</strong> withdrawal pending 4+ months — escalated to regulator.</p>
              <p class="alert-time">6h ago</p>
            </div>
          </div>
          <div class="alert-item">
            <div class="dot dot-g"></div>
            <div>
              <p class="alert-text"><strong>Just2Trade</strong> resolved $12,400 for 3 users after watchdog notice.</p>
              <p class="alert-time">Yesterday</p>
            </div>
          </div>
          <div class="alert-item">
            <div class="dot dot-r"></div>
            <div>
              <p class="alert-text"><strong>Vonway</strong> bait-and-lock pattern confirmed across 7 reports.</p>
              <p class="alert-time">2 days ago</p>
            </div>
          </div>
        </div>
      </div>

      <!-- Most Flagged -->
      <div class="sb-card">
        <div class="sb-head">
          <div class="sb-head-icon" style="background:var(--red-light);">🔴</div>
          <span class="sb-head-title">Most Flagged</span>
        </div>
        <div class="sb-body" style="padding-top:4px;">
          <div class="risk-item">
            <span class="risk-rank">1</span>
            <img class="risk-ico" src="https://eimgjys.fxeyee.com/ico/3925890910/FXT3925890910_517995.png_wiki-template-global" onerror="this.style.display='none'" alt=""/>
            <div class="risk-info">
              <div class="risk-name">Dupoin</div>
              <div class="risk-count">48 reports</div>
            </div>
            <div class="risk-bar-wrap"><div class="risk-bar" style="width:100%"></div></div>
          </div>
          <div class="risk-item">
            <span class="risk-rank">2</span>
            <img class="risk-ico" src="https://eimgjys.fxeyee.com/ico/681180040422/FXT681180040422_613823.png_wiki-template-global" onerror="this.style.display='none'" alt=""/>
            <div class="risk-info">
              <div class="risk-name">Just2Trade</div>
              <div class="risk-count">31 reports</div>
            </div>
            <div class="risk-bar-wrap"><div class="risk-bar" style="width:65%"></div></div>
          </div>
          <div class="risk-item">
            <span class="risk-rank">3</span>
            <img class="risk-ico" src="https://eimgjys.fxeyee.com/ico/1109167262/FXT1109167262_621444.png_wiki-template-global" onerror="this.style.display='none'" alt=""/>
            <div class="risk-info">
              <div class="risk-name">NAGA</div>
              <div class="risk-count">22 reports</div>
            </div>
            <div class="risk-bar-wrap"><div class="risk-bar" style="width:46%"></div></div>
          </div>
          <div class="risk-item">
            <span class="risk-rank">4</span>
            <img class="risk-ico" src="https://eimgjys.fxeyee.com/ico/3042837480/FXT3042837480_809763.png_wiki-template-global" onerror="this.style.display='none'" alt=""/>
            <div class="risk-info">
              <div class="risk-name">Alpex Trading</div>
              <div class="risk-count">17 reports</div>
            </div>
            <div class="risk-bar-wrap"><div class="risk-bar" style="width:35%"></div></div>
          </div>
        </div>
      </div>

    </aside>
  </div>
</div>

<script>
  // Filter tabs
  document.querySelectorAll('.ftab').forEach(btn=>{
    btn.addEventListener('click',()=>{
      document.querySelectorAll('.ftab').forEach(b=>b.classList.remove('active'));
      btn.classList.add('active');
    });
  });
  // Tag opts
  document.querySelectorAll('.tag-opt').forEach(btn=>{
    btn.addEventListener('click',()=>{
      document.querySelectorAll('.tag-opt').forEach(b=>b.classList.remove('on'));
      btn.classList.add('on');
    });
  });
</script>
<?php include "footer.php"; ?>
