@extends('admin.layouts.app')

@section('title', '开通线索')
@section('page_title', '开通线索')

@section('content')
<div class="card mb-20">
    <p class="muted muted-tight">对外平台（/platform）收集的开通意向线索，用于前期 A（站点开通型）人工运营承接。</p>
    <p class="muted">后续会在此处逐步接入：一键生成站点/订阅/平台订单、跟进记录、转化漏斗与治理提示。</p>
</div>

<div class="card mb-20">
    <h3>筛选</h3>
    <form method="get" action="/admin/platform-leads" class="grid-3">
        <select name="status">
            <option value="">全部状态</option>
            @foreach(($statusLabels ?? []) as $v => $label)
                <option value="{{ $v }}" @selected(($filters['status'] ?? '') === $v)>{{ $label }}</option>
            @endforeach
        </select>
        <input name="keyword" placeholder="关键词：姓名/手机号/邮箱/公司" value="{{ $filters['keyword'] ?? '' }}">
        <div>
            <button type="submit">应用筛选</button>
        </div>
    </form>
</div>

<div class="card">
    <h3>线索列表</h3>
    <div class="muted mb-10">当前阶段仅提供查询与筛选；后续补“状态流转/转化为站点/生成订单”等操作闭环。</div>

    <table class="table">
        <thead>
        <tr>
            <th>ID</th>
            <th>状态</th>
            <th>姓名</th>
            <th>手机号</th>
            <th>邮箱</th>
            <th>公司</th>
            <th>套餐ID</th>
            <th>来源</th>
            <th>创建时间</th>
        </tr>
        </thead>
        <tbody>
        @forelse($leads as $l)
            <tr>
                <td>{{ $l->id }}</td>
                <td>{{ $statusLabels[$l->status] ?? $l->status }}</td>
                <td>{{ $l->name }}</td>
                <td>{{ $l->mobile }}</td>
                <td>{{ $l->email }}</td>
                <td>{{ $l->company }}</td>
                <td>{{ $l->plan_id ?: '-' }}</td>
                <td>{{ $l->source }}</td>
                <td>{{ optional($l->created_at)->format('Y-m-d H:i:s') }}</td>
            </tr>
        @empty
            <tr>
                <td colspan="9" class="muted">暂无线索</td>
            </tr>
        @endforelse
        </tbody>
    </table>

    <div class="mt-10">
        {{ $leads->links() }}
    </div>
</div>
@endsection