{extend name="common/common2" /}
{block name="main"}
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-content">
                <form method="post" action="{:url('batchsend',[],'')}/id/{$id}/mode/{$mode}" class="form-horizontal">

                    <div class="form-group">
                        <label class="col-sm-2 control-label">备注</label>
                        <div class="col-sm-6">
                            <textarea name="todo_content" id="todo_content" class="form-control" cols="30" rows="3" ></textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">执行人<span class="text-danger">*</span></label>
                        <div class="col-sm-6">
                        <input type="text"  class="form-control" oninput="changeSearch(this)" placeholder="搜索运送员">
                           </div>

                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label"></label>
                        <div class="col-sm-10">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th><input type="checkbox" class="check-all"></th>
                                    <th>运送员名称</th>
                                    <th>性别</th>
                                    <th>今日送达次数</th>
                                    <th>上次位置</th>
                                    <th>上次修改时间</th>
                                </tr>
                                </thead>
                                <tbody class="layer-photos" id="layer-photos">
                                {foreach ($user_list as $key => $value)}
                                <tr>
                                    <td><input name="to_user_id[]" type="checkbox" class="ids" value="{$value['id']}"></td>
                                    <td style="cursor: pointer;color: #023894;text-decoration:underline" onclick="oneU('{$value.id}')">{$value['real_name']}</td>
                                    <td>{$value['sex_name']}</td>
                                    <td>{$value['nums']}</td>
                                    <td>{$value['title']}</td>
                                    <td>{$value['addr_time']}</td>
                                </tr>
                                {/foreach}
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <div class="col-sm-6 col-sm-offset-2">
                            <button class="btn btn-primary ajax-post" data-layer="1" data-reload="1" target-form="form-horizontal" type="submit">确 定</button>
                            <button  class="btn cancel-btn btn-default" type="button">取 消</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script>
    function oneU(id){
        layer.confirm('是否确认选择?', {
            btn: ['YES', 'NO'], //按钮
            shade: false //不显示遮罩
        }, function() {
            var url = "{:url('onesend',[],'')}/id/{$id}/mode/{$mode}";
            var todo_content = $("#todo_content").val();
            console.log(todo_content);
            $.post(url,{to_user_id:id,todo_content:todo_content},function (res){
                if(res.code==1){
                    parent.layer.closeAll();
                }else {
                    layer.msg(res.msg);
                    return;
                }
            },'json')


        }, function() {
            parent.layer.closeAll();
        });
    }
    var lists = {:json_encode($user_list)};
    function changeSearch(_self) {
        var keyword = $(_self).val();
        var str = '';
        for (let o in lists){
            if(keyword){
                if(lists[o].real_name.indexOf(keyword) != -1){
                    str += '<tr>';
                    str += '<td><input name="to_user_id[]" type="checkbox" class="ids" value="'+lists[o].id+'"></td>';
                    str += '<td onclick="oneU('+lists[o].id+')">'+lists[o].real_name+'</td>';
                    str += '<td>'+lists[o].sex_name+'</td>';
                    str += '<td>'+lists[o].nums+'</td>';
                    str += '<td>'+lists[o].title+'</td>';
                    str += '<td>'+lists[o].addr_time+'</td>';
                    str += '</tr>';
                }
            }else{
                str += '<tr>';
                str += '<td><input name="to_user_id[]" type="checkbox" class="ids" value="'+lists[o].id+'"></td>';
                str += '<td onclick="oneU('+lists[o].id+')">'+lists[o].real_name+'</td>';
                str += '<td>'+lists[o].sex_name+'</td>';
                str += '<td>'+lists[o].nums+'</td>';
                str += '<td>'+lists[o].title+'</td>';
                str += '<td>'+lists[o].addr_time+'</td>';
                str += '</tr>';
            }
        }

        $('#layer-photos').html(str);

        console.log(keyword);
    }

    //全选的实现
    $(".check-all").click(function(){
        $(".ids").prop("checked", this.checked);
    });
    $(".ids").click(function(){
        var option = $(".ids");
        option.each(function(i){
            if(!this.checked){
                $(".check-all").prop("checked", false);
                return false;
            }else{
                $(".check-all").prop("checked", true);
            }
        });
    });
</script>
{/block}