{include file="public/header"}
<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">个人信息</h3>
    </div>
    <ul class="list-group">
        <li class="list-group-item"><b>微信号码：</b>{$user_info.nickname}</li>
        <li class="list-group-item">
            <b>头像信息：</b>
            {if condition = "$user_info.headimgurl eq null"}
            暂无
            {else/}
            <img src="{$user_info.headimgurl}" alt="微信头像" style="width:30px;border-radius:50%">
            {/if}
        </li>
        <li class="list-group-item">
            <b>电话：</b>
            {if condition = "$user_info.telephone eq null"}
            暂无
            {else/}
            {$user_info.telephone}
            {/if}
        </li>
        <li class="list-group-item"><b>用户名：</b>
            {if condition = "$user_info.username eq null"}
            暂无
            {else/}
            {$user_info.username}
            {/if}
        </li>
        <li class="list-group-item"><b>所属组：</b>
            {if condition = "$user_info.group eq null"}
            暂无
            {else/}
            
            {$user_info.group}
            {/if}
        </li>
        <li class="list-group-item"><b>所属区域：</b>
            {if condition = "$user_info.region eq null"}
            暂无
            {else/}

            {$user_info.region}
            {/if}
        </li>
        <li class="list-group-item"><b>地址信息：</b>
            {if condition = "$user_info.address eq null"}
            暂无
            {else/}
            {$user_info.address}
            {/if}
        </li>
        <li class="list-group-item">
            <b>身份信息：</b>
            {if condition = "$user_info.identity eq 0"}
            报修者
            {elseif condition = "$user_info.identity eq 1" /}
            维修者
            {else/}
            暂无
            {/if}
        </li>
        <li class="list-group-item">
            <b>是否审核：</b>
            {if condition = "$user_info.is_register eq 0"}
                <font style="color:red;">未审核</font>
            {else /}
                <font style="color:green;">已审核</font>
            {/if}
        </li>
    </ul>
</div>

<div class="table-responsive" style="padding-top: 10px;">
    <table class="table table-striped" border='1'>
        <thead>
            <tr>
                <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_order_info" id="vo"}
            <tr>
                <td><b>{$vo.order_id}</b></td>
                <td>{$vo.linkman}</td>
                <td>{$vo.linktel}</td>
                <td>
                    {if condition = "$vo.repuser eq null"}
                    暂无
                    {else /}
                    {$vo.repuser}
                    {/if}
                </td>
                <td>{$vo.title}</td>
                <td>{$vo.create_time}</td>
                <td>
                    {if condition="$vo.status eq '0'"}
                    <font color="green">接单中</font>
                    {elseif condition="$vo.status eq '1'"}
                    <font color="green">处理中</font>
                    {else /}
                    <font color="red">完成</font>
                    {/if}
                </td>
                <td>
                    <button data-orderid="{$vo['order_id']}" class="btn btn-xs btn-info buttoninfo">查看</button>
                    <button data-orderid="{$vo['order_id']}" class="btn btn-xs btn-danger buttoneidt">编辑</button>
                </td>
            </tr>
            {/volist}
        </tbody>
        <thead>
            <tr>
                <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_order_info->render()}
</div>


<script src="__LOGIN__/js/jquery.min.js"></script>
<script>
    $(function () {
        $('.buttoninfo').click(function () {
            //获取到当前订单   
            var orderid = $(this).attr('data-orderid');
            window.location.href = "__URL__/order_info?orderid=" + orderid;
        });


        //编辑信息
        $('.buttoneidt').click(function () {
            //获取到当前订单   
            let orderid = $(this).attr('data-orderid');
            window.location.href = "__URL__/edit_user_info?orderid=" + orderid;
        });
    });
</script>