205 lines
9.3 KiB
HTML
205 lines
9.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
|
|
<title>BD Leader Center</title>
|
|
<link rel="stylesheet" href="./style.css?v=20260428-2130" />
|
|
</head>
|
|
<body>
|
|
<div class="bd-leader-center" aria-label="BD Leader Center" data-i18n-aria="page_label" data-loading="true">
|
|
<div class="hero-bg" aria-hidden="true"></div>
|
|
|
|
<header class="status-bar" aria-hidden="true">
|
|
<span class="status-time">9:41</span>
|
|
<span class="status-icons">
|
|
<span class="cellular"><i></i><i></i><i></i><i></i></span>
|
|
<span class="wifi"><i></i><i></i><i></i></span>
|
|
<span class="battery"><i></i></span>
|
|
</span>
|
|
</header>
|
|
|
|
<nav class="title-bar">
|
|
<button class="back-button" type="button" aria-label="Back" data-i18n-aria="back">
|
|
<svg viewBox="0 0 32 32" aria-hidden="true">
|
|
<path d="M20 8 12 16l8 8" />
|
|
</svg>
|
|
</button>
|
|
<h1 data-i18n="title">BD Leader Center</h1>
|
|
<div class="language-switcher">
|
|
<button class="language-button" type="button" aria-label="Change language" data-i18n-aria="language_button_aria" aria-expanded="false">EN</button>
|
|
<div class="language-menu" hidden>
|
|
<button type="button" data-lang="en">EN</button>
|
|
<button type="button" data-lang="ar">AR</button>
|
|
<button type="button" data-lang="tr">TR</button>
|
|
<button type="button" data-lang="id">ID</button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="content">
|
|
<section class="card profile-card">
|
|
<div class="avatar-shell">
|
|
<img class="avatar-image" id="profileAvatar" alt="" hidden />
|
|
<span class="avatar-fallback" id="profileAvatarFallback">B</span>
|
|
</div>
|
|
<div class="profile-copy">
|
|
<div class="role-pill" data-i18n="role">BD Leader</div>
|
|
<div class="name" id="profileName">-</div>
|
|
<div class="meta" id="profileUid">UID: -</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card salary-card">
|
|
<div class="salary-head">
|
|
<div>
|
|
<div class="salary-label" data-i18n="my_available_salary">My available salary</div>
|
|
<div class="salary-period" id="billTitle">-</div>
|
|
</div>
|
|
<button class="text-link" type="button" data-route="/available-income" data-i18n="details">Details</button>
|
|
</div>
|
|
<div class="salary-value">
|
|
<span aria-hidden="true">$</span>
|
|
<strong id="availableBalance">0.00</strong>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card metrics-card">
|
|
<div class="metric">
|
|
<div class="label" data-i18n="bd_number">BD number</div>
|
|
<div class="value" id="bdNumber">0</div>
|
|
</div>
|
|
<div class="vertical-line" aria-hidden="true"></div>
|
|
<div class="metric">
|
|
<div class="label" data-i18n="team_salary">Team salary</div>
|
|
<div class="value metric-money">
|
|
<span aria-hidden="true">$</span>
|
|
<span id="teamSalary">0.00</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card menu-card">
|
|
<button class="menu-row" type="button" data-route="/policy?from=BDLead">
|
|
<span class="menu-left">
|
|
<span class="menu-icon policy-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 28 28"><path d="M8 5h10l3 3v15H8Z" /><path d="M18 5v5h4M11 14h7M11 18h6" /></svg>
|
|
</span>
|
|
<span data-i18n="bd_policy_link">BD policy</span>
|
|
</span>
|
|
<span class="chevron">›</span>
|
|
</button>
|
|
<button class="menu-row" type="button" data-action="history">
|
|
<span class="menu-left">
|
|
<span class="menu-icon history-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 28 28"><path d="M14 5a9 9 0 1 1-8.1 5.1" /><path d="M6 5v5h5M14 10v5l4 2" /></svg>
|
|
</span>
|
|
<span data-i18n="bd_leader_history">BD Leader history</span>
|
|
</span>
|
|
<span class="chevron">›</span>
|
|
</button>
|
|
<button class="menu-row" type="button" data-route="/agency-list">
|
|
<span class="menu-left">
|
|
<span class="menu-icon list-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 28 28"><path d="M8 8h12M8 14h12M8 20h12" /><path d="M4 8h.1M4 14h.1M4 20h.1" /></svg>
|
|
</span>
|
|
<span data-i18n="agency_list_link">Agency list</span>
|
|
</span>
|
|
<span class="chevron">›</span>
|
|
</button>
|
|
<button class="menu-row" type="button" data-route="/bd-list">
|
|
<span class="menu-left">
|
|
<span class="menu-icon bd-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 28 28"><path d="M10 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM20 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM3 24c1-6 4-9 7-9s6 3 7 9ZM16 22c.6-3.8 2.2-5.8 4-5.8 2.2 0 4 2.3 5 5.8" /></svg>
|
|
</span>
|
|
<span data-i18n="bd_list_link">BD List</span>
|
|
</span>
|
|
<span class="chevron">›</span>
|
|
</button>
|
|
<button class="menu-row" type="button" data-route="/invite-agency">
|
|
<span class="menu-left">
|
|
<span class="menu-icon invite-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 28 28"><path d="M11 13a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM4 24c1-5.5 3.5-8 7-8 2 0 3.7.8 5 2.5M21 10v10M16 15h10" /></svg>
|
|
</span>
|
|
<span data-i18n="invite_become_agent">Invite to become agent</span>
|
|
</span>
|
|
<span class="chevron">›</span>
|
|
</button>
|
|
<button class="menu-row" type="button" data-route="/invite-bd">
|
|
<span class="menu-left">
|
|
<span class="menu-icon invite-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 28 28"><path d="M11 13a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM4 24c1-5.5 3.5-8 7-8 2 0 3.7.8 5 2.5M21 10v10M16 15h10" /></svg>
|
|
</span>
|
|
<span data-i18n="invite_become_bd">Invite to become BD</span>
|
|
</span>
|
|
<span class="chevron">›</span>
|
|
</button>
|
|
</section>
|
|
|
|
<section class="card member-card">
|
|
<div class="section-head">
|
|
<div>
|
|
<div class="section-title" data-i18n="bd_list_preview">BD List</div>
|
|
<div class="section-subtitle" data-i18n="bd_list_preview_subtitle">Current settlement period</div>
|
|
</div>
|
|
<button class="text-link" type="button" data-route="/bd-list" data-i18n="more">More</button>
|
|
</div>
|
|
<div class="member-list" id="bdMemberList">
|
|
<div class="empty-state" data-i18n="loading_data">Loading...</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<div class="history-modal" id="historyModal" hidden>
|
|
<div class="history-backdrop" data-close-history></div>
|
|
<section class="history-dialog" role="dialog" aria-modal="true" aria-labelledby="historyTitle">
|
|
<div class="history-head">
|
|
<h2 id="historyTitle" data-i18n="bd_leader_history">BD Leader history</h2>
|
|
<button class="history-close" type="button" aria-label="Close" data-i18n-aria="close" data-close-history>×</button>
|
|
</div>
|
|
<div class="history-summary">
|
|
<div>
|
|
<span data-i18n="total_income">Total income</span>
|
|
<strong id="historyTotalIncome">$0.00</strong>
|
|
</div>
|
|
<div>
|
|
<span data-i18n="previous_period_income">Previous period income</span>
|
|
<strong id="historyPreviousIncome">$0.00</strong>
|
|
</div>
|
|
</div>
|
|
<div class="history-list" id="historyList"></div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="details-modal" id="detailsModal" hidden>
|
|
<div class="history-backdrop" data-close-details></div>
|
|
<section class="history-dialog" role="dialog" aria-modal="true" aria-labelledby="detailsTitle">
|
|
<div class="history-head">
|
|
<h2 id="detailsTitle">-</h2>
|
|
<button class="history-close" type="button" aria-label="Close" data-i18n-aria="close" data-close-details>×</button>
|
|
</div>
|
|
<div class="history-summary compact" id="detailsSummary"></div>
|
|
<div class="history-list" id="detailsList"></div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="home-indicator" aria-hidden="true"></div>
|
|
<div class="loading-mask" id="loadingMask" role="status" aria-live="polite" aria-busy="true">
|
|
<div class="runner-stick" aria-hidden="true">
|
|
<span class="runner-head"></span>
|
|
<span class="runner-body"></span>
|
|
<span class="runner-arm runner-arm-front"></span>
|
|
<span class="runner-arm runner-arm-back"></span>
|
|
<span class="runner-leg runner-leg-front"></span>
|
|
<span class="runner-leg runner-leg-back"></span>
|
|
<span class="runner-ground"></span>
|
|
</div>
|
|
<div class="loading-copy">loading....</div>
|
|
</div>
|
|
|
|
<div class="toast" id="toast" role="status" aria-live="polite" hidden></div>
|
|
</div>
|
|
<script src="./script.js?v=20260428-2130" defer></script>
|
|
</body>
|
|
</html>
|