{include file='common/_js_css'}
<link href="__CSS__/common.css" rel="stylesheet">
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <div class="card" id="select_card_caviar" style="display: none">
                <div class="card-header">{$Think.lang.condition}</div>
                <div class="card-body">
                    <form action="{:url('admin/order_report/index')}" method="post" class="form-horizontal form-search">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label">{:lang("统计时间")}</label>
                                    <div class="pull-left w-120-calc">
                                        <input type="text" class="layui-input" name="date_range" id="date_range"
                                               placeholder="{if $params.date_range == ''}{:lang('Start Time')} / {:lang('End Time')}{else /}{$params.date_range}{/if}"
                                               value="{$params.date_range}">
                                    </div>
                                </div>
                            </div>
                            <!--                            <div class="col-md-4">-->
                            <!--                                <div class="form-group">-->
                            <!--                                    <label class="w-120 pull-left control-label"></label>-->
                            <!--                                    <div class="pull-left w-120-calc">-->
                            <!--                                        <button class="btn btn-success m-r-5" id="caviar_send_btn" type="submit"-->
                            <!--                                                href="#">{:lang('search')}-->
                            <!--                                        </button>-->
                            <!--                                        <button type="reset" class="layui-btn layui-btn-primary">{:lang("Reset")}-->
                            <!--                                        </button>-->
                            <!--                                    </div>-->
                            <!--                                </div>-->
                            <!--                            </div>-->
                        </div>

                    </form>
                </div>
            </div>
            <div class="card">
                <div class="card-toolbar clearfix">
                    <div class="toolbar-btn-action">
                        <a class="btn btn-primary m-r-5" onclick="">{:lang('生成滞销报表')}</a>
                        <a class="btn btn-primary m-r-5" onclick="">{:lang('打印')}</a>
                        <a class="btn btn-primary m-r-5" onclick="caviar_report()">{:lang('Report')}</a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th>{:lang('Bar code')}</th>
                                <th>{:lang('Product')}{:lang('Name')}</th>
                                <th>{:lang('成本价')}</th>
                                <th>{:lang('实际售价')}</th>
                                <th>{:lang("当前库存值")}</th>
                                <th>{:lang('当前库存总额')}</th>
                                <th>{:lang('采购量')}</th>
                                <th>{:lang('采购金额')}</th>
                                <th>{:lang('销售量')}</th>
                                <th>{:lang('销售金额')}</th>
                            </tr>
                            </thead>
                            <tbody>
                            {volist name="list" id="item"}
                            <tr>
                                <td>{$item.bar_code}</td>
                                <td>{$item.name}</td>
                                <td>{$item.real_price}</td>
                                <td>{$item.real_price}</td>
                                <td>{:fmtN_A("")}</td>
                                <td>{:fmtN_A("")}</td>
                                <td>{:fmtN_A("")}</td>
                                <td>{:fmtN_A("")}</td>
                                <td>{:fmtN_A("")}</td>
                                <td>{:fmtN_A("")}</td>
                            </tr>
                            {/volist}
                            </tbody>
                        </table>
                    </div>
                    {$list|raw}
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    function caviar_report() {
        const form_data = {
            date_range: $("#date_range").val(),
        };
        const data_str = Object.keys(form_data).map((key) => `${key}=${form_data[key]}`).join("&");
        window.location.href = "{:url('admin/stock_report/report')}?" + data_str;
    }

    if (check_params([
        1,
    ]))
        $('#select_card_caviar').css('display', 'block');

    layui.use(['laydate', 'form'], () => {
        const laydate = layui.laydate;
        const form = layui.form;

        //监听提交
        form.on('submit(caviar_send_btn)', function (data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });

        laydate.render({
            elem: '#date_range'
            ,type: 'datetime'
            ,range: true
        });
    });
</script>