@php
    $previewRoutes = ['home' => 'home', 'wellness' => 'wellness.index', 'appliances' => 'appliances.index', 'cabinets' => 'cabinets', 'vehicles' => 'vehicles.index', 'about' => 'about', 'contact' => 'contact', 'footer' => 'home'];
@endphp
<x-layouts.admin :title="$pageLabel.' content'">
    <x-slot:actions>
        <a href="{{ route('admin.content.index') }}" class="btn-light"><x-icon name="arrow-left" class="size-4" /> All pages</a>
        <a href="{{ route($previewRoutes[$page]) }}" target="_blank" class="btn-light"><x-icon name="external" class="size-4" /> Preview</a>
    </x-slot:actions>
    <form method="POST" action="{{ route('admin.content.update', $page) }}" enctype="multipart/form-data" class="max-w-4xl space-y-6">
        @csrf @method('PUT')
        <x-admin.card>
            <div class="space-y-5">
                @foreach ($fields as $field)
                    @switch($field->type)
                        @case('image')
                            <x-form.image name="images[{{ $field->id }}]" :label="$field->label" :current="$field->value" help="Recommended: wide landscape photo, at least 1600px. Converted to WebP automatically." />
                            @break
                        @case('textarea')
                            <x-form.textarea name="values[{{ $field->id }}]" :label="$field->label" rows="4" :value="$field->value" />
                            @break
                        @case('list')
                            <x-form.textarea name="values[{{ $field->id }}]" :label="$field->label" rows="5" :value="$field->value" help="One item per line." />
                            @break
                        @default
                            <x-form.input name="values[{{ $field->id }}]" :label="$field->label" :value="$field->value" :type="$field->type === 'url' ? 'text' : 'text'" />
                    @endswitch
                @endforeach
            </div>
        </x-admin.card>
        <div class="sticky bottom-4"><button class="btn-gold shadow-xl">Save {{ $pageLabel }} content</button></div>
    </form>
</x-layouts.admin>