/* global React, ReactDOM, SEED,
PageOverview, PageMovies, PageScheduler, PagePromotions, PageFX, PageSettings,
ToastHost, SectionLabel */
const { useState, useEffect } = React;
const LS = 'cco-admin-demo-v3';
const loadState = () => {
try { const s = JSON.parse(localStorage.getItem(LS) || 'null'); return s || JSON.parse(JSON.stringify(window.SEED)); }
catch (e) { return JSON.parse(JSON.stringify(window.SEED)); }
};
const persist = (s) => {
localStorage.setItem(LS, JSON.stringify(s));
};
const BANNER_H = 40;
// Inline stroke SVGs, 18×18 — same treatment as the real admin layout.
const Icons = {
Overview: () => ,
Matrix: () => ,
Movies: () => ,
Promotions: () => ,
Fx: () => ,
Settings: () => ,
};
// Group names + labels match the real admin nav (subset of its 7 groups).
const NAV = [
{ group: 'Today', items: [
{ href: '#overview', label: 'Overview', icon: Icons.Overview },
{ href: '#scheduler', label: 'Showtime Matrix', icon: Icons.Matrix },
]},
{ group: 'Catalog', items: [
{ href: '#movies', label: 'Movies', icon: Icons.Movies },
{ href: '#promotions', label: 'Promotions', icon: Icons.Promotions },
]},
{ group: 'Cash & Books', items: [
{ href: '#fx', label: 'FX Rates', icon: Icons.Fx },
]},
{ group: 'System', items: [
{ href: '#settings', label: 'Configuration', icon: Icons.Settings },
]},
];
const PAGES = {
overview: PageOverview,
movies: PageMovies,
scheduler: PageScheduler,
promotions: PagePromotions,
fx: PageFX,
settings: PageSettings,
};
function LanguageSwitcher() {
const langs = [
{ label: 'EN', active: true },
{ label: 'عر', active: false },
{ label: 'کو', active: false },
];
return (
{langs.map(l => (
))}
);
}
function AdminShell() {
const [state, setState] = useState(loadState);
const [route, setRoute] = useState(() => (location.hash.slice(1) || 'overview'));
useEffect(() => {
const onHash = () => setRoute(location.hash.slice(1) || 'overview');
window.addEventListener('hashchange', onHash);
return () => window.removeEventListener('hashchange', onHash);
}, []);
useEffect(() => { persist(state); }, [state]);
const Page = PAGES[route] || PageOverview;
const onReset = () => {
if (!confirm('Reset all demo data to defaults?')) return;
localStorage.removeItem(LS);
location.reload();
};
const initials = state.user.nameEn.split(' ').map(w => w[0]).join('').slice(0, 2).toUpperCase();
return (
{/* Demo banner */}
Demo preview · seeded data · changes stay in this browser
{/* Sidebar — 256px, obsidian, smoke border, as in the real admin */}
{/* Main */}