{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">搜索条件</div>
                <div class="card-body">
                    <form action="{:url('admin/customer/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"><span class="text-danger">*</span> 客户名称</label>
                                    <div class="pull-left w-120-calc">
                                        <input type="text" class="form-control pull-left" name="name" value="" placeholder="客户名称" />
                                    </div>
                                </div>
                            </div>
<!--                            <div class="col-md-4">-->
<!--                                <div class="form-group">-->
<!--                                    <label class="w-120 pull-left control-label"><span class="text-danger">*</span> 任务类型</label>-->
<!--                                    <div class="pull-left w-120-calc">-->
<!--                                        <select name="type" class="form-control" id="type">-->
<!--                                            <option value="1">小说</option>-->
<!--                                            <option value="2">古籍</option>-->
<!--                                            <option value="3">专辑</option>-->
<!--                                            <option value="4">自传</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">-->
<!--                                        <input type="text" class="form-control pull-left" name="name" value="" placeholder="任务描述" />-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="col-md-4">-->
<!--                                <div class="form-group">-->
<!--                                    <label class="w-120 pull-left control-label"><span class="text-danger">*</span> 责任人</label>-->
<!--                                    <div class="pull-left w-120-calc">-->
<!--                                        <input type="text" class="form-control pull-left" name="name" value="" placeholder="责任人" />-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="col-md-4">-->
<!--                                <div class="form-group">-->
<!--                                    <label class="w-120 pull-left control-label"><span class="text-danger">*</span> 提醒时间</label>-->
<!--                                    <div class="pull-left w-120-calc">-->
<!--                                        <input class="form-control js-datepicker" type="text" name="example-datepicker" placeholder="yyyy-mm-dd" value="" data-date-format="yyyy-mm-dd" />-->
<!--                                    </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">-->
<!--                                        <select name="type" class="form-control">-->
<!--                                            <option value="1">马小云</option>-->
<!--                                            <option value="2">马小腾</option>-->
<!--                                            <option value="3">张小阳</option>-->
<!--                                            <option value="4">唐小磊</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="#">搜索</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()">展开搜索</a>
                        <a class="btn btn-primary m-r-5" href="#!" onclick="add()"><i class="mdi mdi-plus"></i> 新增</a>
                        <a class="btn btn-danger" href="#!"><i class="mdi mdi-window-close"></i> 删除</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>客户ID</th>
                                <th>客户名称</th>
                                <th>手机号码</th>
                                <th>性别</th>
                                <th>阳历</th>
                                <th>阴历</th>
                                <th>跟进人</th>
                                <th>地址</th>
                                <th>邮箱</th>
                                <th>门店ID</th>
                                <th>操作</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.name}</td>
                                <td>{$item.mobile}</td>
                                <td>{$item.sex}</td>
                                <td>{$item.sun_calendar}</td>
                                <td>{$item.lunar_calendar}</td>
                                <td>【{$item.user_id}】 {$item.username}</td>
                                <td>{$item.address}</td>
                                <td>{$item.email}</td>
                                <td>{$item.store_id}</td>
                                <td>
                                    <div class="btn-group">
                                        <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
                                        <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
                                        <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
                                    </div>
                                </td>
                            </tr>
                            {/volist}
                            </tbody>
                        </table>
                    </div>
                    <ul class="pagination">
                        {$list|raw}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">

    console.log("{$params.name}")

    // 搜索开关
    function select_card_switch() {
        const element = $('#select_card_caviar')
        console.log(element.css('display'))
        if(element.css('display') === 'none') {
            element.css('display','block');
            $("#caviar_search_btn").val("关闭搜索")
        } else {
            element.css('display','none');
            $("#caviar_search_btn").val("展开搜索")
        }
    }

    function checkbox() {
        const isSelect = $("#check-all").is(":checked")
        isSelect ? $("input[class='checkbox_caviar']").each(function(i,n){
            n.checked = true;
        }) : $("input[class='checkbox_caviar']").each(function(i,n){
            n.checked = false;
        })
    }

    function add() {
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.open({
                type: 2,
                content: '{:url("admin/admin/add")}',// [ 'no'],
                area: ['1000px','600px']
            });
        });
    }
</script>