<view class="container" wx:if="{{project}}">
    <image class="hero-image" src="{{project.image}}" mode="aspectFill"></image>
    
    <view class="content">
        <view class="header">
            <view class="badge">{{project.category}}</view>
            <view class="rating">
                <text class="star">⭐</text> {{project.rating}}
            </view>
        </view>
        
        <view class="title">{{project.title}}</view>
        
        <view class="meta-row">
            <view class="meta-item">
                <text class="icon">👥</text> {{project.students}} 人已报名
            </view>
            <view class="meta-item">
                <text class="icon">🕒</text> {{project.duration}}
            </view>
        </view>
        
        <view class="section">
            <view class="section-title">课程简介</view>
            <view class="desc">
                本课程将带领你深入了解{{project.title}}的核心概念与实战技巧。通过{{project.duration}}的系统学习，你将掌握行业前沿知识，提升职业竞争力。
            </view>
        </view>
        
        <view class="section" wx:if="{{project.outline}}">
            <view class="section-title">课程大纲</view>
            <view class="chapter-list">
                <block wx:for="{{project.outline}}" wx:key="chapter" wx:for-item="chapter" wx:for-index="idx">
                    <view class="chapter-header">{{chapter.chapter}}</view>
                    <block wx:for="{{chapter.lessons}}" wx:key="title" wx:for-item="lesson">
                        <view class="lesson-item">
                            <view class="lesson-info">
                                <view class="lesson-title">{{lesson.title}}</view>
                                <view class="lesson-time">{{lesson.duration}}</view>
                            </view>
                            <view class="play-btn" wx:if="{{lesson.isFree}}">▶</view>
                            <view class="lock-btn" wx:else>🔒</view>
                        </view>
                    </block>
                </block>
            </view>
        </view>
        <!-- Fallback if no outline data -->
        <view class="section" wx:else>
            <view class="section-title">课程大纲</view>
            <view class="desc">暂无大纲信息</view>
        </view>
    </view>
    
    <view class="footer-bar">
        <view class="price">¥ 299</view>
        <button class="enroll-btn" bindtap="handleEnroll">立即报名</button>
    </view>
</view>
