{extend name="base"}
{block name="title"}{$goods.title} - {:__get_set('set')['name']}{/block}
{block name="keywords"}{$goods.tags}{/block}
{block name="description"}{$goods.ribe}{/block}
{block name="main"}
<section class="main">
    <div class="container">
        <div class="row">
            <div class="col-lg-9 col-12">
                <div class="bg-white h-auto h-mtauto rounded">
                    <div class="row">
                        <div class="col-lg-4 col-12 goods-list">
                            <img class="img-fluid img-thumbnail w-100" src="{$goods.img}" alt="{$goods.title}">
                        </div>
                        <div class="col-lg-8 col-12">
                            <div class="mt-2">
                                <h5>{$goods.title}</h5>
                                <div class="mt-2">
                                    <div class="row">
                                        <div class="col-lg-6 col-12">
                                            <strong class="h4" style="color: red;">￥{$goods.money}</strong>
                                            {if condition="$goods.max"}
                                            <span class="font-s-12">≥{$goods.max}件￥{$goods.max_money}</span>
                                            {/if}
                                        </div>
                                        <div class="col-lg-6 col-12 footer-right-auto">
                                            {if condition="$goods.auto eq 1"}
                                            <span class="badge badge-success mr-1">自动发货</span>
                                            {else /}
                                            <span class="badge badge-danger mr-1">手动发货</span>
                                            {/if}
                                            <span class="badge badge-warning">
                                                库存:{$goods.kucun} </span>
                                        </div>
                                    </div>
                                </div>
                                <form action="" method="post">
                                    <div class="row mt-2">
                                        <div class="col-lg-4 col-12">
                                            <span>购买数量：</span>
                                            <input type="hidden" class="form-control" name="id" value="{$goods.id}">
                                            <input type="number" class="form-control" name="goods_sum" value="1"
                                                required>
                                        </div>
                                        <div class="col-lg-8 col-12">
                                            <span>查询凭证：</span>
                                            <input type="text" class="form-control" name="password"
                                                placeholder="输入QQ号或手机号等,用于查询订单" required>
                                        </div>
                                    </div>
                                    {notempty name='$pay.is_alipay'}
                                    {if condition="$pay.is_alipay"}
                                    <div class="form-check form-check-inline mt-2">
                                        <input class="form-check-input" type="radio" name="type" id="alipay" value="2"
                                            checked="">
                                        <label class="form-check-label" for="alipay">支付宝支付</label>
                                    </div>
                                    {/if}
                                    {/notempty}
                                    {notempty name='$pay.is_wxpay'}
                                    {if condition="$pay.is_wxpay"}
                                    <div class="form-check form-check-inline mt-2">
                                        <input class="form-check-input" type="radio" name="type" id="wxpay" value="1">
                                        <label class="form-check-label" for="wxpay">微信支付</label>
                                    </div>
                                    {/if}
                                    {/notempty}
                                    {notempty name='$pay.is_qqpay'}
                                    {if condition="$pay.is_qqpay"}
                                    <div class="form-check form-check-inline mt-2">
                                        <input class="form-check-input" type="radio" name="type" id="qqpay" value="3">
                                        <label class="form-check-label" for="qqpay">Q Q支付</label>
                                    </div>
                                    {/if}
                                    {/notempty}
                                    <div class="mt-3">
                                        <button type="submit" class="btn btn-primary rounded" {if
                                            condition="$goods.kucun eq 0" }disabled{/if}>立即购买</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="bg-white h-auto h-mtauto">
                    <div>
                        <span><b>商品详情</b></span>
                        <span class="float-right">请知悉</span>
                    </div>
                    <div class="hr my-3"></div>

                    <div class="text-justify text-wrap content">
                        {$goods.content|raw}
                    </div>
                    <div class="mt-3">
                        标签：
                        {volist name="tag" id="v"}
                        <a href="/tag/{$v}" class="badge badge-light">{$v}</a>
                        {/volist}
                    </div>
                </div>

                <div class="bg-white h-auto h-mtauto goods">
                    <div class="mb-2">
                        <span><b>相关商品</b></span>
                    </div>
                    <div class="hr"></div>
                    <div class="row row-cols-2 row-cols-md-3 goods-cards">
                        {volist name="cai" id="vv"}
                        {if condition="$vv.id eq $goods.id"}
                        {php}continue;{/php}
                        {/if}
                        <div class="col h-mtauto">
                            <div class="card h-100 border-0">
                                <div class="rounded-top overflow-hidden">
                                    <a href="/goods/{$vv.id}.html" title="{$vv.title}" target="_blank"><img
                                            src="{$vv.img}" class="card-img-top goods-img" alt="{$vv.title}"></a>
                                </div>
                                <div class="card-body p-2">
                                    <div>
                                        <strong class="text-danger">￥{$vv.money}</strong>
                                        <span class=" float-right font-s-12">库存{$vv.kucun}件</span>
                                    </div>
                                    <a href="/goods/{$vv.id}.html" class="text-truncate-2" title="{$vv.title}"
                                        target="_blank">{$vv.title}</a>
                                </div>
                                <div class="card-footer p-2 font-s-12">
                                    <span class="text-muted">销量{$vv.pay_sum}件</span>
                                    <span class="float-right text-muted font-s-12">
                                        {if condition="$vv.auto eq 1"}
                                        <span class="badge badge-success mr-1">自动发货</span>
                                        {else /}
                                        <span class="badge badge-danger mr-1">手动发货</span>
                                        {/if}
                                    </span>
                                </div>
                            </div>
                        </div>
                        {/volist}
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-12">
                <div class="h-mtauto bg-white h-auto goods">
                    <div class="mb-2">
                        <span><b>最新发布</b></span>
                    </div>
                    <div class="hr"></div>
                    <div class="row row-cols-2 row-cols-md-1 goods-cards">
                        {volist name="newgoods" id="vv"}
                        <div class="col h-mtauto">
                            <div class="card h-100 border-0">
                                <div class="rounded-top overflow-hidden">
                                    <a href="/goods/{$vv.id}.html" title="{$vv.title}" target="_blank"><img
                                            src="{$vv.img}" class="card-img-top new-goods-img" alt="{$vv.title}"></a>
                                </div>
                                <div class="card-body p-2">
                                    <div>
                                        <strong class="text-danger">￥{$vv.money}</strong>
                                        <span class=" float-right font-s-12">库存{$vv.kucun}件</span>
                                    </div>
                                    <a href="/goods/{$vv.id}.html" class="text-truncate-2" title="{$vv.title}"
                                        target="_blank">{$vv.title}</a>
                                </div>
                                <div class="card-footer p-2 font-s-12">
                                    <span class="text-muted">销量{$vv.pay_sum}件</span>
                                    <span class="float-right text-muted font-s-12">
                                        {if condition="$vv.auto eq 1"}
                                        <span class="badge badge-success mr-1">自动发货</span>
                                        {else /}
                                        <span class="badge badge-danger mr-1">手动发货</span>
                                        {/if}
                                    </span>
                                </div>
                            </div>
                        </div>
                        {/volist}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<script>
    $("body").on("click", ".content img", function (e) {
        layer.photos({
            photos: { "data": [{ "src": e.target.src }] },
            shade: .3,
            closeBtn: true
        });
    });
</script>
{/block}