@extends('admin.layouts.app')

@section('title', '客服中心 / 工单')
@section('page_title', '客服中心 / 工单')

@section('content')
<div class="page-header mb-20" data-page="admin.support_tickets">
    <div class="page-header-main">
        <div>
            <div class="page-header-title">客服中心 / 工单</div>
            <div class="page-header-subtitle">用于承接“对账异常 / 退款异常 / 续费缺订阅”等治理工单闭环；当前阶段先把信息架构骨架做稳。</div>
        </div>
        <div class="page-header-actions">
            <span class="muted muted-xs">占位页（后续接入创建/指派/SLA/审计）</span>
        </div>
    </div>

    <div class="page-header-meta">
        <div>当前阶段仅做路由/权限/信息架构埋口，避免后续大改。</div>
    </div>
</div>

<div class="card list-card">
    <div class="list-card-header">
        <div>
            <h3 class="list-card-title">工单列表（占位）</h3>
            <div class="muted muted-xs mt-6">下一步将接入：筛选（scope/状态/优先级/关联对象）、创建工单、指派、SLA、升级链路与审计。</div>
        </div>
    </div>
    <div class="list-card-body">
        <table class="list-card-table">
            <thead>
            <tr>
                <th>ID</th>
                <th>范围</th>
                <th>标题</th>
                <th>优先级</th>
                <th>状态</th>
                <th>关联对象</th>
                <th>创建时间</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td colspan="7" class="muted table-empty">暂无工单（占位：后续接入数据模型后展示）</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
@endsection