<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">
                {{project.address}}
            </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="desc">
                <mp-html content="{{project.detail}}" tag-style="{{tagStyle}}" />
            </view>
        </view>
    </view>
    
    <view class="footer-bar">
        <view class="price-container" wx:if="{{project.show_price}}">
            <block wx:if="{{bestCoupon}}">
                <view class="price-row">
                    <view class="final-price">¥ {{finalPrice}}</view>
                    <view class="original-price">¥ {{project.price}}</view>
                </view>
                <view class="coupon-tip">已抵扣{{bestCoupon.amount}}元</view>
            </block>
            <block wx:else>
                <view class="final-price" style="color: #ff9900;">¥ {{project.price}}</view>
            </block>
        </view>
        <view class="price-container" wx:else>
             <view class="contact-tip" style="color: #666; font-size: 28rpx;">请咨询客服</view>
        </view>
        <button class="enroll-btn" bindtap="handleEnroll" disabled="{{isEnrolled}}" style="{{isEnrolled ? 'background-color: #ccc;' : ''}}">{{isEnrolled ? '已报名' : '立即报名'}}</button>
    </view>
</view>
