{include file="public/header"}
<form action="user" method="post" class="form-inline">
    <div class="form-group">
        <label>搜索</label>
        <select name="type" class="form-control" id="select_id">
            <option value="">全部</option>
            <option value="id">用户id</option>
            <option value="nickname">微信昵称</option>
            <option value="username">用户名字</option>
            <option value="telephone">手机号码</option>
          	<option value="group">所属分组</option>
          	<option value="region">所属区域</option>
            <option value="is_register">注册状态</option>
            <option value="is_check">审核状态</option>
        </select>
    </div>

    <div class="form-group">
        <input type="text" class="form-control" id="input" name="keyword" placeholder="搜索内容">
        <select name="is_register" id="is_register"  hidden disabled>
            <option value="">请选择</option>
            <option value="0">未注册</option>
            <option value="1">已注册</option>
        </select>
        <select name="is_check" id="is_check"  hidden disabled>
            <option value="">请选择</option>
            <option value="0">未审核</option>
            <option value="1">已审核</option>
        </select>
      	 <select name="group" id="group"  hidden disabled>
           <option value="">请选择</option>
           {foreach $group as $v}        
            <option value="{$v.id}">{$v.name}</option>
           {/foreach}
        </select>
      	<select name="region" id="region"  hidden disabled>
           <option value="">请选择</option>
           {foreach $region as $v}        
            <option value="{$v.id}">{$v.username}</option>
           {/foreach}
        </select>
    </div>
    <button type="submit" class="btn btn-primary">搜索</button>
    <button type="button" class="btn btn-primary" id="adduser">添加用户</button>
</form>
<div class="table-responsive" style="padding-top: 10px;">
    <table class="table table-striped" border='1'>
        <thead>
            <tr>
                <th style="text-align: center;">用户id</th>
                <th style="text-align: center;">微信名称</th>
                <th style="text-align: center;">微信头像</th>
                <th style="text-align: center;">注册手机号</th>
                <th style="text-align: center;">用户名称</th>
                <th style="text-align: center;">所属分组</th>
                <th style="text-align: center;">地址</th>
                <th style="text-align: center;">身份</th>
                <th style="text-align: center;">添加时间</th>
               <th style="text-align: center;">是否注册</th>
                <th style="text-align: center;">是否审核</th>
                <th style="text-align: center;">操作</th>
            </tr>
        </thead>
        <tbody style="text-align: center;">
            {volist name="user_info" id="vo"}
            <tr>
                <td><b>{$vo.id}</b></td>
                <td>
                    {if condition = "$vo.nickname eq null"}
                       暂无
                    {else/}
                       {$vo.nickname}
                    {/if}
                </td>
                <td>
                    {if condition = "$vo.headimgurl eq null"}
                       暂无
                    {else/}
                       <img src="{$vo.headimgurl}" alt="微信头像" style="width:30px;border-radius: 50%">
                    {/if}
                </td>
                <td>
                    {if condition = "$vo.telephone eq null"}
                     暂无
                    {else/}
                      {$vo.telephone}
                    {/if}
                </td>
                <td>
                    {if condition = "$vo.username eq null"}
                      暂无
                    {else/}
                    {$vo.username}
                    {/if}
                </td>
                <td>
                    {if condition = "$vo.group eq null"}
                     暂无
                    {else/}
                    {$vo.group}
                    {/if}
                </td>
                <td>
                    {if condition = "$vo.address eq null"}
                      暂无
                    {else/}
                      {$vo.address}
                    {/if}
                </td>
                <td>
                    {if condition = "$vo.identity eq 0"}
                      报修者
                    {elseif condition = "$vo.identity eq 1" /}
                      维修者
                    {elseif condition = "$vo.identity eq 2" /}
                      协管者
                    {elseif condition = "$vo.identity eq 99" /}
                      管理员
                    {else/}
                      暂无
                    {/if}
                </td>
                <td>{$vo.addtime}</td>
                <td>
                    {if condition = "$vo.is_register eq 0"}
                      <font style="color:red;">未注册</font>
                    {else /}
                      <font style="color:green;">已注册</font>
                    {/if}
                </td>
                 <td>
                    {if condition = "$vo.is_check eq 0"}
                      <font style="color:red;">未审核</font>
                    {else /}
                      <font style="color:green;">已审核</font>
                    {/if}
                </td>
                <td>
                    <button data-userid="{$vo['id']}" class="btn btn-xs btn-info buttoninfo">查看</button>
                    <button data-userid="{$vo['id']}" class="btn btn-xs btn-danger buttoneidt">编辑</button>
                </td>
            </tr>
            {/volist}
        </tbody>
        <thead>
            <tr>
                <th style="text-align: center;">用户id</th>
                <th style="text-align: center;">微信名称</th>
                <th style="text-align: center;">微信头像</th>
                <th style="text-align: center;">注册手机号</th>
                <th style="text-align: center;">用户名称</th>
                <th style="text-align: center;">所属分组</th>
                <th style="text-align: center;">地址</th>
                <th style="text-align: center;">身份</th>
                <th style="text-align: center;">添加时间</th>
              <th style="text-align: center;">是否注册</th>
                <th style="text-align: center;">是否审核</th>
                <th style="text-align: center;">操作</th>
            </tr>
        </thead>
    </table>
</div>

<!-- 分页的渲染函数 -->
<div style="text-align:center;">
    {$user_info->render()}
</div>
<script src="__LOGIN__/js/jquery.min.js"></script>
<!-- 补单函数的触发 -->
<script>
    $(function () {
        $("#select_id").change(function(){
            var selected = $(this).children('option:selected').val();

            if(selected == "is_register"){
                $("#is_register").show();
                $("#is_register").removeAttr('disabled')
                $("#is_register").addClass('form-control')
              	$("#is_check").hide();
                $("#is_check").attr("disabled",true)
              	$("#group").hide();
                $("#group").attr("disabled",true)
              	$("#region").hide();
                $("#region").attr("disabled",true)
                $('#input').hide();
                $('#input').attr("disabled",true);
            }else if(selected == "is_check"){
                $("#is_check").show();
                $("#is_check").removeAttr('disabled')
                $("#is_check").addClass('form-control')
                $("#is_register").hide();
                $("#is_register").attr("disabled",true)
              	$("#group").hide();
                $("#group").attr("disabled",true)
              	$("#region").hide();
                $("#region").attr("disabled",true)
                $('#input').hide();
                $('#input').attr("disabled",true);
            }else if(selected == "group"){
              	$("#group").show();
                $("#group").removeAttr('disabled')
                $("#group").addClass('form-control')
              	 $("#is_check").hide();
                $("#is_check").attr("disabled",true)
                $("#is_register").hide();
                $("#is_register").attr("disabled",true)
              	$("#region").hide();
                $("#region").attr("disabled",true)
                $('#input').hide();
                $('#input').attr("disabled",true);
            }else if (selected == "region"){
            	$("#region").show();
                $("#region").removeAttr('disabled')
                $("#region").addClass('form-control')
               	$("#is_check").hide();
                $("#is_check").attr("disabled",true)
                $("#is_register").hide();
                $("#is_register").attr("disabled",true)
              	$("#group").hide();
                $("#group").attr("disabled",true)
                $('#input').hide();
                $('#input').attr("disabled",true);
            }else{
                $('#input').show();
                $("#input").removeAttr('disabled')
                $("#is_check").hide();
                $("#is_check").attr("disabled",true)
                $("#is_register").hide();
                $("#is_register").attr("disabled",true)
              	$("#group").hide();
                $("#group").attr("disabled",true)
              	$("#region").hide();
                $("#region").attr("disabled",true)
            }

          	
        });
        $('.buttoninfo').click(function () {
            //获取当前用户id   
            let userid = $(this).attr('data-userid');
            window.location.href = "__URL__/user_info?user_id=" + userid;
        });

        $('.buttoneidt').click(function () {
            //编辑当前用户   
            let userid = $(this).attr('data-userid');
            window.location.href = "__URL__/edit_user_info?user_id=" + userid;

        });


        $('#adduser').click(function(){
           window.location.href = "__URL__/add_user";  //添加用户
        });


    });
</script>