/* ============================================================
   MUNDIAL VALUE — app router + mount
   ============================================================ */

function parseHash() {
    const h = (window.location.hash || '').replace(/^#\/?/, '');
    if (!h) return { view:'home' };
    const parts = h.split('/');
    return { view: parts[0] || 'home', id: parts[1] };
}

function App() {
    const [lang, setLangState] = useState(() => localStorage.getItem('mv_lang') || 'es');
    const [route, setRoute] = useState(() => parseHash());
    const t = window.I18N[lang];

    function setLang(l){ setLangState(l); localStorage.setItem('mv_lang', l); }
    function go(r){
        setRoute(r);
        const h = '#/' + r.view + (r.id ? '/' + r.id : '');
        if (window.location.hash !== h) window.history.pushState(null,'',h);
        window.scrollTo({ top:0, behavior:'smooth' });
    }
    useEffect(() => {
        const onPop = () => setRoute(parseHash());
        window.addEventListener('popstate', onPop);
        return () => window.removeEventListener('popstate', onPop);
    }, []);

    let view;
    switch (route.view) {
        case 'home':    view = <Home t={t} go={go} lang={lang} />; break;
        case 'today':
        case 'value':   view = <ValueBoard t={t} go={go} lang={lang} />; break;
        case 'match':   view = <MatchPage t={t} go={go} id={route.id} lang={lang} />; break;
        case 'combos':
        case 'premium': view = <Premium t={t} go={go} />; break;
        case 'record':  view = <Record t={t} go={go} />; break;
        case 'how':     view = <How t={t} go={go} />; break;
        default:        view = <Home t={t} go={go} lang={lang} />;
    }

    return (
        <React.Fragment>
            <Ticker />
            <Nav t={t} lang={lang} setLang={setLang} route={route} go={go} />
            {view}
            <MobileNav t={t} route={route} go={go} />
        </React.Fragment>
    );
}

/* ------------------------------------------------------------
   Boot
   · Reads the daily feed produced by the robot (mundial/daily.json).
   · Caches it in the browser for CONFIG.cacheHours so repeat visits
     in the same window make ZERO extra requests. The site never calls
     The Odds API directly — only the daily robot does (1 call/day).
   · Picks up ?unlocked=single|all from the Stripe redirect to unlock.
   · Falls back to the sample data in data.js (e.g. local preview).
   ------------------------------------------------------------ */
const CFG = window.MV_CONFIG || {};
const DATA_URL = CFG.dataUrl || 'daily.json';
const CACHE_KEY = 'mv_daily_cache_v1';
const CACHE_MS = (CFG.cacheHours != null ? CFG.cacheHours : 12) * 3600 * 1000;

function applyDaily(d) {
    if (!d) return false;
    if (d.TEAMS)   window.TEAMS   = d.TEAMS;
    if (d.BOOKS)   window.BOOKS   = d.BOOKS;
    if (d.MATCHES) window.MATCHES = d.MATCHES;
    if (d.COMBOS)  window.COMBOS  = d.COMBOS;
    if (d.RECORD)  window.RECORD  = d.RECORD;
    if (d.meta)    window.DAILY.meta = d.meta;
    // Trust the model the robot already computed (single source of truth).
    // Only (re)compute for matches that arrive without one — e.g. older feeds.
    if (window.computeModel && Array.isArray(window.MATCHES)) {
        window.MATCHES.forEach(m => {
            const known = window.TEAMS[m.home] && window.TEAMS[m.away] &&
                          window.TEAMS[m.home].known !== false && window.TEAMS[m.away].known !== false;
            if (!m.model && known) m.model = window.computeModel(m.home, m.away, { neutral: true });
        });
    }
    return true;
}

async function loadDaily() {
    // 1) fresh browser cache → no network at all
    try {
        const c = JSON.parse(localStorage.getItem(CACHE_KEY) || 'null');
        if (c && c.data && (Date.now() - c.ts) < CACHE_MS) return c.data;
    } catch (e) {}
    // 2) fetch the static file (this is NOT an API call — costs 0 credits)
    try {
        const r = await fetch(DATA_URL, { cache: 'no-store' });
        if (r.ok) {
            const d = await r.json();
            try { localStorage.setItem(CACHE_KEY, JSON.stringify({ ts: Date.now(), data: d })); } catch (e) {}
            return d;
        }
    } catch (e) {}
    return null;
}

function handleUnlockRedirect() {
    try {
        const p = new URLSearchParams(location.search);
        const u = p.get('unlocked');
        if (u === 'single' || u === 'all') {
            localStorage.setItem('mv_plan', u);
            history.replaceState({}, '', location.pathname + location.hash);
        }
    } catch (e) {}
}

async function boot() {
    handleUnlockRedirect();
    // Ask the backend (Cloudflare Function) who this visitor is, if present.
    try {
        const r = await fetch('/api/me', { cache: 'no-store' });
        if (r.ok) {
            const j = await r.json();
            window.MV_BACKEND = !!j.backend;
            if (j.plan) window.MV_PLAN = j.plan;   // server is the source of truth
        }
    } catch (e) {}
    const d = await loadDaily();
    if (applyDaily(d)) {
        console.log('[MUNDIAL VALUE] feed loaded ·', (d.meta && d.meta.updatedAt) || '');
    } else {
        console.log('[MUNDIAL VALUE] no daily.json — using sample data');
    }
    ReactDOM.createRoot(document.getElementById('root')).render(<App />);
}
boot();