@extends('layouts.admin')
@section('title', $definition->name)
@section('content')
<x-admin.page
    :title="$definition->name"
    :subtitle="'Type '.$definition->type.' · '.$definition->fieldCount().' fields · '.($definition->one_entry ? 'singleton' : 'multi-entry')"
>
    <x-slot:actions>
        <a href="{{ route('admin.metaobjects.index') }}" class="admin-btn">All definitions</a>
        <a href="{{ route('admin.metaobjects.definitions.edit', $definition) }}" class="admin-btn">Edit schema</a>
        @if(! $definition->one_entry || $definition->entries->isEmpty())
            <a href="{{ route('admin.metaobjects.create', ['definition_id' => $definition->id]) }}" class="admin-btn admin-btn-primary">
                <i data-lucide="plus" class="h-3.5 w-3.5"></i> New entry
            </a>
        @endif
        @unless($definition->isProtected())
            <form method="post" action="{{ route('admin.metaobjects.definitions.destroy', $definition) }}" class="inline" onsubmit="return confirm('Delete this definition and all entries?')">
                @csrf @method('DELETE')
                <button class="admin-btn text-[var(--color-danger)]">Delete</button>
            </form>
        @endunless
    </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="grid gap-4 xl:grid-cols-[minmax(0,1fr)_18rem]">
        <x-admin.section title="Entries" hint="Publish entries to make them available to the storefront.">
            <div class="overflow-x-auto">
                <table class="w-full text-sm">
                    <thead class="text-left text-xs uppercase tracking-wide text-[#6d7175]">
                        <tr>
                            <th class="py-2">Entry</th>
                            <th>Handle</th>
                            <th>Status</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($definition->entries as $entry)
                            <tr class="border-t border-[var(--color-admin-border)]">
                                <td class="py-3 font-medium">{{ $entry->display_name ?: ($entry->handle ?: '#'.$entry->id) }}</td>
                                <td class="font-mono text-xs text-[#6d7175]">{{ $entry->handle }}</td>
                                <td><x-admin.badge :tone="$entry->published ? 'success' : 'muted'">{{ $entry->published ? 'Live' : 'Draft' }}</x-admin.badge></td>
                                <td class="text-right">
                                    <a href="{{ route('admin.metaobjects.edit', $entry) }}" class="text-[#2c6ecb] hover:underline">Edit</a>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="py-6 text-[#6d7175]">No entries yet.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </x-admin.section>

        <x-admin.section title="Schema" hint="{{ $definition->is_active ? 'Active' : 'Inactive' }}">
            <ul class="space-y-2 text-sm">
                @forelse($schema as $field)
                    <li class="rounded-lg border border-[var(--color-admin-border)] px-3 py-2">
                        <div class="font-medium">{{ $field['name'] }}</div>
                        <div class="font-mono text-[11px] text-[#6d7175]">{{ $field['key'] }} · {{ $field['type'] }}{{ ! empty($field['required']) ? ' · required' : '' }}</div>
                    </li>
                @empty
                    <li class="text-[#6d7175]">No fields defined.</li>
                @endforelse
            </ul>
            @if($definition->description)
                <p class="mt-4 text-sm text-[#6d7175]">{{ $definition->description }}</p>
            @endif
        </x-admin.section>
    </div>
</x-admin.page>
@endsection