{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/index')}" method="post" class="form-horizontal form-search">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label">{:lang("Store")}</label>
                                    <div class="pull-left w-120-calc">
                                        <select class="form-control pull-left" name="store_id">
                                            <option value="0" selected>{:lang("Unknown")}</option>
                                            {volist name="all_store" id="item"}
                                            <option value="{$item.id}" {if $params.store_id == $item.id} selected {/if}>{$item.name}</option>
                                            {/volist}
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label">{:lang("Type")}</label>
                                    <div class="pull-left w-120-calc">
                                        <select class="form-control pull-left" name="type">
                                            <option value="0" selected>{:lang("Unknown")}</option>
                                            <option value="1" {if $params.type == 1} selected {/if}>{:lang('History order')}</option>
                                            <option value="2" {if $params.type == 2} selected {/if}>{:lang('Earnest order')}</option>
                                        </select>
                                    </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>
                                    </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-cyan m-r-5" id="caviar_report_btn" href="#!" onclick="caviar_report()">{$Think.lang.Report}</a>
<!--                        <a class="btn btn-primary m-r-5" href="#!" onclick="add('{:url(\'admin/order/add\')}')"><i class="mdi mdi-plus"></i> {:lang('add')}</a>-->
<!--                        <a class="btn btn-danger" href="#!" onclick="-->
<!--                            caviar_checkbox_delete('{:url(\'admin/order/delete\')}', ['{:lang(\'Check at least one box\')}','{:lang(\'Succeed\')}'],'{:lang(\'Warn\')}','{:lang(\'Are you sure you want to delete the selected data\')}',['{:lang(\'Confirm\')}'])"-->
<!--                        ><i class="mdi mdi-window-close"></i> {:lang('delete')}</a>-->
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th>
                                    <label class="lyear-checkbox checkbox-primary">
                                        <input type="checkbox" id="check-all" onclick="checkbox()"><span></span>
                                    </label>
                                </th>
                                <th>{:lang("ID")}</th>
                                <th>{:lang("Order no")}</th>
                                <th>{:lang("Customer")}</th>
                                <th>{:lang("Store")}</th>
                                <th>{:lang("Product")}</th>
                                <th>{:lang('Rental amount')}（¥）</th>
                                <th>{:lang('Receivable amount')}（¥）</th>
                                <th>{:lang('Receive amount')}（¥）</th>
                                <th>{:lang('Imposed amount')}（¥）</th>
                                <th>{:lang('Type')}</th>
                                <th>{:lang('create_time')}</th>
                                <th>{:lang('operation')}</th>
                            </tr>
                            </thead>
                            <tbody>
                            {volist name="list" id="item"}
                            <tr>
                                <td>
                                    <label class="lyear-checkbox checkbox-primary">
                                        <input class="checkbox_caviar" type="checkbox" name="ids[]" value="{$item.id}"><span></span>
                                    </label>
                                </td>
                                <td>{$item.id}</td>
                                <td>{$item.no}</td>
                                <td>【{$item.customer_id}】{$item.customer_name}</td>
                                <td>【{$item.store_id}】{$item.store.abbr}</td>
                                <td>{volist name="$item.products" id="product"}{$product.product_name}<br />{/volist}</td>
                                <td>{$item.rental_amount}</td>
                                <td>{$item.receivable_amount}</td>
                                <td>{$item.receive_amount}</td>
                                <td>{$item.imposed_amount}</td>
                                <td>{if $item.type == 1}{:lang('History order')}{else /}{:lang('Earnest order')}{/if}</td>
                                <td>{$item.create_time}</td>
                                <td>
                                    <div class="btn-group">
                                        <a class="btn btn-xs btn-default" href="#!" title="{:lang('select')}" data-toggle="tooltip" onclick='view("/admin/order/edit?id={$item.id}")'><i class="mdi mdi-eye"></i></a>
<!--                                        <a class="btn btn-xs btn-default" href="#!" title="{:lang('delete')}" data-toggle="tooltip" onclick='-->
<!--                                           deletingASingle("{:url(\"admin/order/delete\")}","{$item.id}",["{:lang(\"Succeed\")}"],"{:lang(\"Warn\")}","{:lang(\"Are you sure you want to delete the selected data\")}",["{:lang(\"Confirm\")}"])'-->
<!--                                        ><i class="mdi mdi-window-close"></i></a>-->
                                    </div>
                                </td>
                            </tr>
                            {/volist}
                            </tbody>
                        </table>
                    </div>
                    {$list|raw}
                </div>
            </div>
        </div>
    </div>
</div>

<style>

</style>

<script type="text/javascript">
    function caviar_report() {
        const store_id = $("select[name='store_id']").val();
        const type = $("select[name='type']").val();
        location.href = `{:url('admin/order/report')}?store_id=${store_id}&type=${type}`;
    }
    if(check_params(["{$params.type}","{$params.store_id}"]))
        $('#select_card_caviar').css('display','block');
</script>