@php($editing = $item->exists)
<x-admin.layout :title="$wording['title']">
    <x-admin.page-header :title="$editing ? __('Edit') : $wording['add']" :subtitle="$wording['title']" :back="route($routeName.'.index')" />

    <form method="POST" action="{{ $editing ? route($routeName.'.update', $item->id) : route($routeName.'.store') }}" class="grid max-w-5xl grid-cols-1 gap-6 lg:grid-cols-3">
        @csrf
        @if ($editing) @method('PUT') @endif

        <div class="space-y-6 lg:col-span-2">
            <x-admin.card :title="$wording['label']">
                <x-admin.input :name="$field" :label="$wording['label']" :value="$item->{$field}" maxlength="255" required />
            </x-admin.card>

            <x-admin.card :title="__('Translations')">
                <x-admin.translation-fields :fields="[$field => [$wording['label'], 'text']]" :values="old('translations', $item->translations ?? [])" />
            </x-admin.card>
        </div>

        <x-admin.card :title="__('Publishing')" class="self-start">
            <div class="space-y-4">
                <x-admin.select name="app" :label="__('Shown in')" :options="$apps" :value="$item->app" required />
                <x-admin.input name="sort_order" type="number" min="0" max="999" :label="__('Order')" :value="$item->sort_order" :hint="__('Lower numbers come first.')" />
                <x-admin.toggle name="is_active" :label="__('Active')" :checked="$item->is_active" />
            </div>
            <div class="mt-5 flex gap-2">
                <x-admin.button type="submit">{{ __('Save') }}</x-admin.button>
                <x-admin.button variant="secondary" :href="route($routeName.'.index')">{{ __('Cancel') }}</x-admin.button>
            </div>
        </x-admin.card>
    </form>
</x-admin.layout>