@extends('layouts.admin')
@section('title', $isCreate ? 'New entry' : ($entry->display_name ?: $entry->handle ?: 'Entry'))
@section('content')
@php
  $payload = old('fields', $entry->payload());
  if (! is_array($payload)) {
      $payload = [];
  }
@endphp

<x-admin.page
    :title="$isCreate ? ('New · '.$definition->name) : ($entry->display_name ?: $entry->handle ?: 'Entry #'.$entry->id)"
    :subtitle="$definition->name.' / '.$definition->type"
>
    <x-slot:actions>
        <a href="{{ route('admin.metaobjects.definitions.show', $definition) }}" class="admin-btn">Back</a>
        @unless($isCreate)
            <form method="post" action="{{ route('admin.metaobjects.duplicate', $entry) }}" class="inline">@csrf
                <button class="admin-btn"><i data-lucide="copy" class="h-3.5 w-3.5"></i> Duplicate</button>
            </form>
            <form method="post" action="{{ route('admin.metaobjects.destroy', $entry) }}" class="inline" onsubmit="return confirm('Delete this entry?')">
                @csrf @method('DELETE')
                <button class="admin-btn text-[var(--color-danger)]">Delete</button>
            </form>
        @endunless
        <button class="admin-btn admin-btn-primary" form="metaobject-entry-form">{{ $isCreate ? 'Create entry' : 'Save entry' }}</button>
    </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">
            <ul class="list-disc pl-5">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form
        id="metaobject-entry-form"
        method="post"
        action="{{ $isCreate ? route('admin.metaobjects.store') : route('admin.metaobjects.update', $entry) }}"
    >
        @csrf
        @unless($isCreate) @method('PUT') @endunless
        @if($isCreate)
            <input type="hidden" name="metaobject_definition_id" value="{{ $definition->id }}">
        @endif

        <div class="grid gap-4 xl:grid-cols-[minmax(0,1fr)_18rem]">
            <x-admin.section title="Fields" hint="Typed inputs from the definition schema. Image fields open Insert Media.">
                <div class="space-y-5">
                    @foreach($schema as $field)
                        @php
                            $key = $field['key'];
                            $value = $payload[$key] ?? null;
                            $name = 'fields['.$key.']';
                            $errorKey = 'fields.'.$key;
                            $oldValue = old($errorKey, $value);
                        @endphp
                        <div>
                            @if($field['type'] === 'file_reference')
                                <x-admin.media-field
                                    :name="$name"
                                    mode="single"
                                    :label="$field['name'].($field['required'] ? ' *' : '')"
                                    :help="$field['help']"
                                    :selected="isset($mediaSelections[$key]) && $mediaSelections[$key] ? [$mediaSelections[$key]] : []"
                                    :max="1"
                                />
                            @elseif($field['type'] === 'multi_line_text')
                                <x-admin.field :label="$field['name'].($field['required'] ? ' *' : '')" :name="$errorKey" :help="$field['help']">
                                    <textarea name="{{ $name }}" rows="4" class="admin-input">{{ $oldValue }}</textarea>
                                </x-admin.field>
                            @elseif($field['type'] === 'boolean')
                                <label class="flex items-center gap-2 text-sm">
                                    <input type="hidden" name="{{ $name }}" value="0">
                                    <input type="checkbox" name="{{ $name }}" value="1" @checked($oldValue)>
                                    <span>{{ $field['name'] }}@if($field['required']) * @endif</span>
                                </label>
                                @if($field['help'])
                                    <p class="admin-help mt-1">{{ $field['help'] }}</p>
                                @endif
                            @elseif($field['type'] === 'number')
                                <x-admin.field :label="$field['name'].($field['required'] ? ' *' : '')" :name="$errorKey" :help="$field['help']">
                                    <input type="number" step="any" name="{{ $name }}" value="{{ $oldValue }}" class="admin-input">
                                </x-admin.field>
                            @elseif($field['type'] === 'color')
                                <x-admin.field :label="$field['name'].($field['required'] ? ' *' : '')" :name="$errorKey" :help="$field['help']">
                                    <div class="flex gap-2">
                                        <input type="color" value="{{ $oldValue ?: '#111111' }}" class="h-10 w-12 rounded border border-[var(--color-admin-border)]" oninput="this.nextElementSibling.value=this.value">
                                        <input type="text" name="{{ $name }}" value="{{ $oldValue }}" class="admin-input font-mono" placeholder="#111111">
                                    </div>
                                </x-admin.field>
                            @elseif($field['type'] === 'json')
                                <x-admin.field :label="$field['name'].($field['required'] ? ' *' : '')" :name="$errorKey" :help="$field['help'] ?: 'Paste a JSON object or array.'">
                                    <textarea name="{{ $name }}" rows="6" class="admin-input font-mono text-xs">{{ is_array($oldValue) ? json_encode($oldValue, JSON_PRETTY_PRINT|JSON_UNESCAPED_SLASHES) : $oldValue }}</textarea>
                                </x-admin.field>
                            @else
                                <x-admin.field :label="$field['name'].($field['required'] ? ' *' : '')" :name="$errorKey" :help="$field['help']">
                                    <input
                                        type="{{ $field['type'] === 'url' ? 'url' : 'text' }}"
                                        name="{{ $name }}"
                                        value="{{ $oldValue }}"
                                        class="admin-input {{ $field['type'] === 'url' ? 'font-mono text-sm' : '' }}"
                                    >
                                </x-admin.field>
                            @endif
                        </div>
                    @endforeach
                </div>
            </x-admin.section>

            <div class="space-y-4">
                <x-admin.section title="Publishing">
                    <x-admin.field label="Handle" name="handle" help="Unique within this definition.">
                        <input name="handle" value="{{ old('handle', $entry->handle) }}" class="admin-input font-mono text-sm" placeholder="default">
                    </x-admin.field>
                    <x-admin.field label="Sort order" name="sort_order" class="mt-4">
                        <input type="number" name="sort_order" min="0" max="9999" value="{{ old('sort_order', $entry->sort_order ?? 0) }}" class="admin-input">
                    </x-admin.field>
                    <label class="mt-4 flex items-center gap-2 text-sm">
                        <input type="checkbox" name="published" value="1" @checked(old('published', $entry->published))>
                        Published on storefront
                    </label>
                </x-admin.section>
                <x-admin.section title="Definition">
                    <dl class="space-y-2 text-sm">
                        <div class="flex justify-between gap-2"><dt class="text-[#6d7175]">Type</dt><dd class="font-mono text-xs">{{ $definition->type }}</dd></div>
                        <div class="flex justify-between gap-2"><dt class="text-[#6d7175]">Fields</dt><dd>{{ count($schema) }}</dd></div>
                        <div class="flex justify-between gap-2"><dt class="text-[#6d7175]">Mode</dt><dd>{{ $definition->one_entry ? 'Singleton' : 'Multi' }}</dd></div>
                    </dl>
                    <a href="{{ route('admin.metaobjects.definitions.edit', $definition) }}" class="mt-3 inline-block text-sm text-[#2c6ecb] hover:underline">Edit schema</a>
                </x-admin.section>
            </div>
        </div>
    </form>
</x-admin.page>
@endsection