@extends('manager.layout.master')

@section('body')
    @php
        $statusColors = [
            10 => 'layui-bg-orange',     // 待支付
            11 => 'layui-bg-blue',       // 意向金已支付
            20 => 'layui-bg-cyan',       // 推演中
            30 => 'layui-bg-green',      // 已完成
            40 => 'layui-bg-gray',       // 已退回
        ];
        $totalCount = 0;
        $statusCount = [];
        foreach ($list as $o) {
            $totalCount++;
            $statusCount[$o->status] = ($statusCount[$o->status] ?? 0) + 1;
        }
    @endphp

    <style>
        .tname-page-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px 16px;
            margin-bottom: 15px;
            background: #fff;
            border-left: 4px solid #009688;
            border-radius: 2px;
            box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
        }
        .tname-page-header .title {
            font-size: 16px;
            font-weight: 600;
            color: #333;
        }
        .tname-page-header .stats {
            margin-left: 15px;
            font-size: 13px;
            color: #666;
        }
        .tname-page-header .stats .layui-badge {
            margin: 0 3px;
        }
        .tname-search-bar {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding: 10px 0;
        }
        .tname-search-bar .layui-form-label {
            width: auto;
            padding: 8px 10px;
        }
        .tname-search-bar .layui-input-inline {
            vertical-align: middle;
        }
        .tname-search-bar .layui-btn {
            margin-left: 8px;
        }
        .tname-table th {
            background: #f2f2f2;
            color: #333;
            font-weight: 600;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
        }
        .tname-table td {
            vertical-align: middle;
            font-size: 13px;
        }
        .tname-table tbody tr:hover {
            background: #f8f8f8;
        }
        .tname-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 1px solid #e6e6e6;
            object-fit: cover;
            margin-right: 8px;
            flex-shrink: 0;
        }
        .tname-user {
            display: flex;
            align-items: center;
            text-align: left;
        }
        .tname-user-info {
            line-height: 1.6;
        }
        .tname-user-info .name {
            font-weight: 600;
            color: #333;
        }
        .tname-user-info .meta {
            color: #888;
            font-size: 12px;
        }
        .tname-order-no {
            font-family: Consolas, monospace;
            color: #333;
            font-size: 12px;
        }
        .tname-type {
            display: inline-block;
            padding: 2px 8px;
            background: #f0f9ff;
            color: #1e9fff;
            border-radius: 4px;
            font-size: 12px;
        }
        .tname-info-item {
            margin-bottom: 8px;
            padding-bottom: 8px;
            border-bottom: 1px dashed #eee;
        }
        .tname-info-item:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }
        .tname-info-item .fullname {
            font-weight: 600;
            color: #333;
            font-size: 14px;
        }
        .tname-info-item .detail {
            color: #666;
            font-size: 12px;
            line-height: 1.6;
            margin-top: 2px;
        }
        .tname-amount {
            color: #e4393c;
            font-weight: 600;
            font-size: 14px;
        }
        .tname-time {
            color: #666;
            font-size: 12px;
            line-height: 1.6;
        }
        .tname-time span {
            display: block;
        }
        .tname-badge {
            padding: 2px 8px;
            border-radius: 10px;
            font-size: 12px;
        }
    </style>

    <div class="tname-page-header">
        <div>
            <span class="title">个人测名</span>
            <span class="stats">
                共 <span class="layui-badge layui-bg-black">{{$totalCount}}</span>
                @foreach(\App\Models\Order::$statusItemList as $key=>$label)
                    @php $cnt = $statusCount[$key] ?? 0; @endphp
                    @if($cnt > 0)
                        {{$label}} <span class="layui-badge {{$statusColors[$key] ?? 'layui-bg-gray'}}">{{$cnt}}</span>
                    @endif
                @endforeach
            </span>
        </div>
        <a class="layui-btn layui-btn-sm layui-btn-primary" id="reload"><i class="layui-icon">&#xe669;</i> 刷新</a>
    </div>

    <!-- 搜索区 -->
    <div class="tname-search-bar">
        <form class="layui-form layui-form-pane" action="" method="get">
            <span class="layui-form-label">状态：</span>
            <div class="layui-input-inline" style="width: 110px;">
                <select name="status">
                    <option value="">全部</option>
                    @foreach(\App\Models\Order::$statusItemList as $key=>$vo)
                        <option value="{{$key}}" @if(request('status')==$key) selected @endif>{{$vo}}</option>
                    @endforeach
                </select>
            </div>

            <span class="layui-form-label">类型：</span>
            <div class="layui-input-inline" style="width: 120px;">
                <select name="type">
                    <option value="">全部</option>
                    @foreach(\App\Models\ItemIco::$typeList as $key=>$vo)
                        @if (!in_array($key,[\App\Models\ItemIco::$GSCM_CODE,\App\Models\ItemIco::$XMRS_CODE,\App\Models\ItemIco::$QYMC_CODE]))
                            <option value="{{$key}}" @if(request('type')==$key) selected @endif>{{$vo}}</option>
                        @endif
                    @endforeach
                </select>
            </div>

            <div class="layui-input-inline" style="width: 240px;">
                <input type="text" name="keyword" value="{{request()->get('keyword')}}" autocomplete="off" placeholder="昵称 / 编号 / 电话 / 订单编号" class="layui-input">
            </div>

            <button type="submit" class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe615;</i> 查询</button>
            <a href="{{route('orderPeopleTestList')}}" class="layui-btn layui-btn-sm layui-btn-primary">重置</a>
        </form>
    </div>

    <table class="layui-table tname-table">
        <thead>
        <tr>
            <th style="width:180px;">订单号</th>
            <th>用户信息</th>
            <th style="width:90px;">类型</th>
            <th>测名信息</th>
            <th style="width:80px;">金额</th>
            <th style="width:130px;">时间</th>
            <th style="width:80px;">状态</th>
            <th style="width:80px;">操作</th>
        </tr>
        </thead>
        <tbody id="idFrom">
        @foreach($list as $key=>$vo)
            <tr>
                <td>
                    <span class="tname-order-no" title="{{$vo->number}}">{{\Illuminate\Support\Str::limit($vo->number, 20, '')}}</span>
                </td>
                <td>
                    <div class="tname-user">
                        <img class="tname-avatar" src="{{$vo->user->head_img_url ?? asset('admin/img/ico.png')}}" alt="">
                        <div class="tname-user-info">
                            <div class="name">{{$vo->user->nickname ?? '未设置昵称'}}</div>
                            <div class="meta">编号：{{$vo->user->code ?? '-'}}</div>
                            <div class="meta">电话：{{$vo->user->tel ?? '-'}}</div>
                        </div>
                    </div>
                </td>
                <td>
                    <span class="tname-type">{{$vo->type_text ?? '-'}}</span>
                </td>
                <td>
                    @foreach($vo->TNameList as $v)
                        <div class="tname-info-item">
                            <div class="fullname">
                                {{$v->surname ?? ''}}{{$v->name ?? ''}}
                                @if($v->sex_text)
                                    <span class="layui-badge-rim" style="font-weight:normal;">{{$v->sex_text}}</span>
                                @endif
                            </div>
                            <div class="detail">
                                <div>生日：{{$v->birthday ?: '-'}}</div>
                                <div>地址：{{$v->area_text ?: '-'}}</div>
                            </div>
                        </div>
                    @endforeach
                </td>
                <td>
                    <span class="tname-amount">￥{{$vo->price ?? '0.00'}}</span>
                </td>
                <td>
                    <div class="tname-time">
                        <span>下单：{{$vo->create_time ?: '-'}}</span>
                        <span>支付：{{$vo->pay_time ?: '-'}}</span>
                    </div>
                </td>
                <td>
                    <span class="layui-badge {{$statusColors[$vo->status] ?? 'layui-bg-gray'}} tname-badge">{{$vo->status_text}}</span>
                </td>
                <td>
                    <a class="layui-btn layui-btn-sm layui-btn-normal" onclick="openView('{{route('orderPeopleTestInfo',['id' => $vo->id])}}','详情','1180px')" lay-event="edit"><i class="layui-icon">&#xe66e;</i> 详情</a>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>

    @include('manager.include.pageBtn')

@stop