{layout name="layout" /}
<!-- content start -->
<div id="content">
    <div class="page-header">
        <div class="container-fluid">
            <h1>产品列表</h1>
            <div class="pull-right">
                <a href="{:url('product/add')}" data-toggle="tooltip" title="" class="btn btn-primary"
                   data-original-title="新增"><i class="fa fa-plus"></i>新增</a>
                <button type="submit" form="form-product"
                        formaction="{:url('product/copy')}" data-toggle="tooltip" title="" class="btn btn-default"
                        data-original-title="复制产品"><i class="fa fa-copy"></i></button>
                <button type="button" data-toggle="tooltip" title="" class="btn btn-danger"
                        onclick="confirm('Are you sure?') ? $('#form-product').submit() : false;"
                        data-original-title="删除"><i class="fa fa-trash-o"></i></button>
            </div>
        </div>
    </div>
    
    <hr>
    <div class="container-fluid">
        <div class="table-responsive">
            <form action="{:url('product/del')}" method="post" id="form-product" enctype="multipart/form-data">
                <table class="table table-bordered table-hover">
                    <thead>
                    <tr>
                        <td style="width: 1px;" class="text-center">
                            <input type="checkbox"
                                   onclick="$('input[name*=\'selected\']').prop('checked', this.checked);"/>
                        </td>
                        <th class="table-id">#ID</th>
                        <th class="table-id">图片</th>
                        <th class="table-id">产品名</th>
                        <th class="table-id">前台链接</th>
                        <th class="table-id">SKU</th>
                        <th class="table-id">价格</th>
                        <th class="table-id">编辑</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="lists" id="vo"}
                    <tr class="order-empty">
                        <td class="text-center">
                            <input type="checkbox" name="selected[]" value="{$vo.product_id}"/>
                        </td>
                        <td>{$vo.product_id}</td>
                        <td>
                        {if $vo.image}
                            <img src="/image/{$vo.image}" width="100" class="img-thumbnail"/>
                        {else}
                            <span class="img-thumbnail list"><i class="fa fa-camera fa-2x"></i></span>
                        {/if}
                        </td>
                        <td>{$vo.name}</td>
                        <td>
                            <a href="/{$vo.static_url_name}.html" target="_blank">{$vo.static_url_name}</a>
                        </td>
                        <td>{$vo.sku}</td>
                        <td>
                            {if $vo.special_price > 1}
                            <span style="text-decoration: line-through;">
                            {$vo.special_price}</span><br/>
                            <div class="text-danger">{$vo.price}</div>
                            {else}
                            {$vo.price}
                            {/if}
                        </td>
                        <td>
                            <a class="btn btn-primary"
                               href="{:url('product/edit',['id'=>$vo['product_id']])}">编辑
                            </a>
                            <a class="btn btn-info"
                               href="{:url('BuildHtml/product',['id'=>$vo['product_id']])}">静态化
                            </a>
                            <a class="btn btn-danger"
                               href="javascript:if(confirm('确实要删除吗?'))location='{:url('product/del',['id'=>$vo['product_id']])}'">删除</a>
    
                        </td>
                    </tr>
                    {/volist}
                    
                    </tbody>
                </table>
            </form>
            {$lists|raw}
        </div>
    
    </div>

</div>
<!-- content end -->

<script type="text/javascript">
    // IE and Edge fix!
    $('button[form=\'form-product\']').on('click', function(e) {
        console.log($(this).attr('formaction'))
        $('#form-product').attr('action', $(this).attr('formaction'));
    });
</script>