@extends('layouts.admin')
@section('title','Metaobjects')
@section('content')
<x-admin.page
    title="Metaobjects"
    subtitle="Typed content modules for storefront sections — define schemas, publish entries, bind media from the library."
>
    <x-slot:actions>
        <a href="{{ route('admin.metaobjects.definitions.create') }}" class="admin-btn">
            <i data-lucide="layers" class="h-3.5 w-3.5"></i> New definition
        </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
    @if($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">{{ $errors->first() }}</div>
    @endif

    <div class="order-ops-stat-rail mb-5">
        <div class="order-ops-stat is-active">
            <span class="order-ops-stat-label">Definitions</span>
            <span class="order-ops-stat-value">{{ number_format($stats['definitions']) }}</span>
            <span class="order-ops-stat-meta">{{ number_format($stats['active_definitions']) }} active</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Entries</span>
            <span class="order-ops-stat-value">{{ number_format($stats['entries']) }}</span>
            <span class="order-ops-stat-meta">All types</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Published</span>
            <span class="order-ops-stat-value">{{ number_format($stats['published']) }}</span>
            <span class="order-ops-stat-meta">Live on storefront</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Drafts</span>
            <span class="order-ops-stat-value">{{ number_format($stats['drafts']) }}</span>
            <span class="order-ops-stat-meta">Unpublished</span>
        </div>
    </div>

    <form method="get" class="mb-5 flex flex-wrap items-end gap-3">
        <div class="min-w-[12rem]">
            <label class="admin-label">Status</label>
            <select name="status" class="admin-input">
                <option value="">All definitions</option>
                <option value="active" @selected(request('status') === 'active')>Active</option>
                <option value="inactive" @selected(request('status') === 'inactive')>Inactive</option>
            </select>
        </div>
        <div class="min-w-[16rem] flex-1">
            <label class="admin-label">Search</label>
            <div class="relative">
                <i data-lucide="search" class="pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-[#8c9196]"></i>
                <input type="search" name="q" value="{{ request('q') }}" placeholder="Name, type, description…" class="admin-input w-full pl-8">
            </div>
        </div>
        <button class="admin-btn admin-btn-primary">Filter</button>
    </form>

    <div class="grid gap-4 lg:grid-cols-2">
        @forelse($definitions as $definition)
            <div class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5">
                <div class="flex items-start justify-between gap-3">
                    <div class="min-w-0">
                        <a href="{{ route('admin.metaobjects.definitions.show', $definition) }}" class="text-base font-semibold text-[#202223] hover:underline">{{ $definition->name }}</a>
                        <p class="mt-0.5 font-mono text-xs text-[#6d7175]">{{ $definition->type }}</p>
                    </div>
                    <div class="flex flex-wrap justify-end gap-1">
                        <x-admin.badge :tone="$definition->is_active ? 'success' : 'muted'">{{ $definition->is_active ? 'Active' : 'Off' }}</x-admin.badge>
                        @if($definition->one_entry)
                            <x-admin.badge tone="info">Singleton</x-admin.badge>
                        @endif
                        @if($definition->isProtected())
                            <x-admin.badge tone="warning">Protected</x-admin.badge>
                        @endif
                    </div>
                </div>
                <p class="mt-2 line-clamp-2 text-sm text-[#6d7175]">{{ $definition->description ?: 'No description — open to manage schema and entries.' }}</p>
                <div class="mt-3 flex flex-wrap gap-3 text-xs text-[#6d7175]">
                    <span>{{ number_format($definition->entries_count) }} entries</span>
                    <span>{{ number_format($definition->published_entries_count) }} published</span>
                    <span>{{ $definition->fieldCount() }} fields</span>
                </div>
                <div class="mt-4 flex flex-wrap gap-2">
                    <a href="{{ route('admin.metaobjects.definitions.show', $definition) }}" class="admin-btn admin-btn-primary text-xs">Open</a>
                    <a href="{{ route('admin.metaobjects.definitions.edit', $definition) }}" class="admin-btn text-xs">Edit schema</a>
                    @if(! $definition->one_entry || $definition->entries_count === 0)
                        <a href="{{ route('admin.metaobjects.create', ['definition_id' => $definition->id]) }}" class="admin-btn text-xs">Add entry</a>
                    @elseif($definition->entries->first())
                        <a href="{{ route('admin.metaobjects.edit', $definition->entries->first()) }}" class="admin-btn text-xs">Edit entry</a>
                    @endif
                </div>
                @if($definition->entries->isNotEmpty())
                    <ul class="mt-4 space-y-1 border-t border-[var(--color-admin-border)] pt-3">
                        @foreach($definition->entries as $entry)
                            <li class="flex items-center justify-between gap-2 text-sm">
                                <a href="{{ route('admin.metaobjects.edit', $entry) }}" class="truncate font-mono text-xs text-[#2c6ecb] hover:underline">{{ $entry->handle ?: '#'.$entry->id }}</a>
                                <x-admin.badge :tone="$entry->published ? 'success' : 'muted'">{{ $entry->published ? 'Live' : 'Draft' }}</x-admin.badge>
                            </li>
                        @endforeach
                    </ul>
                @endif
            </div>
        @empty
            <div class="col-span-full rounded-xl border border-dashed border-[var(--color-admin-border)] bg-white p-10 text-center text-sm text-[#6d7175]">
                No metaobject definitions yet. Create a schema, then add typed entries.
            </div>
        @endforelse
    </div>
</x-admin.page>
@endsection