Reading Progress:
0%

Admin API

Administrative REST API for managing your AffiliatePro platform

Admin Only
RESTful Design JSON Responses
Authentication

All endpoints require a valid admin JWT token. Use the raw token — do not include a Bearer prefix.

Authorization: <your-admin-jwt-token>
Obtain a token via the User Login API with admin credentials.
Base URL

All Admin API endpoints are relative to this base URL.

https://demo2.affiliatepro.org/Admin_Api/
Error Codes Reference
200
Success

Request completed successfully

401
Unauthorized

Invalid or missing token

403
Forbidden

Valid token but not admin

422
Unprocessable

Validation failed

Quick Start
1
Login as Admin

Use the User Login API with admin credentials to obtain a JWT token.

2
Add Authorization Header

Include the raw JWT in the Authorization header (no Bearer prefix).

3
Call Endpoints

Send requests to https://demo2.affiliatepro.org/Admin_Api/ + endpoint path.

Currency Settings

Every API endpoint that returns monetary values automatically includes the platform's currency settings. Use these to format amounts correctly in your app instead of hardcoding $.

Field Type Example Description
currency_symbol string $ The default currency symbol from the platform settings
currency_code string USD ISO 4217 currency code
enable_shorten_numbers integer 1 If 1, format large amounts as $3.9k / $1.2M. If 0, show full numbers like $3900.00
Tip: These fields are included in: dashboard, users, user_details, withdrawals, wallet, reports, and the login response. Never hardcode a currency symbol — always read it from the API response.

Admin Dashboard

Retrieve admin dashboard statistics with HTTP GET request.

Returns a comprehensive overview of your platform: total users, affiliates (active non-vendor users), vendors, pending items, today's activity, admin balance with growth, store & vendor sales, commissions (admin + affiliate), click commissions, currency settings (symbol, code, shorten formatting), and recent user registrations. All data uses the same source as the web admin dashboard.

Request

GET https://demo2.affiliatepro.org/Admin_Api/dashboard
Parameter Type Position Description
Authorization string Header Admin JWT token obtained from login API

Response

{"status":true,"data":{"total_users":150,"total_affiliates":120,"total_vendors":30,"pending_users":5,"pending_withdrawals":3,"total_withdrawals_amount":"1250.00","admin_balance":"3900.50","admin_balance_growth":12.5,"store_sales":"8500.00","store_commission":"850.00","store_orders":42,"vendor_sales":"3200.00","vendor_commission":"320.00","vendor_orders":18,"click_commission":"450.00","total_clicks":1250,"today_clicks":45,"today_sales":8,"currency_symbol":"$","currency_code":"USD","enable_shorten_numbers":1,"recent_users":[{"id":"88","firstname":"John","lastname":"Doe","username":"johndoe","email":"john@example.com","type":"user","status":"1","created_at":"2025-06-11 16:44:16"},{"id":"87","firstname":"Jane","lastname":"Smith","username":"janesmith","email":"jane@example.com","type":"user","status":"0","created_at":"2025-06-10 14:22:08"}]}}
Admin - Users Management

Manage all users/affiliates on your platform. List users with pagination and filters, view detailed user information, and update user status (approve, block, set to pending).

Users List

Retrieve a paginated list of users with optional search and status filters.

GET https://demo2.affiliatepro.org/Admin_Api/users
Parameters
Parameter Type Position Description
Authorization string Header Admin JWT token
start_from integer Query Pagination offset (default: 0)
limit integer Query Number of results per page (default: 20)
search string Query Search by username, email, firstname, or lastname
status string Query all, active, pending, or blocked (default: all)
Response
{"status":true,"data":{"users":[{"id":"88","firstname":"John","lastname":"Doe","username":"johndoe","email":"john@example.com","status":"1","is_vendor":"0","balance":"150.00","total_clicks":230,"total_sales":15}],"total_count":150,"has_more":true,"currency_symbol":"$","currency_code":"USD","enable_shorten_numbers":1}}
User Details

Retrieve detailed information for a specific user including balance, clicks, and sales.

GET https://demo2.affiliatepro.org/Admin_Api/user_details
Parameters
Parameter Type Position Description
Authorization string Header Admin JWT token
user_id integer Query The ID of the user to retrieve (required)
Response
{"status":true,"data":{"id":"88","firstname":"John","lastname":"Doe","status":"1","is_vendor":"0","balance":"150.00","total_clicks":230,"total_sales":15,"total_revenue":"450.00","total_referrals":3,"recent_clicks":[],"recent_sales":[],"currency_symbol":"$","currency_code":"USD","enable_shorten_numbers":1}}
Toggle User Status

Toggle a user's account status between enabled (status=1) and disabled (status=0). Works exactly like the / button on the web admin Users List page. A disabled user cannot login.

POST https://demo2.affiliatepro.org/Admin_Api/update_user_status
Body Parameters
Parameter Type Required Description
Authorization string true Admin JWT token (Header)
user_id integer true The ID of the user to toggle
Toggle behavior: If user status=1 (enabled), it becomes 0 (disabled). If status=0, it becomes 1. The response includes the new_status value.
Response
{"status":true,"message":"User status disabled successfully","new_status":0}
Admin - Profile Management

Manage the admin user's own profile. Get full profile details including country information and available countries list, and update profile fields including avatar upload.

Get Admin Profile

Retrieve the authenticated admin's full profile details. Also returns a list of all available countries for use in country selection dropdowns.

GET https://demo2.affiliatepro.org/Admin_Api/profile
Parameters
Parameter Type Position Description
Authorization string Header Admin JWT token
No additional parameters required. The admin user is identified from the JWT token.
Response
{
  "status": true,
  "message": "Admin profile loaded successfully",
  "data": {
    "firstname": "John",
    "lastname": "Doe",
    "email": "admin@example.com",
    "username": "admin",
    "PhoneNumber": "+1 201-555-0123",
    "city": "New York",
    "pincode": "10001",
    "country_id": "231",
    "country_code": "US",
    "country_name": "United States",
    "country_flag": "https://yoursite.com/assets/vertical/assets/images/flags/us.png",
    "profile_avatar": "https://yoursite.com/assets/images/users/avatar.jpg",
    "role": "admin",
    "countries": [
      {"id": "1", "name": "Afghanistan"},
      {"id": "2", "name": "Albania"},
      "..."
    ]
  }
}
Response Fields
Field Type Description
firstname string Admin first name
lastname string Admin last name
email string Admin email address
username string Admin username
PhoneNumber string Phone number
city string City name
pincode string Postal / ZIP code
country_id string Selected country ID
country_code string ISO country code (e.g. US, GB)
country_name string Full country name
country_flag string URL to country flag image
profile_avatar string URL to profile avatar image
role string User role (always admin)
countries array List of all available countries (each with id and name)
Update Admin Profile

Update the authenticated admin's profile information. Supports text fields and avatar image upload. Only provided fields will be updated.

POST https://demo2.affiliatepro.org/Admin_Api/update_profile
multipart/form-data
Body Parameters
Parameter Type Required Description
Authorization string true Admin JWT token (Header)
firstname string true First name
lastname string true Last name
email string true Email address
phone string false Phone number
country_id integer false Country ID from the countries list
city string false City name
pincode string false Postal / ZIP code
password string false New password (leave empty to keep current)
avatar file false Profile image (png, gif, jpeg, jpg — max 2MB)
Response
{
  "status": true,
  "message": "Profile updated successfully",
  "data": {
    "firstname": "John",
    "lastname": "Doe",
    "email": "admin@example.com",
    "username": "admin",
    "PhoneNumber": "+1 201-555-0123",
    "city": "New York",
    "pincode": "10001",
    "country_id": "231",
    "country_code": "US",
    "country_name": "United States",
    "country_flag": "https://yoursite.com/assets/vertical/assets/images/flags/us.png",
    "profile_avatar": "https://yoursite.com/assets/images/users/avatar.jpg",
    "role": "admin"
  }
}
Note: When sending avatar, use multipart/form-data content type. Fields firstname, lastname, and email are required; all other fields are optional.
Admin

Withdrawals

Manage withdrawal requests from affiliates. View pending/paid/rejected requests and approve or reject them.

Withdrawal Requests List

Retrieve a paginated list of withdrawal requests with status filter.

GET https://demo2.affiliatepro.org/Admin_Api/withdrawals
Parameters
ParameterTypePositionDescription
AuthorizationstringHeaderAdmin JWT token
start_fromintegerQueryPagination offset (default: 0)
limitintegerQueryResults per page (default: 20)
statusstringQueryunpaid, paid, or rejected (default: unpaid)
Response
{
  "status": true,
  "data": {
    "requests": [
      {
        "id": "3",
        "tran_ids": "17",
        "amount": "37.5",
        "status": "0",
        "user_id": "4",
        "payment_method": "bank_transfer",
        "status_label": "Received",
        "payment_details": {
          "bank_name": "My Bank",
          "account_number": "123456789",
          "account_name": "John Doe"
        },
        "created_at": "2026-02-23 08:43:20",
        "username": "johndoe",
        "email": "john@example.com",
        "firstname": "John",
        "lastname": "Doe"
      }
    ],
    "total_count": 2,
    "start_from": 0,
    "limit": 20,
    "has_more": false,
    "currency_symbol": "$",
    "currency_code": "USD",
    "enable_shorten_numbers": 1
  }
}
Status Codes
CodeLabelDescription
0ReceivedPending / waiting for admin action
1PaidPayment completed
2ProcessingPayment in progress
3CancelledRequest cancelled
4DeclinedRequest declined by admin
Update Withdrawal Status

Approve or reject a withdrawal request by its ID. Optionally include an admin note.

POST https://demo2.affiliatepro.org/Admin_Api/update_withdrawal_status
Parameters
ParameterTypeRequiredDescription
AuthorizationstringtrueAdmin JWT token (Header)
request_idintegertrueThe ID of the withdrawal request
statusstringtruepaid or rejected
admin_notestringfalseOptional note from admin
Response
{"status":true,"message":"Withdrawal request approved successfully"}
Admin

Reports & Analytics

Retrieve analytics data for your platform within a date range. Includes clicks by day, sales by day, and top-performing affiliates.

If no date range is provided, defaults to the current month (first day of month to today).

Reports
GET https://demo2.affiliatepro.org/Admin_Api/reports
Parameters
ParameterTypePositionDescription
AuthorizationstringHeaderAdmin JWT token
date_fromstringQueryStart date in YYYY-MM-DD format (default: first day of current month)
date_tostringQueryEnd date in YYYY-MM-DD format (default: today)
Response
{"status":true,"data":{"date_from":"2025-06-01","date_to":"2025-06-15","clicks_by_day":[{"date":"2025-06-01","count":"12"},{"date":"2025-06-02","count":"18"},{"date":"2025-06-03","count":"25"}],"sales_by_day":[{"date":"2025-06-01","count":"3","total":"450.00"},{"date":"2025-06-02","count":"5","total":"780.00"},{"date":"2025-06-03","count":"2","total":"200.00"}],"top_affiliates":[{"id":"88","firstname":"John","lastname":"Doe","username":"johndoe","total_sales":"15","total_revenue":"3500.00"},{"id":"65","firstname":"Jane","lastname":"Smith","username":"janesmith","total_sales":"12","total_revenue":"2800.00"}],"currency_symbol":"$","currency_code":"USD","enable_shorten_numbers":1}}
Admin

Wallet Overview

Retrieve the admin wallet overview including balance, sale totals, click totals, commissions across all channels, and recent transactions.

Wallet
GET https://demo2.affiliatepro.org/Admin_Api/wallet
Parameters
ParameterTypePositionDescription
AuthorizationstringHeaderAdmin JWT token
Response
{"status":true,"data":{"admin_balance":"12500.00","sale_localstore_total":"8500.00","sale_localstore_vendor_total":"3200.00","order_external_total":"4500.00","click_action_total":120,"click_action_commission":"360.00","click_localstore_total":450,"click_integration_total":280,"click_form_total":95,"click_localstore_commission":"225.00","click_integration_commission":"140.00","click_form_commission":"47.50","transactions":[{"id":"234","user_id":"88","amount":"150.00","type":"sale","status":"paid","created_date":"2025-06-11 14:30:00","firstname":"John","lastname":"Doe"},{"id":"233","user_id":"65","amount":"75.00","type":"click","status":"unpaid","created_date":"2025-06-10 09:15:00","firstname":"Jane","lastname":"Smith"}],"currency_symbol":"$","currency_code":"USD","enable_shorten_numbers":1}}
Response Fields
FieldTypeDescription
admin_balancestringTotal admin balance
sale_localstore_totalstringTotal local store sales amount
sale_localstore_vendor_totalstringTotal local store vendor sales amount
order_external_totalstringTotal external order amount (integration campaigns)
click_action_totalintegerTotal action/lead clicks
click_action_commissionstringTotal commission from action clicks
click_localstore_totalintegerTotal local store clicks
click_integration_totalintegerTotal integration/external clicks
click_form_totalintegerTotal form/lead clicks
click_localstore_commissionstringTotal commission from local store clicks
click_integration_commissionstringTotal commission from integration clicks
click_form_commissionstringTotal commission from form clicks
transactionsarrayRecent wallet transactions (up to 50, includes user details)

Live Implementation Examples

Working demos connected to your Admin API - login and see real data

Step 1: Connect to your API
Dashboard Stats Cards
Waiting for connection
Total Admin Balance

--

--% this week

--

Total Users

--

Affiliates

--

Vendors

--

Pending Users

--

Store Sales -- orders

--

Vendor Sales -- orders

--

Store Commissions (admin + affiliate)

--

Click Commission -- clicks

--

Today's Clicks

--

Today's Sales

--

Pending Payouts

--

Total Withdrawals
dashboard-cards.html 
<!DOCTYPE html>
<html>
<head>
  <title>Admin Dashboard</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light p-4">

  <div class="row g-3" id="statsCards"></div>

  <script>
    const API_BASE = 'https://your-domain.com/';
    const TOKEN = 'your-admin-jwt-token';

    async function loadDashboard() {
      const res = await fetch(API_BASE + 'Admin_Api/dashboard', {
        headers: { 'Authorization': TOKEN }
      });
      const json = await res.json();

      if (json.status) {
        const d = json.data;
        const cs = d.currency_symbol || '$';
        const sh = parseInt(d.enable_shorten_numbers) || 0;
        function fmt(v) {
          const n = parseFloat(v) || 0;
          if (sh === 1) {
            if (n >= 1000000) return cs + (n/1000000).toFixed(1) + 'M';
            if (n >= 1000) return cs + (n/1000).toFixed(1) + 'k';
          }
          return cs + n.toFixed(2);
        }
        const stats = [
          { label: 'Admin Balance',    value: fmt(d.admin_balance) + ' (' + d.admin_balance_growth + '%)', color: 'dark' },
          { label: 'Total Users',      value: d.total_users,             color: 'primary' },
          { label: 'Affiliates',       value: d.total_affiliates,        color: 'secondary' },
          { label: 'Vendors',          value: d.total_vendors,           color: 'info' },
          { label: 'Store Sales',      value: fmt(d.store_sales) + ' (' + d.store_orders + ' orders)', color: 'success' },
          { label: 'Vendor Sales',     value: fmt(d.vendor_sales) + ' (' + d.vendor_orders + ' orders)', color: 'primary' },
          { label: 'Store Commissions (admin+affiliate)', value: fmt(d.store_commission),  color: 'danger' },
          { label: 'Click Commission', value: fmt(d.click_commission) + ' (' + d.total_clicks + ' clicks)', color: 'secondary' },
          { label: 'Today Clicks',     value: d.today_clicks,            color: 'success' },
          { label: 'Today Sales',      value: d.today_sales,             color: 'primary' },
          { label: 'Pending Users',    value: d.pending_users,           color: 'warning' },
          { label: 'Withdrawals',      value: fmt(d.total_withdrawals_amount) + ' (' + d.pending_withdrawals + ' pending)', color: 'danger' },
        ];

        document.getElementById('statsCards').innerHTML = stats.map(s =>
          '<div class="col-md-3">' +
          '<div class="card border-0 bg-' + s.color + ' bg-opacity-10 text-center p-3">' +
          '<h3>' + s.value + '</h3>' +
          '<small class="text-muted">' + s.label + '</small>' +
          '</div></div>'
        ).join('');
      }
    }

    loadDashboard();
  </script>
</body>
</html>
Users Management
Waiting for connection
NameEmailBalanceClicksSalesTypeStatusAction
Connect to API first
users-table.html 
<!DOCTYPE html>
<html>
<head>
  <title>Users Management</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light p-4">

  <div class="d-flex gap-2 mb-3">
    <input type="text" id="search" class="form-control" placeholder="Search users..." style="width:220px" oninput="loadUsers()">
    <select id="statusFilter" class="form-select" style="width:130px" onchange="loadUsers()">
      <option value="all">All</option>
      <option value="active">Active</option>
      <option value="pending">Pending</option>
      <option value="blocked">Blocked</option>
    </select>
  </div>

  <table class="table table-hover">
    <thead><tr><th>Name</th><th>Email</th><th>Balance</th><th>Status</th><th>Action</th></tr></thead>
    <tbody id="usersTable"></tbody>
  </table>

  <script>
    const API_BASE = 'https://your-domain.com/';
    const TOKEN = 'your-admin-jwt-token';
    let page = 0;

    async function loadUsers() {
      const params = new URLSearchParams({
        start_from: page * 20,
        limit: 20,
        search: document.getElementById('search').value,
        status: document.getElementById('statusFilter').value
      });

      const res = await fetch(API_BASE + 'Admin_Api/users?' + params, {
        headers: { 'Authorization': TOKEN }
      });
      const json = await res.json();

      if (json.status) {
        const cs = json.data.currency_symbol || '$';
        const sh = parseInt(json.data.enable_shorten_numbers) || 0;
        function fmt(v) {
          const n = parseFloat(v) || 0;
          if (sh === 1) {
            if (n >= 1000000) return cs + (n/1000000).toFixed(1) + 'M';
            if (n >= 1000) return cs + (n/1000).toFixed(1) + 'k';
          }
          return cs + n.toFixed(2);
        }
        document.getElementById('usersTable').innerHTML = json.data.users.map(u => {
          const badge = u.status === '1' ? 'success' : 'danger';
          const label = u.status === '1' ? 'Active' : 'Disabled';
          return '<tr>' +
            '<td>' + u.firstname + ' ' + u.lastname + '</td>' +
            '<td>' + u.email + '</td>' +
            '<td>' + fmt(u.balance) + '</td>' +
            '<td><span class="badge bg-' + badge + '">' + label + '</span></td>' +
            '<td><button class="btn btn-sm btn-outline-primary" onclick="toggleUser(\'' + u.id + '\')">Toggle</button></td>' +
            '</tr>';
        }).join('');
      }
    }

    async function toggleUser(userId) {
      const fd = new FormData();
      fd.append('user_id', userId);

      await fetch(API_BASE + 'Admin_Api/update_user_status', {
        method: 'POST',
        headers: { 'Authorization': TOKEN },
        body: fd
      });
      loadUsers();
    }

    loadUsers();
  </script>
</body>
</html>
Withdrawal Requests
UserAmountMethodDateActions
Connect to API first
withdrawals.html 
<!DOCTYPE html>
<html>
<head>
  <title>Withdrawal Requests</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light p-4">

  <select id="filter" class="form-select mb-3" style="width:150px" onchange="loadWd()">
    <option value="unpaid">Pending</option>
    <option value="paid">Paid</option>
    <option value="rejected">Rejected</option>
  </select>

  <table class="table table-hover">
    <thead><tr><th>User</th><th>Amount</th><th>Method</th><th>Date</th><th>Actions</th></tr></thead>
    <tbody id="wdTable"></tbody>
  </table>

  <script>
    const API_BASE = 'https://your-domain.com/';
    const TOKEN = 'your-admin-jwt-token';

    async function loadWd() {
      const status = document.getElementById('filter').value;
      const res = await fetch(API_BASE + 'Admin_Api/withdrawals?status=' + status, {
        headers: { 'Authorization': TOKEN }
      });
      const json = await res.json();

      if (json.status) {
        const cs = json.data.currency_symbol || '$';
        const sh = parseInt(json.data.enable_shorten_numbers) || 0;
        function fmt(v) {
          const n = parseFloat(v) || 0;
          if (sh === 1) {
            if (n >= 1000000) return cs + (n/1000000).toFixed(1) + 'M';
            if (n >= 1000) return cs + (n/1000).toFixed(1) + 'k';
          }
          return cs + n.toFixed(2);
        }
        document.getElementById('wdTable').innerHTML = json.data.requests.map(r => {
          const isPending = r.status === '0';
          const actions = isPending
            ? '<button class="btn btn-sm btn-success me-1" onclick="wdAction(\'' + r.id + '\',\'paid\')">Approve</button>' +
              '<button class="btn btn-sm btn-danger" onclick="wdAction(\'' + r.id + '\',\'rejected\')">Reject</button>'
            : '<span class="badge bg-' + (r.status === '1' ? 'success' : 'danger') + '">' + (r.status === '1' ? 'Paid' : 'Rejected') + '</span>';
          return '<tr><td>' + (r.firstname || '') + ' ' + (r.lastname || '') + '</td>' +
            '<td>' + fmt(r.amount) + '</td><td>' + (r.payment_method || '-') + '</td>' +
            '<td>' + (r.created_at || '') + '</td><td>' + actions + '</td></tr>';
        }).join('');
      }
    }

    async function wdAction(id, status) {
      const fd = new FormData();
      fd.append('request_id', id);
      fd.append('status', status);
      fd.append('admin_note', 'Processed via dashboard');

      await fetch(API_BASE + 'Admin_Api/update_withdrawal_status', {
        method: 'POST',
        headers: { 'Authorization': TOKEN },
        body: fd
      });
      loadWd();
    }

    loadWd();
  </script>
</body>
</html>
Reports & Analytics
reports-chart.html 
<!DOCTYPE html>
<html>
<head>
  <title>Reports & Analytics</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body class="bg-light p-4">

  <div class="d-flex gap-2 mb-3">
    <input type="date" id="dateFrom" class="form-control" style="width:180px" onchange="loadReports()">
    <input type="date" id="dateTo" class="form-control" style="width:180px" onchange="loadReports()">
  </div>
  <canvas id="chart" height="100"></canvas>
  <div class="row g-3 mt-3" id="topAffiliates"></div>

  <script>
    const API_BASE = 'https://your-domain.com/';
    const TOKEN = 'your-admin-jwt-token';
    let chart = null;

    // Set default date range (current month)
    const now = new Date();
    document.getElementById('dateFrom').value = now.getFullYear() + '-' + String(now.getMonth()+1).padStart(2,'0') + '-01';
    document.getElementById('dateTo').value = now.toISOString().split('T')[0];

    async function loadReports() {
      const params = new URLSearchParams({
        date_from: document.getElementById('dateFrom').value,
        date_to: document.getElementById('dateTo').value
      });

      const res = await fetch(API_BASE + 'Admin_Api/reports?' + params, {
        headers: { 'Authorization': TOKEN }
      });
      const json = await res.json();

      if (json.status) {
        const d = json.data;
        const labels = [...new Set([
          ...d.clicks_by_day.map(c => c.date),
          ...d.sales_by_day.map(s => s.date)
        ])].sort();

        if (chart) chart.destroy();
        chart = new Chart(document.getElementById('chart'), {
          type: 'line',
          data: {
            labels: labels,
            datasets: [
              {
                label: 'Clicks',
                data: labels.map(l => { const f = d.clicks_by_day.find(c => c.date === l); return f ? +f.count : 0; }),
                borderColor: '#0d6efd', tension: 0.3, fill: true
              },
              {
                label: 'Sales',
                data: labels.map(l => { const f = d.sales_by_day.find(s => s.date === l); return f ? +f.count : 0; }),
                borderColor: '#198754', tension: 0.3, fill: true
              }
            ]
          },
          options: { responsive: true, scales: { y: { beginAtZero: true } } }
        });

        // Top Affiliates
        const cs = d.currency_symbol || '$';
        const sh = parseInt(d.enable_shorten_numbers) || 0;
        function fmt(v) {
          const n = parseFloat(v) || 0;
          if (sh === 1) {
            if (n >= 1000000) return cs + (n/1000000).toFixed(1) + 'M';
            if (n >= 1000) return cs + (n/1000).toFixed(1) + 'k';
          }
          return cs + n.toFixed(2);
        }
        document.getElementById('topAffiliates').innerHTML = d.top_affiliates.map(a =>
          '<div class="col-md-4"><div class="card p-2"><strong>' + a.firstname + ' ' + a.lastname + '</strong>' +
          '<small>' + a.total_sales + ' sales &middot; ' + fmt(a.total_revenue) + '</small></div></div>'
        ).join('');
      }
    }

    loadReports();
  </script>
</body>
</html>
Wallet Overview
Admin Balance

--

External Orders

--

Store Sales

--

Integration Clicks --
Store Clicks --
Action Clicks --
Form Clicks --
Recent Transactions
UserAmountTypeStatusDate
Connect to API first
wallet-overview.html 
<!DOCTYPE html>
<html>
<head>
  <title>Wallet Overview</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light p-4">

  <div class="row g-3" id="walletStats"></div>
  <h5 class="mt-4">Recent Transactions</h5>
  <table class="table table-hover">
    <thead><tr><th>User</th><th>Amount</th><th>Type</th><th>Status</th><th>Date</th></tr></thead>
    <tbody id="txTable"></tbody>
  </table>

  <script>
    const API_BASE = 'https://your-domain.com/';
    const TOKEN = 'your-admin-jwt-token';

    async function loadWallet() {
      const res = await fetch(API_BASE + 'Admin_Api/wallet', {
        headers: { 'Authorization': TOKEN }
      });
      const json = await res.json();

      if (json.status) {
        const d = json.data;
        const cs = d.currency_symbol || '$';
        const sh = parseInt(d.enable_shorten_numbers) || 0;
        function fmt(v) {
          const n = parseFloat(v) || 0;
          if (sh === 1) {
            if (n >= 1000000) return cs + (n/1000000).toFixed(1) + 'M';
            if (n >= 1000) return cs + (n/1000).toFixed(1) + 'k';
          }
          return cs + n.toFixed(2);
        }

        // Balance cards
        const stats = [
          { label: 'Admin Balance',     value: fmt(d.admin_balance),          color: 'success' },
          { label: 'External Orders',   value: fmt(d.order_external_total),   color: 'primary' },
          { label: 'Store Sales',       value: fmt(d.sale_localstore_total),  color: 'info' },
          { label: 'Integration Clicks', value: d.click_integration_total,     color: 'secondary' },
          { label: 'Store Clicks',      value: d.click_localstore_total,       color: 'secondary' },
          { label: 'Action Clicks',     value: d.click_action_total,           color: 'secondary' },
        ];

        document.getElementById('walletStats').innerHTML = stats.map(s =>
          '<div class="col-md-4"><div class="card bg-' + s.color + ' bg-opacity-10 p-3 text-center">' +
          '<small class="text-muted">' + s.label + '</small><h3>' + s.value + '</h3>' +
          '</div></div>'
        ).join('');

        // Transactions table
        if (d.transactions && d.transactions.length) {
          document.getElementById('txTable').innerHTML = d.transactions.map(t =>
            '<tr><td>' + (t.firstname || '') + ' ' + (t.lastname || '') + '</td>' +
            '<td>' + fmt(t.amount) + '</td>' +
            '<td>' + (t.type || '-') + '</td>' +
            '<td><span class="badge bg-' + (t.status === 'paid' ? 'success' : 'warning') + '">' + (t.status || '-') + '</span></td>' +
            '<td>' + (t.created_date || '') + '</td></tr>'
          ).join('');
        }
      }
    }

    loadWallet();
  </script>
</body>
</html>
Admin Profile
Waiting for connection
--
--
Username --
Phone --
Country --
City --
Pincode --
Edit Profile
admin-profile.html 
<!DOCTYPE html>
<html>
<head>
  <title>Admin Profile</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light p-4">

  <div class="row g-4">
    <div class="col-md-5">
      <div class="card p-4 text-center" id="profileCard">
        <img id="avatar" src="" class="rounded-circle mx-auto" width="80" height="80">
        <h5 id="fullName" class="mt-2">--</h5>
        <small id="email" class="text-muted">--</small>
        <hr>
        <div id="profileFields"></div>
      </div>
    </div>
    <div class="col-md-7">
      <form id="editForm" onsubmit="updateProfile(event)">
        <div class="row g-2">
          <div class="col-6">
            <label class="form-label">First Name</label>
            <input type="text" id="firstname" class="form-control">
          </div>
          <div class="col-6">
            <label class="form-label">Last Name</label>
            <input type="text" id="lastname" class="form-control">
          </div>
          <div class="col-12">
            <label class="form-label">Email</label>
            <input type="email" id="editEmail" class="form-control">
          </div>
          <div class="col-6">
            <label class="form-label">Phone</label>
            <input type="text" id="phone" class="form-control">
          </div>
          <div class="col-6">
            <label class="form-label">Country</label>
            <select id="country" class="form-select"></select>
          </div>
          <div class="col-6">
            <label class="form-label">City</label>
            <input type="text" id="city" class="form-control">
          </div>
          <div class="col-6">
            <label class="form-label">Pincode</label>
            <input type="text" id="pincode" class="form-control">
          </div>
          <div class="col-12">
            <label class="form-label">New Password <small class="text-muted">(optional)</small></label>
            <input type="password" id="password" class="form-control">
          </div>
          <div class="col-12 mt-2">
            <button type="submit" class="btn btn-success">Save Changes</button>
          </div>
        </div>
      </form>
    </div>
  </div>

  <script>
    const API_BASE = 'https://your-domain.com/';
    const TOKEN = 'your-admin-jwt-token';

    async function loadProfile() {
      const res = await fetch(API_BASE + 'Admin_Api/profile', {
        headers: { 'Authorization': TOKEN }
      });
      const json = await res.json();

      if (json.status) {
        const d = json.data;

        // Display card
        document.getElementById('avatar').src = d.profile_avatar;
        document.getElementById('fullName').textContent = d.firstname + ' ' + d.lastname;
        document.getElementById('email').textContent = d.email;
        document.getElementById('profileFields').innerHTML =
          field('Username', d.username) +
          field('Phone', d.PhoneNumber || 'Not set') +
          field('Country', d.country_name || 'Not set') +
          field('City', d.city || 'Not set') +
          field('Pincode', d.pincode || 'Not set');

        // Populate edit form
        document.getElementById('firstname').value = d.firstname;
        document.getElementById('lastname').value = d.lastname;
        document.getElementById('editEmail').value = d.email;
        document.getElementById('phone').value = d.PhoneNumber || '';
        document.getElementById('city').value = d.city || '';
        document.getElementById('pincode').value = d.pincode || '';

        // Populate country dropdown
        const sel = document.getElementById('country');
        sel.innerHTML = '<option value="">Select Country</option>' +
          d.countries.map(c =>
            '<option value="' + c.id + '"' +
            (c.id === d.country_id ? ' selected' : '') +
            '>' + c.name + '</option>'
          ).join('');
      }
    }

    function field(label, value) {
      return '<div class="d-flex justify-content-between py-1">' +
        '<small class="text-muted">' + label + '</small>' +
        '<strong class="small">' + value + '</strong></div>';
    }

    async function updateProfile(e) {
      e.preventDefault();
      const fd = new FormData();
      fd.append('firstname', document.getElementById('firstname').value);
      fd.append('lastname', document.getElementById('lastname').value);
      fd.append('email', document.getElementById('editEmail').value);
      fd.append('phone', document.getElementById('phone').value);
      fd.append('country_id', document.getElementById('country').value);
      fd.append('city', document.getElementById('city').value);
      fd.append('pincode', document.getElementById('pincode').value);

      const pw = document.getElementById('password').value;
      if (pw) fd.append('password', pw);

      const res = await fetch(API_BASE + 'Admin_Api/update_profile', {
        method: 'POST',
        headers: { 'Authorization': TOKEN },
        body: fd
      });
      const json = await res.json();

      if (json.status) {
        alert('Profile updated!');
        loadProfile();
      } else {
        alert(json.message || 'Update failed');
      }
    }

    loadProfile();
  </script>
</body>
</html>