@extends('layouts.admin')

@section('title', 'AI 教程管理')

@section('content')
<div class="card mb-3">
    <div class="card-body d-flex flex-column flex-lg-row gap-2 align-items-lg-center justify-content-between">
        <form method="get" action="{{ route('admin.guides.index') }}" class="d-flex flex-column flex-md-row gap-2 w-100">
            <input class="form-control" type="text" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="搜索教程标题 / 正文关键词">
            <button class="btn btn-primary" type="submit"><i class="bi bi-search me-1"></i>搜索</button>
        </form>
        <a class="btn btn-success" href="{{ route('admin.guides.create') }}"><i class="bi bi-plus-circle me-1"></i>新建教程</a>
    </div>
</div>

<div class="card">
    <div class="table-responsive">
        <table class="table table-vcenter card-table">
            <thead>
            <tr>
                <th>标题</th>
                <th>难度</th>
                <th>状态</th>
                <th>更新时间</th>
                <th class="text-end">操作</th>
            </tr>
            </thead>
            <tbody>
            @forelse($items as $item)
                <tr>
                    <td>
                        <div class="fw-semibold">{{ $item->title }}</div>
                        <div class="text-muted small">{{ $item->excerpt }}</div>
                    </td>
                    <td>{{ $item->difficulty }}</td>
                    <td><span class="badge bg-azure-lt text-azure-fg">{{ $item->status?->value ?? '-' }}</span></td>
                    <td>{{ $item->updated_at?->format('Y-m-d H:i') }}</td>
                    <td class="text-end"><a class="btn btn-sm btn-outline-primary" href="{{ route('admin.guides.edit', $item) }}">编辑</a></td>
                </tr>
            @empty
                <tr><td colspan="5" class="text-center text-muted py-4">暂无教程数据</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer">{{ $items->links() }}</div>
</div>
@endsection