{% extends 'templates/main.volt' %}

{% block content %}

    {{ partial('macros/point_gift') }}

    {% set gift_redeem_url = url({'for':'home.point_gift.redeem','id':gift.id}) %}
    {% set gift_list_url = url({'for':'home.point_gift.list'}) %}

    <div class="breadcrumb">
        <span class="layui-breadcrumb">
            <a href="/">首页</a>
            <a href="{{ gift_list_url }}">积分兑换</a>
            <a><cite>{{ gift.name }}</cite></a>
        </span>
    </div>

    <div class="layout-main clearfix">
        <div class="layout-content">
            <div class="layui-card">
                <div class="layui-card-header">物品信息</div>
                <div class="layui-card-body">
                    <div class="gift-meta clearfix">
                        <div class="cover">
                            <span class="layui-badge layui-bg-green type">{{ gift_type_info(gift.type) }}</span>
                            <img src="{{ gift.cover }}!cover_270" alt="{{ gift.name }}">
                        </div>
                        <div class="info">
                            {% if gift.type == 1 %}
                                {% set course_url = url({'for':'home.course.show','id':gift.attrs.id}) %}
                                <p class="item">
                                    <a href="{{ course_url }}">{{ gift.name }}</a>
                                </p>
                            {% else %}
                                <p class="item">{{ gift.name }}</p>
                            {% endif %}
                            <p class="item stats">
                                <span class="key">兑换人次</span>
                                <span class="value">{{ gift.redeem_count }}</span>
                                <span class="key">兑换限额</span>
                                <span class="value">{{ gift.redeem_limit }}</span>
                            </p>
                            <p class="item stats">
                                <span class="key">兑换价格</span>
                                <span class="price">{{ gift.point }} 积分</span>
                            </p>
                            <p class="item stats">
                                <span class="key">库存数量</span>
                                <span class="value">{{ gift.stock }}</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">物品详情</div>
                <div class="layui-card-body">
                    <div class="gift-details markdown-body">{{ gift.details }}</div>
                </div>
            </div>
        </div>
        <div class="layout-sidebar">
            <div class="sidebar">
                <div class="layui-card">
                    <div class="layui-card-header">我的信息</div>
                    <div class="layui-card-body">
                        <div class="sidebar-user-card clearfix">
                            <div class="avatar">
                                <img src="{{ auth_user.avatar }}!avatar_160" alt="{{ auth_user.name }}">
                            </div>
                            <div class="info">
                                <div class="name">{{ auth_user.name }}</div>
                                <div class="meta"><span>当前积分</span><span class="point">{{ user_balance.point }}</span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sidebar wrap">
                {% if gift.me.allow_redeem == 1 %}
                    <button class="layui-btn layui-bg-red layui-btn-fluid btn-redeem" data-url="{{ gift_redeem_url }}">立即兑换</button>
                {% else %}
                    <button class="layui-btn layui-btn-fluid layui-btn-disabled">立即兑换</button>
                {% endif %}
            </div>
            <div class="sidebar">
                <div class="layui-card">
                    <div class="layui-card-header">热门兑换</div>
                    <div class="layui-card-body">
                        {% for gift in hot_gifts %}
                            {% set gift_url = url({'for':'home.point_gift.show','id':gift.id}) %}
                            <div class="sidebar-course-card clearfix">
                                <div class="cover">
                                    <a href="{{ gift_url }}" title="{{ gift.name }}">
                                        <img src="{{ gift.cover }}!cover_270" alt="{{ gift.name }}">
                                    </a>
                                </div>
                                <div class="info">
                                    <div class="title layui-elip">
                                        <a href="{{ gift_url }}" title="{{ gift.name }}">{{ gift.name }}</a>
                                    </div>
                                    <div class="meta">
                                        <span class="price">{{ gift.point }} 积分</span>
                                        <span class="count">{{ gift.redeem_count }} 人兑换</span>
                                    </div>
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block link_css %}

    {{ css_link('home/css/markdown.css') }}

{% endblock %}

{% block include_js %}

    {{ js_include('home/js/point.gift.show.js') }}

{% endblock %}