{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/product/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("Bar Code")}</label>
                                    <div class="pull-left w-120-calc">
                                        <input type="text" class="form-control pull-left" name="bar_code" value="{$params.bar_code}" placeholder='{:lang("Bar Code")}' />
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label">{:lang("Category")}</label>
                                    <div class="pull-left w-120-calc">
                                        <select class="form-control pull-left" name="category_id">
                                            <option value="0" selected>{:lang("Unknown")}</option>
                                            {volist name="all_category" id="item"}
                                            <option value="{$item.id}" {if $params.category_id == $item.id} selected {/if} >{$item.name}</option>
                                            {volist name='$item.children' id='tree_vo'}
                                            <option value="{$tree_vo.id}" {if $params.category_id == $tree_vo.id} selected {/if} >&nbsp;&nbsp;| --&nbsp;{$tree_vo.name}</option>
                                            {volist name='$tree_vo.children' id='tree_one_vo'}
                                            <option value="{$tree_one_vo.id}" {if $params.category_id == $tree_one_vo.id} selected {/if}>&nbsp;&nbsp;| --&nbsp;&nbsp;| --&nbsp;{$tree_one_vo.name}</option>
                                            {/volist}
                                            {/volist}
                                            {/volist}
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label">{:lang("Is serve")}</label>
                                    <div class="pull-left w-120-calc">
                                        <select class="form-control pull-left" name="is_serve">
                                            <option value="" selected>{:lang("Unknown")}</option>
                                            <option value="0" {if  $params.is_serve === 0} selected {/if} >{:lang("Product")}</option>
                                            <option value="1" {if  $params.is_serve === 1} selected {/if} >{:lang("Serve")}</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-primary m-r-5" href="#!" onclick="add('{:url(\'admin/product/add\')}')"><i class="mdi mdi-plus"></i> {:lang('add')}</a>
                        <a class="btn btn-danger" href="#!" onclick="
                            caviar_checkbox_delete('{:url(\'admin/product/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("Bar Code")}</th>
                                <th>{:lang('Name')}</th>
                                <th>{:lang('Image')}</th>
                                <th>{:lang('Category Name')}</th>
                                <th>{:lang('Is Serve')}</th>
                                <th>{:lang('Purchase Price')}</th>
                                <th>{:lang('Selling Price')}</th>
                                <th>{:lang('Now Total Stock')}</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.bar_code}</td>
                                <td>{$item.name}</td>
                                <td><img class="small-img" src="{$item.image}" onclick="image_magnify()" ></td>
                                <td>{$item.category_name}</td>
                                <td>{if $item.is_serve == 1}{:lang("Yes")}{else /}{:lang("No")}{/if}</td>
                                <td>{$item.purchase_price}</td>
                                <td>{$item.selling_price}</td>
                                <td>{$item.now_total_stock}</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/product/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/product/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">
    if(check_params(["{$params.bar_code}","{$params.category_id}", "{$params.is_serve}"]))
        $('#select_card_caviar').css('display','block');
</script>