{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("Invoice No")}</label>
                                    <div class="pull-left w-120-calc">
                                        <input type="text" class="form-control pull-left" name="order_no" id="order_no"
                                               value="{$params.order_no}" placeholder='{:lang("Invoice No")}'/>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label">{:lang("Bar code")}</label>
                                    <div class="pull-left w-120-calc">
                                        <input type="text" class="form-control pull-left" name="bar_code" id="bar_code"
                                               value="{$params.bar_code}" placeholder="{:lang('Bar code')}"/>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label">{:lang("Product")}{:lang("Name")}</label>
                                    <div class="pull-left w-120-calc">
                                        <input type="text" class="form-control pull-left" name="product_name"
                                               id="product_name"
                                               value="{$params.product_name}"
                                               placeholder='{:lang("Product")}{:lang("Name")}'/>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label">{:lang("Belong Company")}</label>
                                    <div class="pull-left w-120-calc">
                                        <div class="layui-form-item"
                                             style="">
                                            <div class="layui-inline layui-form">
                                                <select name="company_id" lay-search="" id="company_id">
                                                    <option value="" selected>{:lang("Unknown")}</option>
                                                    {volist name="companys" id="item"}
                                                    <option value="{$item.id}" {if $item.id== $params.company_id}
                                                            selected {/if}>{$item.name}</option>
                                                    {/volist}
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label">{:lang("Adviser")}</label>
                                    <div class="pull-left w-120-calc">
                                        <div class="layui-form-item"
                                             style="">
                                            <div class="layui-inline layui-form">
                                                <select name="adviser_id" lay-search="" id="adviser_id">
                                                    <option value="" selected>{:lang("Unknown")}</option>
                                                    {volist name="admins" id="item"}
                                                    <option value="{$item.id}" {if $item.id== $params.adviser_id}
                                                            selected {/if}>{$item.nickname}</option>
                                                    {/volist}
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label">{:lang("Teacher")}</label>
                                    <div class="pull-left w-120-calc">
                                        <div class="layui-form-item"
                                             style="">
                                            <div class="layui-inline layui-form">
                                                <select name="teacher_id" lay-search="" id="teacher_id">
                                                    <option value="" selected>{:lang("Unknown")}</option>
                                                    {volist name="admins" id="item"}
                                                    <option value="{$item.id}" {if $item.id== $params.teacher_id}
                                                            selected {/if}>{$item.nickname}</option>
                                                    {/volist}
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <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-3">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label">{:lang("支付方式")}</label>
                                    <div class="pull-left w-120-calc">
                                        <div class="layui-form-item"
                                             style="">
                                            <div class="layui-inline layui-form">
                                                <select name="channel_id" lay-search="" id="channel_id">
                                                    <option value="" selected>{:lang("Unknown")}</option>
                                                    {volist name="channels" id="item"}
                                                    <option value="{$item.id}" {if $item.id== $params.channel_id}
                                                            selected {/if}>{$item.name}</option>
                                                    {/volist}
                                                </select>
                                            </div>
                                        </div>
                                    </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-success m-r-5" id="caviar_search_btn" href="#!"
                           onclick="select_card_switch()">{$Think.lang.unfold_search}</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('Invoice No')}</th>
                                <th>{:lang('Store')}{:lang('Abbr')}</th>
                                <th>{:lang('Date')}</th>
                                <th>{:lang('Bar code')}</th>
                                <th>{:lang('Product')}{:lang("Name")}</th>
                                <th>{:lang("Belong Company")}</th>
                                <th>{:lang('Sale price')}</th>
                                <th>{:lang('Consumption tax')}</th>
                                <th>{:lang('Quantity')}</th>
                                <th>{:lang('Real Price')}</th>
                                <th>{:lang('Royalties')}</th>
                                <th>{:lang('Payment Channel')}</th>
                                <th>{:lang('Adviser')}1</th>
                                <th>{:lang('Adviser')}2</th>
                                <th>{:lang('Teacher')}1</th>
                                <th>{:lang('Teacher')}2</th>
                            </tr>
                            </thead>
                            <tbody>
                            {volist name="list" id="item"}
                            <tr>
                                <td>{$item.order_no}</td>
                                <td>{:preg_replace("/\\d+/",'', $item.order_no)}</td>
                                <td>{$item.create_time}</td>
                                <td>{$item.product.bar_code}</td>
                                <td>{$item.product_name}</td>
                                <td>{:fmtN_A($item.product.company.name)}</td>
                                <td>{$item.product.real_price}</td>
                                <td>{$item.sales_tax}</td>
                                <td>1</td>
                                <td>{$item.transaction_price}</td>
                                <td>{:fmtN_A("")}</td>
                                <td>{$item.payment_names}</td>
                                <td>{:fmtN_A($item.adviser_1_name)}</td>
                                <td>{:fmtN_A($item.adviser_2_name)}</td>
                                <td>{:fmtN_A($item.teacher_1_name)}</td>
                                <td>{:fmtN_A($item.teacher_2_name)}</td>
                            </tr>
                            {/volist}
                            </tbody>
                        </table>
                    </div>
                    {$list|raw}
                </div>
            </div>
        </div>
    </div>
</div>

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

    if (check_params([
        '{$params.order_no}',
        '{$params.bar_code}',
        '{$params.product_name}',
        "{$params.company_id}",
        "{$params.adviser_id}",
        "{$params.teacher_id}",
        "{$params.date_range}",
        "{$params.channel_id}"
    ]))
        $('#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: '/',
        });
    });
</script>