import React from 'react';
import { useLocation } from 'react-router-dom';
import Functions from './Functions';
import './Lotto.css';

const Lotto = () => {
    const location = useLocation();
    const initialTab = location.pathname.endsWith('/evolver') ? 'evolver' : 'briefing';

    return (
        <div className="lotto">
            <header className="lotto-header">
                <div>
                    <p className="lotto-kicker">Playground</p>
                    <h1>Lotto Lab</h1>
                    <p className="lotto-sub">
                        로또 추천 및 기록 관리 도구입니다. 다양한 알고리즘을 통해 번호를 추천받고,
                        추첨 기록을 손쉽게 관리할 수 있습니다.
                    </p>
                </div>
                <div className="lotto-card">
                    <p className="lotto-card__title">자율 학습 시뮬레이션</p>
                    <ul>
                        <li>매주 6가지 가중치 시도 → 토요일 회고로 best base 학습</li>
                        <li>능동 시그널 모니터링 (Sim·Drift·Confidence z-score) + 텔레그램 알림</li>
                        <li>4시간마다 몬테카를로 20,000 후보 × 5종 점수 가중 평가</li>
                        <li>AI 큐레이터 + 핫·콜드·오버듀 통계 분석</li>
                    </ul>
                </div>
            </header>

            <Functions initialTab={initialTab} />
        </div>
    );
};

export default Lotto;