@extends('layouts.admin')
@section('title', 'Documents')
@section('content')
<x-admin.page title="Document templates" subtitle="Packing slips, invoices, and fulfillment documents rendered against live orders.">
    <x-slot:actions>
        <a href="{{ route('admin.documents.create') }}" class="admin-btn admin-btn-primary"><i data-lucide="plus" class="h-3.5 w-3.5"></i> New template</a>
    </x-slot:actions>

    @if(session('status'))
        <div class="mb-4 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900">{{ session('status') }}</div>
    @endif

    <div class="order-ops-stat-rail mb-5">
        <div class="order-ops-stat"><span class="order-ops-stat-label">Template keys</span><span class="order-ops-stat-value">{{ number_format($grouped->count()) }}</span></div>
        <div class="order-ops-stat"><span class="order-ops-stat-label">Active versions</span><span class="order-ops-stat-value">{{ number_format($activeCount) }}</span></div>
    </div>

    <div class="space-y-4">
        @forelse($grouped as $key => $versions)
            @php $latest = $versions->first(); @endphp
            <article class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                <div class="flex flex-wrap items-start justify-between gap-3">
                    <div>
                        <h2 class="text-base font-semibold">{{ $latest->name }}</h2>
                        <p class="mt-1 font-mono text-xs text-[#6d7175]">{{ $key }} · v{{ $latest->version }} · {{ $latest->active ? 'active' : 'inactive' }}</p>
                        <p class="mt-2 text-xs text-[#6d7175]">{{ $versions->count() }} version(s)</p>
                    </div>
                    <div class="flex flex-wrap gap-2">
                        <a href="{{ route('admin.documents.preview', $latest) }}" class="admin-btn" target="_blank">Preview</a>
                        <a href="{{ route('admin.documents.edit', $latest) }}" class="admin-btn admin-btn-primary">Edit</a>
                    </div>
                </div>
            </article>
        @empty
            <x-admin.empty title="No document templates" description="Create packing_slip and invoice templates or re-run seeders." />
        @endforelse
    </div>
</x-admin.page>
@endsection