🎯 오늘의 운동 챌린지 추천기 - AI가 골라주는 홈트 미션

g5se가 설치된 디렉터리(루트에 `index.php`·`app/`이 있는 곳)에서 작업을 시작합니다. (g5se 설치는 https://github.com/gnuboard/g5se 참고)

# Step 1: 프로젝트 뼈대 생성 + modern shell 적용

`app/modules/daily-workout-challenge-picker/index.php` 파일을 생성하고 다음 내용을 작성하세요:

```php
<?php
include_once('./_common.php');

// 페이지 제목
$g5['title'] = '오늘의 운동 챌린지';

require_once(G5_THEME_PATH.'/modern/_head.inc.php');
include_once('./head.sub.php');
?>
<div class="m-shell">
    <?php require G5_THEME_PATH.'/modern/_nav.inc.php'; ?>
    <main class="m-container" style="padding: 32px 20px 48px;">
        <div style="max-width: 600px; margin: 0 auto;">
            <h1 style="font-size: 28px; font-weight: 700; margin-bottom: 8px; color: var(--m-text);">
                🎯 오늘의 운동 챌린지
            </h1>
            <p style="color: var(--m-text-muted); margin-bottom: 32px;">
                AI가 추천하는 홈트 미션을 받아보세요!
            </p>

            <!-- 챌린지 카드 영역 -->
            <div style="background: var(--m-surface); padding: 24px; border-radius: var(--m-radius-lg); box-shadow: var(--m-shadow); margin-bottom: 24px;">
                <div style="text-align: center;">
                    <div style="font-size: 48px; margin-bottom: 16px;">💪</div>
                    <h2 style="font-size: 24px; font-weight: 700; color: var(--m-text); margin-bottom: 8px;">
                        푸시업
                    </h2>
                    <p style="font-size: 18px; color: var(--m-text-muted); margin-bottom: 24px;">
                        15회 × 3세트
                    </p>
                    <div style="display: inline-block; padding: 6px 12px; background: #3b82f6; color: white; border-radius: 16px; font-size: 14px; font-weight: 600;">
                        초급
                    </div>
                </div>
            </div>

            <!-- 액션 버튼 -->
            <button style="width: 100%; padding: 16px; background: #10b981; color: white; border: none; border-radius: var(--m-radius-lg); font-size: 18px; font-weight: 700; cursor: pointer; margin-bottom: 16px;">
                ✅ 완료 체크
            </button>
            <button style="width: 100%; padding: 16px; background: var(--m-surface); color: var(--m-text); border: 2px solid var(--m-text-muted); border-radius: var(--m-radius-lg); font-size: 16px; font-weight: 600; cursor: pointer;">
                🔄 다른 챌린지 보기
            </button>
        </div>
    </main>
    <?php require G5_THEME_PATH.'/modern/_footer.inc.php'; ?>
</div>
<?php include_once('./tail.sub.php'); ?>
```

이제 브라우저에서 `http://your-site.com/daily-workout-challenge-picker`에 접속하면 페이지가 보입니다.

**확인사항:**
- modern shell이 적용되어 상단 네비게이션, 푸터, 다크모드 토글이 자동으로 나타남
- 중앙에 챌린지 카드가 표시됨
- 버튼이 반응형으로 표시됨

# Step 2: SQLite DB 초기화 + 샘플 챌린지 데이터 삽입

`app/modules/daily-workout-challenge-picker/index.php` 파일 상단 (modern shell 인클루드 전)에 다음 DB 초기화 코드를 추가하세요:

```php
<?php
include_once('./_common.php');

// SQLite DB 초기화
@mkdir(G5_DATA_PATH.'/modules', 0707, true);
$db = new PDO('sqlite:'.G5_DATA_PATH.'/modules/daily-workout-challenge-picker.sqlite');
$db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

// 테이블 생성
$db->exec("
    CREATE TABLE IF NOT EXISTS challenges (
        id INTEGER PRIMARY KEY AUTOINCREMENT,
        category TEXT NOT NULL,
        exercise_name TEXT NOT NULL,
        reps INTEGER,
        duration_sec INTEGER,
        difficulty TEXT,
        calories_est INTEGER
    )
");

$db->exec("
    CREATE TABLE IF NOT EXISTS completions (
        id INTEGER PRIMARY KEY AUTOINCREMENT,
        challenge_id INTEGER,
        completed_at DATETIME DEFAULT CURRENT_TIMESTAMP,
        session_id TEXT
    )
");

// 샘플 데이터 삽입 (처음 한 번만)
$count = $db->query("SELECT COUNT(*) FROM challenges")->fetchColumn();
if ($count == 0) {
    $samples = [
        ['상체', '푸시업', 15, null, '초급', 50],
        ['상체', '플랭크', null, 30, '초급', 30],
        ['하체', '스쿼트', 20, null, '초급', 60],
        ['하체', '런지', 12, null, '중급', 55],
        ['코어', '크런치', 20, null, '초급', 40],
        ['코어', '마운틴 클라이머', 15, null, '중급', 70],
        ['유산소', '버피', 10, null, '중급', 100],
        ['유산소', '점핑잭', 30, null, '초급', 50],
        ['상체', '다이아몬드 푸시업', 10, null, '고급', 80],
        ['하체', '점프 스쿼트', 15, null, '고급', 90]
    ];
    
    $stmt = $db->prepare("INSERT INTO challenges (category, exercise_name, reps, duration_sec, difficulty, calories_est) VALUES (?, ?, ?, ?, ?, ?)");
    foreach ($samples as $s) {
        $stmt->execute($s);
    }
}

// 페이지 제목
$g5['title'] = '오늘의 운동 챌린지';

require_once(G5_THEME_PATH.'/modern/_head.inc.php');
include_once('./head.sub.php');
?>
<!-- 이하 HTML은 그대로 유지 -->
```

페이지를 새로고침하면 SQLite DB가 자동 생성되고 10개의 샘플 챌린지가 삽입됩니다.

**확인사항:**
- `data/modules/daily-workout-challenge-picker.sqlite` 파일 생성됨
- DB에 challenges 테이블에 10개 레코드 삽입됨
- 페이지는 이전과 동일하게 표시됨 (아직 DB 연동 안 함)

# Step 3: 랜덤 챌린지 선택 + 동적 표시

`app/modules/daily-workout-challenge-picker/index.php`에서 DB에서 랜덤 챌린지를 가져와 카드에 표시하도록 수정하세요.

DB 초기화 블록 이후, HTML 출력 전에 다음 코드를 추가:

```php
// 랜덤 챌린지 선택
$challenge = $db->query("SELECT * FROM challenges ORDER BY RANDOM() LIMIT 1")->fetch(PDO::FETCH_ASSOC);

// 난이도별 색상
$difficulty_colors = [
    '초급' => '#10b981',
    '중급' => '#f59e0b',
    '고급' => '#ef4444'
];
$badge_color = $difficulty_colors[$challenge['difficulty']] ?? '#6b7280';

// 운동량 표시 문자열
if ($challenge['reps']) {
    $workout_text = $challenge['reps'] . '회 × 3세트';
} else {
    $workout_text = $challenge['duration_sec'] . '초 유지';
}
```

그리고 HTML의 챌린지 카드 부분을 다음과 같이 수정:

```php
<div style="background: var(--m-surface); padding: 24px; border-radius: var(--m-radius-lg); box-shadow: var(--m-shadow); margin-bottom: 24px;">
    <div style="text-align: center;">
        <div style="font-size: 48px; margin-bottom: 16px;">💪</div>
        <h2 style="font-size: 24px; font-weight: 700; color: var(--m-text); margin-bottom: 8px;">
            <?php echo htmlspecialchars($challenge['exercise_name']); ?>
        </h2>
        <p style="font-size: 18px; color: var(--m-text-muted); margin-bottom: 8px;">
            <?php echo htmlspecialchars($workout_text); ?>
        </p>
        <p style="font-size: 14px; color: var(--m-text-muted); margin-bottom: 16px;">
            예상 칼로리: <?php echo $challenge['calories_est']; ?>kcal 🔥
        </p>
        <div style="display: inline-block; padding: 6px 12px; background: <?php echo $badge_color; ?>; color: white; border-radius: 16px; font-size: 14px; font-weight: 600;">
            <?php echo htmlspecialchars($challenge['difficulty']); ?>
        </div>
    </div>
</div>
```

"다른 챌린지 보기" 버튼을 실제 새로고침 링크로 변경:

```php
<a href="/daily-workout-challenge-picker" style="display: block; width: 100%; padding: 16px; background: var(--m-surface); color: var(--m-text); border: 2px solid var(--m-text-muted); border-radius: var(--m-radius-lg); font-size: 16px; font-weight: 600; text-align: center; text-decoration: none; box-sizing: border-box;">
    🔄 다른 챌린지 보기
</a>
```

페이지를 새로고침할 때마다 다른 운동이 표시됩니다.

**확인사항:**
- 새로고침마다 랜덤 운동이 나타남
- 운동명, 횟수/시간, 칼로리, 난이도가 DB에서 가져온 값으로 표시됨
- 난이도 배지 색상이 초급(초록), 중급(주황), 고급(빨강)으로 자동 변경됨

# Step 4: 완료 체크 기능 + 스트릭 표시

사용자가 "완료 체크" 버튼을 누르면 completions 테이블에 기록하고, 연속 달성 일수를 표시하는 기능을 추가하세요.

## 4-1. 완료 처리 로직

DB 초기화 블록 이후, 랜덤 챌린지 선택 전에 다음 코드 추가:

```php
// 세션 ID (간이 사용자 식별)
session_start();
if (!isset($_SESSION['workout_session_id'])) {
    $_SESSION['workout_session_id'] = uniqid('user_', true);
}
$session_id = $_SESSION['workout_session_id'];

// 완료 체크 처리
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['complete'])) {
    $challenge_id = (int)$_POST['challenge_id'];
    $stmt = $db->prepare("INSERT INTO completions (challenge_id, session_id) VALUES (?, ?)");
    $stmt->execute([$challenge_id, $session_id]);
    
    // 완료 후 새로고침
    header('Location: /daily-workout-challenge-picker?completed=1');
    exit;
}

// 오늘 완료 여부 확인
$today = date('Y-m-d');
$completed_today = $db->prepare("SELECT COUNT(*) FROM completions WHERE session_id = ? AND DATE(completed_at) = ?");
$completed_today->execute([$session_id, $today]);
$is_completed_today = $completed_today->fetchColumn() > 0;

// 연속 달성 일수 계산 (간단 버전: 최근 7일 중 완료한 날 수)
$streak_query = $db->prepare("
    SELECT COUNT(DISTINCT DATE(completed_at)) as streak
    FROM completions
    WHERE session_id = ?
    AND DATE(completed_at) >= DATE('now', '-7 days')
");
$streak_query->execute([$session_id]);
$streak = $streak_query->fetchColumn();
```

## 4-2. HTML 수정

완료 버튼을 폼으로 변경:

```php
<?php if ($is_completed_today): ?>
    <div style="width: 100%; padding: 16px; background: #10b981; color: white; border-radius: var(--m-radius-lg); font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 16px;">
        ✅ 오늘 이미 완료했어요!
    </div>
<?php else: ?>
    <form method="POST" style="margin-bottom: 16px;">
        <input type="hidden" name="challenge_id" value="<?php echo $challenge['id']; ?>">
        <button type="submit" name="complete" style="width: 100%; padding: 16px; background: #10b981; color: white; border: none; border-radius: var(--m-radius-lg); font-size: 18px; font-weight: 700; cursor: pointer;">
            ✅ 완료 체크
        </button>
    </form>
<?php endif; ?>
```

스트릭 표시를 카드 위에 추가:

```php
<?php if ($streak > 0): ?>
    <div style="background: linear-gradient(135deg, #f59e0b, #ef4444); padding: 16px; border-radius: var(--m-radius-lg); margin-bottom: 16px; text-align: center; color: white;">
        <div style="font-size: 32px; margin-bottom: 8px;">🔥</div>
        <p style="font-size: 18px; font-weight: 700; margin: 0;">
            <?php echo $streak; ?>일 연속 달성 중!
        </p>
    </div>
<?php endif; ?>
```

완료 후 성공 메시지 표시 (URL 파라미터 활용):

```php
<?php if (isset($_GET['completed'])): ?>
    <div style="background: #10b981; color: white; padding: 12px 16px; border-radius: var(--m-radius-lg); margin-bottom: 16px; text-align: center; font-weight: 600;">
        🎉 대단해요! 오늘도 성공했습니다!
    </div>
<?php endif; ?>
```

**확인사항:**
- 완료 체크 버튼 클릭 시 DB에 기록되고 페이지 새로고침
- 오늘 이미 완료했으면 버튼이 비활성화 메시지로 변경
- 연속 달성 일수가 1일 이상이면 상단에 스트릭 배너 표시
- 완료 후 성공 메시지 표시

# Step 5: 카테고리 필터 + 난이도 선택 기능

사용자가 상체/하체/코어/유산소 카테고리와 난이도를 선택하여 챌린지를 필터링할 수 있도록 개선하세요.

## 5-1. 필터 로직 추가

랜덤 챌린지 선택 코드를 다음과 같이 수정:

```php
// 필터 파라미터
$category_filter = isset($_GET['category']) ? $_GET['category'] : null;
$difficulty_filter = isset($_GET['difficulty']) ? $_GET['difficulty'] : null;

// 쿼리 빌드
$where = [];
$params = [];

if ($category_filter) {
    $where[] = "category = ?";
    $params[] = $category_filter;
}

if ($difficulty_filter) {
    $where[] = "difficulty = ?";
    $params[] = $difficulty_filter;
}

$where_sql = $where ? 'WHERE ' . implode(' AND ', $where) : '';
$stmt = $db->prepare("SELECT * FROM challenges {$where_sql} ORDER BY RANDOM() LIMIT 1");
$stmt->execute($params);
$challenge = $stmt->fetch(PDO::FETCH_ASSOC);

// 챌린지가 없으면 전체에서 랜덤 선택
if (!$challenge) {
    $challenge = $db->query("SELECT * FROM challenges ORDER BY RANDOM() LIMIT 1")->fetch(PDO::FETCH_ASSOC);
}
```

## 5-2. 필터 UI 추가

챌린지 카드 위에 필터 버튼 추가:

```php
<!-- 카테고리 필터 -->
<div style="margin-bottom: 16px; overflow-x: auto; white-space: nowrap; padding-bottom: 8px;">
    <?php
    $categories = ['전체' => null, '상체' => '상체', '하체' => '하체', '코어' => '코어', '유산소' => '유산소'];
    foreach ($categories as $label => $value) {
        $is_active = ($category_filter === $value) || ($value === null && !$category_filter);
        $bg = $is_active ? '#3b82f6' : 'var(--m-surface)';
        $color = $is_active ? 'white' : 'var(--m-text)';
        $url = '/daily-workout-challenge-picker?category=' . urlencode($value ?: '') . ($difficulty_filter ? '&difficulty=' . urlencode($difficulty_filter) : '');
        echo "<a href='{$url}' style='display: inline-block; padding: 8px 16px; margin-right: 8px; background: {$bg}; color: {$color}; border-radius: 20px; font-size: 14px; font-weight: 600; text-decoration: none;'>{$label}</a>";
    }
    ?>
</div>

<!-- 난이도 필터 -->
<div style="margin-bottom: 24px; overflow-x: auto; white-space: nowrap; padding-bottom: 8px;">
    <?php
    $difficulties = ['전체' => null, '초급' => '초급', '중급' => '중급', '고급' => '고급'];
    foreach ($difficulties as $label => $value) {
        $is_active = ($difficulty_filter === $value) || ($value === null && !$difficulty_filter);
        $bg = $is_active ? '#10b981' : 'var(--m-surface)';
        $color = $is_active ? 'white' : 'var(--m-text)';
        $url = '/daily-workout-challenge-picker?difficulty=' . urlencode($value ?: '') . ($category_filter ? '&category=' . urlencode($category_filter) : '');
        echo "<a href='{$url}' style='display: inline-block; padding: 8px 16px; margin-right: 8px; background: {$bg}; color: {$color}; border-radius: 20px; font-size: 14px; font-weight: 600; text-decoration: none;'>{$label}</a>";
    }
    ?>
</div>
```

**확인사항:**
- 카테고리 버튼(전체/상체/하체/코어/유산소) 표시
- 난이도 버튼(전체/초급/중급/고급) 표시
- 선택된 필터는 파란색/초록색으로 강조
- 필터 선택 시 해당 조건에 맞는 챌린지만 랜덤 선택
- 조건에 맞는 챌린지가 없으면 전체에서 선택