{{> layout/header}}
<div class="content-message-page me-page yoho-page clearfix">
    {{# message}}
        {{> home/path}}

        {{> home/navigation}}

        <div class="me-main">
            <div class="message-content block">
                <h2 class="title">
                    <a href="/home/message" class="back-list">返回列表</a>
                </h2>

                <div class="text-container">
                    {{# message}}
                        <div class="text-title">
                            <h1>{{title}}</h1>
                            <span>{{sender}} 发送于{{time}}</span> 
                        </div>
                        <div class="text-content">
                            {{# text}}
                                <!-- 文本消息 -->
                                <p>{{{content}}}</p>
                            {{/ text}}
                            {{# birthCoupon}}
                                <p class="birth-card">
                                    {{#if @root.devEnv}}
                                        <img src="//webstatic.dev.yohobuy.com/img/home/birth-card.png">
                                    {{^}}
                                        <img src="//cdn.yoho.cn/yohobuy/assets/img/home/birth-card.png">
                                    {{/if}}
                                </p>
                                {{#if over}}
                                    <div>{{text}}</div>
                                {{^}}
                                    <div class="show-birth-coupon">点这里领取</div>
                                {{/if}}
                            {{/ birthCoupon}}
                            {{#if coupons}}
                                <div class="{{#if birthCoupon}}birth-coupon-wrap{{/if}}">
                                    <p>您365天内有且仅有一次领劵生日礼券的机会，每次限领1张哦</p>
                                    {{# coupons}}
                                    <!-- 优惠券消息 -->
                                    <div class="coupon-item">
                                        <div class="coupon-img">
                                            <img src="//static.yohobuy.com/images/v2/activity/default_coupon.jpg">
                                        </div>
                                        <div class="coupon-info">
                                            <p>{{remark}}</p>
                                            {{#if url}}
                                                <p>面值：{{price}}</p>
                                                <p>有效期：{{useTime}}</p>
                                            {{^}}
                                                <p>领取时间：{{pickTime}}</p>
                                            {{/if}}
                                        </div>
                                        <div class="coupon-action">
                                            {{#if url}}
                                                <a href="{{url}}" class="view-coupon-btn">立即查看</a>
                                            {{^}}
                                                <a{{#if canPick}} class="pick-coupon-btn" data-id="{{id}}"{{/if}}>
                                                    {{#if btnText}}
                                                        {{btnText}}
                                                    {{^}}
                                                        立即领取
                                                    {{/if}}
                                                </a>
                                            {{/if}}
                                        </div>
                                    </div>
                                    {{/ coupons}}
                                </div>
                            {{/if}}
                            {{# sale}}
                                <!-- 促销消息 -->
                                <div class="sale-img">
                                    <img src="{{image}}">
                                </div>
                                <p>{{{content}}}</p>
                                <a href="{{btnLink}}" class="sale-btn">{{btnName}}</a>
                            {{/ sale}}
                        </div>
                    {{/ message}}
                </div>
            </div>

            {{> home/help-us}}
        </div>
    {{/ message}}
</div>
{{> layout/footer}}