{{--
    文件功能：后台开发日志列表页（仅 id=1 超级管理员可访问）
    展示所有日志（含草稿），支持发布/编辑/删除操作

    @extends admin.layouts.app
--}}
@extends('admin.layouts.app')

@section('title', '开发日志管理')

@section('content')
    <div class="flex justify-between items-center mb-6">
        <div>
            <h2 class="text-xl font-bold text-gray-800">📋 开发日志管理</h2>
            <p class="text-sm text-gray-500 mt-1">管理版本更新记录，发布后可在大厅消息区通知用户</p>
        </div>
        <a href="{{ route('admin.changelogs.create') }}"
            class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-lg font-bold text-sm shadow transition">
            + 新增日志
        </a>
    </div>

    {{-- 日志列表 --}}
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
        <table class="w-full text-sm">
            <thead class="bg-gray-50 border-b border-gray-100">
                <tr class="text-left text-gray-500 text-xs font-bold uppercase tracking-wider">
                    <th class="px-5 py-3">版本号</th>
                    <th class="px-5 py-3">标题</th>
                    <th class="px-5 py-3">类型</th>
                    <th class="px-5 py-3">状态</th>
                    <th class="px-5 py-3">发布时间</th>
                    <th class="px-5 py-3 text-right">操作</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-50">
                @forelse($logs as $log)
                    <tr class="hover:bg-gray-50 transition-colors">
                        <td class="px-5 py-3 font-mono text-indigo-700 font-bold">v{{ $log->version }}</td>
                        <td class="px-5 py-3 text-gray-800 font-medium">{{ $log->title }}</td>
                        <td class="px-5 py-3">
                            @php
                                $typeConfig = \App\Models\DevChangelog::TYPE_CONFIG[$log->type] ?? null;
                                $colorMap = [
                                    'emerald' => 'bg-emerald-100 text-emerald-700',
                                    'rose' => 'bg-rose-100 text-rose-700',
                                    'blue' => 'bg-blue-100 text-blue-700',
                                    'slate' => 'bg-slate-100 text-slate-700',
                                ];
                            @endphp
                            <span
                                class="px-2 py-0.5 rounded-full text-xs font-bold {{ $colorMap[$typeConfig['color'] ?? 'slate'] ?? 'bg-slate-100 text-slate-700' }}">
                                {{ $typeConfig['label'] ?? '其他' }}
                            </span>
                        </td>
                        <td class="px-5 py-3">
                            @if ($log->is_published)
                                <span class="px-2 py-0.5 bg-green-100 text-green-700 rounded-full text-xs font-bold">✅
                                    已发布</span>
                            @else
                                <span class="px-2 py-0.5 bg-gray-100 text-gray-500 rounded-full text-xs font-bold">🔒
                                    草稿</span>
                            @endif
                        </td>
                        <td class="px-5 py-3 text-gray-400 text-xs">
                            {{ $log->published_at?->format('Y-m-d H:i') ?? '—' }}
                        </td>
                        <td class="px-5 py-3 text-right">
                            <div class="flex items-center justify-end gap-2">
                                <a href="{{ route('admin.changelogs.edit', $log->id) }}"
                                    class="text-blue-600 hover:text-blue-800 font-semibold text-xs px-2 py-1 rounded hover:bg-blue-50 transition">
                                    编辑
                                </a>
                                <form action="{{ route('admin.changelogs.destroy', $log->id) }}" method="POST"
                                    onsubmit="return confirm('确定要删除这条日志吗？');">
                                    @csrf @method('DELETE')
                                    <button type="submit"
                                        class="text-red-600 hover:text-red-800 font-semibold text-xs px-2 py-1 rounded hover:bg-red-50 transition">
                                        删除
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="px-5 py-12 text-center text-gray-400">
                            <p class="text-3xl mb-2">📭</p>
                            <p>还没有任何日志，点击右上角「新增日志」开始吧</p>
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>

        @if ($logs->hasPages())
            <div class="px-5 py-4 border-t border-gray-100">
                {{ $logs->links() }}
            </div>
        @endif
    </div>
@endsection
