{include file='public/header'}
<div class="wrap {$background_class}"><!-- 有三个区服 shaiya_02 shaiya_03   -->
    <div class="top"></div>
    <div class="clear"></div>
    <div class="zbk_list w1100">
        {include file='public/login'}
        {include file='public/trade_nav'}
        <div class="detail_box">
            <div class="pos_nav"><a href="/trade/index.html?{$query}">浏览商品</a><i>></i><a href="javascript:;">商品详情</a></div>
            <div class="item_box_01">
                <div class="item_l">
                    <div class="avt">
                        <img src="{$details.job_head ?? ''}">
                    </div>
                </div>
                <div class="item_r">
                    <div class="item_r_tit">
                        <h1><i class="icon-01"></i><span>角色亮点</span></h1>
                        <p>{$details.title ?? ""}</p>
                    </div>
                </div>
            </div>
            <div class="item_box_02">
                <div class="item_lable">角色名：{$details.chaname ?? ""}</div>
                <div class="item_lable">等级：{$details.chalv ?? 0}级</div>
                <div class="item_lable">价格：{$details.price ?? "0.00"}元</div>
                <div class="item_lable">职业：{$details.job_text ?? ""}（{$details.grow_text ?? ""}模式）</div>
                <div class="item_lable">战功：<span class="row_color">{$details.kill ?? ""}</span></div>
                <div class="item_lable">
                    {if in_array($details.trade_status, [4, 5, 6, 7])}
                    出售剩余时间：已结束
                    {else/}
                        {if $details.outtime_type == 1}
                        出售剩余时间：<span class="row_color">{$details.outtime_text ?? ""}</span>
                        {elseif $details.outtime_type == 2}
                        公示剩余时间：<span class="row_color">{$details.outtime_text ?? ""}</span>
                        {else/}
                        出售剩余时间：已结束
                        {/if}
                    {/if}
                </div>
                <div class="item_lable">可交易金币：{$details.money ?? 0}</div>
            </div>
        </div>
        {if $trade.sync_status != 2}
        <div class="tab_box_sync row_color">数据传输中......</div>
        {/if}
        <div class="tab_box">
            <div class="layui-tab layui-tab-brief">
                <ul class="layui-tab-title">
                    <li class="layui-this">基础信息</li>
                    <li>天神与翅膀</li>
                    <li>穿戴装备</li>
                    <li>背包道具</li>
                    <li>角色仓库</li>
                    <li>外观</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        {foreach $warLists as $vo}
                        <div class="layui-tab-item-box">
                            <div class="layui-tab-tit">
                                <h1>{$vo.type_text ?? ""}角色属性</h1>
                                <span>（{$vo.tips_text ?? ""}）</span>
                            </div>
                            <div class="layui-tab-info-box">
                                <div class="layui-tab-info">
                                    <p>{:__war(($vo.game ?? ""), "hp", 0, $vo)}</p>
                                    <p>{:__war(($vo.game ?? ""), "sp", 0, $vo)}</p>
                                    <p>{:__war(($vo.game ?? ""), "mp", 0, $vo)}</p>
                                </div>
                                <div class="layui-tab-line"></div>
                                <div class="layui-tab-info">
                                    <p>
                                        <span>{:__war(($vo.game ?? ""), "str", 0, $vo)}</span>
                                        <span>{:__war(($vo.game ?? ""), "wis", 0, $vo)}</span>
                                    </p>
                                    <p>
                                        <span>{:__war(($vo.game ?? ""), "rec", 0, $vo)}</span>
                                        <span>{:__war(($vo.game ?? ""), "dex", 0, $vo)}</span>
                                    </p>
                                    <p>
                                        <span>{:__war(($vo.game ?? ""), "int", 0, $vo)}</span>
                                        <span>{:__war(($vo.game ?? ""), "luc", 0, $vo)}</span>
                                    </p>
                                </div>
                                <div class="layui-tab-line"></div>
                                <div class="layui-tab-info">
                                    <p>
                                        <span>{:__war(($vo.game ?? ""), "af", 0, $vo)}</span>
                                        <span>{:__war(($vo.game ?? ""), "df", 0, $vo)}</span>
                                    </p>
                                    <p>
                                        <span>{:__war(($vo.game ?? ""), "as", 0, $vo)}</span>
                                        <span>{:__war(($vo.game ?? ""), "ds", 0, $vo)}</span>
                                    </p>
                                    <p>
                                        <span>{:__war(($vo.game ?? ""), "am", 0, $vo)}</span>
                                        <span>{:__war(($vo.game ?? ""), "dm", 0, $vo)}</span>
                                    </p>
                                </div>
                                <div class="layui-tab-line"></div>
                                <div class="layui-tab-info">
                                    <p>{:__war(($vo.game ?? ""), "ap", 0, $vo)}</p>
                                    <p>{:__war(($vo.game ?? ""), "dp", 0, $vo)}</p>
                                </div>
                            </div>
                        </div>
                        {/foreach}
                    </div>
                    <div class="layui-tab-item">
                        {notempty name='godPartLists'}
                        <div class="layui-tab-item-box">
                            <div class="layui-tab-tit"><h1>天神系统</h1><span>（仅展示已上阵天神）</span></div>
                            <div class="layui-tab-item-god-info">
                                {foreach $godPartLists as $k => $vo}
                                <div class="god-block" data-index="{$vo.index}">
                                    <div class="pic">{:__godwing(($vo.game ?? ""), 0, $vo.index ?? 0, $vo)}</div>
                                    <div class="god-text"><p>{$vo.itemname}</p><p>{$vo.mul}重{$vo.level}星</p></div>
                                </div>
                                {/foreach}
                            </div>
                        </div>
                        {/notempty}
                        {notempty name='wingLists'}
                        <div class="layui-tab-item-box">
                            <div class="layui-tab-tit"><h1>翅膀系统</h1><span>（仅展示已穿戴翅膀）</span></div>
                            <div class="layui-tab-item-wing-info">
                                {foreach $wingLists as $vo}
                                <div class="wing-block">
                                    <div class="pic">{:__godwing(($vo.game ?? ""), 0, 0, $vo)}</div>
                                    <div class="wing-text">
                                        <p>{$vo.itemname ?? ""}</p>
                                        <p>{:__godwingattr(($vo.game ?? ""), 1, "grade", $vo.index ?? 0, $vo)}</p>
                                        <p>{:__godwingattr(($vo.game ?? ""), 1, "level", $vo.index ?? 0, $vo)}级</p>
                                    </div>
                                </div>
                                {/foreach}
                            </div>
                        </div>
                        {/notempty}
                    </div>
                    <div class="layui-tab-item">
                        {if $roleItemTips['equip_tips'] ?? ""}
                        <div class="tab_box_tab_tips row_color">{$roleItemTips['equip_tips'] ?? ""}</div>
                        {/if}
                        <div class="layui-tab-item-equip">
                            {foreach $equipLists as $k => $v}
                            <div class="layui-tab-item-equip-box">
                                <div class="item-equip-tit">{$v.type_text ?? ""}装备</div>
                                <div class="layui-tab-item-equip-info">
                                    {if ($stLists[$k] ?? "")}
                                        {foreach $stLists[$k] as $kk => $vv}
                                        <div>
                                            <div class="pic"
                                                 lay-on="equip-tips-right"
                                                 data-item='{:json_encode($v["equip"][$kk] ?? [], JSON_UNESCAPED_UNICODE)}'
                                            >
                                                {if ($v['equip'][$kk]['item'] ?? [])}
                                                {:__equip(($v['equip'][$kk]['game'] ?? ""), 0,($v['equip'][$kk]['st'] ?? 0),($v['equip'][$kk]['item'] ?? []))}
                                                {else/}
                                                <img src="{$vv.img}" alt="{$vv.label ?? ''}">
                                                {/if}
                                            </div>
                                            <label>{$vv.label ?? ""}</label>
                                        </div>
                                        {/foreach}
                                    {/if}
                                </div>
                            </div>
                            {/foreach}
                        </div>
                    </div>
                    <div class="layui-tab-item">
                        {if $roleItemTips['backpack_tips'] ?? ""}
                        <div class="tab_box_tab_tips row_color">{$roleItemTips['backpack_tips'] ?? ""}</div>
                        {/if}
                        <div class="layui-tab-item-back-info">
                            {foreach $packsackLists as $vo}
                            <div>
                                <div class="pic" lay-on="equip-tips-right" data-item='{:json_encode($vo, JSON_UNESCAPED_UNICODE)}'>
                                    {:__backpack(($vo.game ?? ""), 0, 0, $vo)}
                                </div>
                                <label>{$vo.num ?? 0}</label>
                            </div>
                            {/foreach}
                        </div>
                    </div>
                    <div class="layui-tab-item">
                        {if $roleItemTips['rolepack_tips'] ?? ""}
                        <div class="tab_box_tab_tips row_color">{$roleItemTips['rolepack_tips'] ?? ""}</div>
                        {/if}
                        <div class="layui-tab-item-back-info">
                            {foreach $roleBackpackLists as $vo}
                            <div>
                                <div class="pic" lay-on="equip-tips-right" data-item='{:json_encode($vo, JSON_UNESCAPED_UNICODE)}'>
                                    {:__backpack(($vo.game ?? ""), 0, 1, $vo)}
                                </div>
                                <label>{$vo.num ?? 0}</label>
                            </div>
                            {/foreach}
                        </div>
                    </div>
                    <!--外观 -->
                    <div class="layui-tab-item">
                        {if $roleItemTips['facade_tips'] ?? ""}
                        <div class="tab_box_tab_tips row_color">{$roleItemTips['facade_tips'] ?? ""}</div>
                        {/if}
                        <div class="layui-tab-item-face">
                            {foreach $facadeLists as $k => $vo}
                            <div class="layui-tab-item-face-box">
                                <div class="item-face-tit">{$itemTypeLists[$k] ?? ""}</div>
                                <div class="layui-tab-item-face-info">
                                    {foreach $vo as $voo}
                                    <div>
                                        <div class="pic" lay-on="equip-tips-right" data-item='{:json_encode($voo, JSON_UNESCAPED_UNICODE)}'>
                                            {:__backpack(($voo.game ?? ""), 0, 2, $voo)}
                                        </div>
                                        {if isset($voo.item)}
                                        <label title="{$voo['item']['itemname'] ?? ''}">{$voo['item']['itemname'] ?? ''}</label>
                                        {else/}
                                        <label title="{$voo.itemname ?? ''}">{$voo.itemname ?? ''}</label>
                                        {/if}
                                    </div>
                                    {/foreach}
                                </div>
                            </div>
                            {/foreach}
                        </div>
                    </div>

                </div>
            </div>
            <div class="info_btn">
                {if $details.trade_status == 2}
                <a class="pay-btn" href="javascript:;" onclick="buy({$details.tid ?? 0}, 1)">购买</a>
                {/if}
                <a href="javascript:;" onclick="collect(this, {$params.id}, 1)" class="collect-btn">{if $is_collect}取消收藏{else/}收藏{/if}</a>
                <a href="javascript:void(0);" onclick="history.back(); return false;" class="back-btn">返回</a>
            </div>
        </div>
        {include file="public/intro"}
        {include file="public/vade"}
    </div>
    {include file="public/footer"}
</div>
<script>
    layui.use(function(){
        var layer = layui.layer;

        // 监听鼠标悬停事件 - 穿戴装备
        $("div.layui-tab-item-equip-info div.pic").on('mouseenter', function() {
            var items = $(this).data("item");
            if (items.length !== 0) {
                // 模块输出
                var tips = showEquipTips(items);
                // 展示
                layer.tips('<div class="equip-tips">'+tips+'</div>',this,{area: 'auto', time:0});
            }
        });
        // 鼠标离开时关闭提示 - 穿戴装备
        $("div.layui-tab-item-equip-info div.pic").on('mouseleave', function() {
            layer.closeAll('tips');
        });
        // 监听鼠标悬停事件 - 背包道具和角色仓库
        $("div.layui-tab-item-back-info div.pic").on('mouseenter', function() {
            var items = $(this).data("item");
            if (items.length !== 0) {
                // 模块输出
                var tips = showBackPackTips(items);
                // 展示
                layer.tips('<div class="equip-tips">'+tips+'</div>',this,{area: 'auto', time:0});
            }
        });
        // 鼠标离开时关闭提示 - 背包道具和角色仓库
        $("div.layui-tab-item-back-info div.pic").on('mouseleave', function() {
            layer.closeAll('tips');
        });
        // 监听鼠标悬停事件 - 外观
        $("div.layui-tab-item-face-info div.pic").on('mouseenter', function() {
            var items = $(this).data("item");
            // console.log(items['item'])
            if (typeof(items['item']) == 'undefined') {
                // 模块输出
                var tips = showBackPackTips(items);
            } else {
                // 模块输出
                var tips = showEquipTips(items);
            }

            // 展示
            layer.tips('<div class="equip-tips">'+tips+'</div>',this,{area: 'auto', time:0});
        });
        // 鼠标离开时关闭提示 - 外观
        $("div.layui-tab-item-face-info div.pic").on('mouseleave', function() {
            layer.closeAll('tips');
        });

        $("div.layui-tab-item-god-info div.god-block").on('click', function() {
            var index = $(this).data("index");
            $(".layui-tab-god-info-box .layui-tab-attr-info").removeClass("layui-tab-attr-show")
            $("#attr-show-"+index).addClass("layui-tab-attr-show")
        });

    });
</script>