@if($componentType)

Component Type: {{ class_basename($componentType) }}

@endif

Cancel {{ $componentData ? 'Update' : 'Add' }} Component

{{-- Component Settings --}} @if($componentType && $fields) Component Settings

{{-- Language Tabs for Translatable Fields --}} @if($hasTranslatableFields)

@endif {{-- Dynamic Fields --}} @foreach($fields as $field)

@if($field->isTranslatable() && $hasTranslatableFields) {{-- Translatable Field --}} {{ $field->getLabel() }} @if($field->getHelpText()) {{ $field->getHelpText() }} @endif @php $fieldKey = $field->getKey(); $wireModel = "content.{$fieldKey}.{$activeLocale}"; @endphp @switch($field->getType()) @case('text') @break @case('textarea') @break @case('wysiwyg')

@break @case('select') @if($field->getEmptyOption()) {{ $field->getEmptyOption() }} @endif @foreach($field->getOptions() as $value => $label) {{ $label }} @endforeach @break @endswitch @else {{-- Non-translatable Field --}} {{ $field->getLabel() }} @if($field->getHelpText()) {{ $field->getHelpText() }} @endif @php $fieldKey = $field->getKey(); $wireModel = "content.{$fieldKey}"; @endphp @switch($field->getType()) @case('text') @break @case('number') getMin() !== null) min="{{ $field->getMin() }}" @endif @if($field->getMax() !== null) max="{{ $field->getMax() }}" @endif placeholder="{{ $field->getPlaceholder() }}" /> @break @case('boolean') @if($field->getDisplayType() === 'toggle') {{ $field->getTrueLabel() }} @else {{ $field->getTrueLabel() }} @endif @break @case('select') @if($field->isMultiple()) @foreach($field->getOptions() as $value => $label) {{ $label }} @endforeach @else @if($field->getEmptyOption()) {{ $field->getEmptyOption() }} @endif @foreach($field->getOptions() as $value => $label) {{ $label }} @endforeach @endif @break @case('media')

Select {{ $field->acceptsImages() ? 'Image' : 'File' }} @if(!empty($content[$fieldKey]))

@if($field->isMultiple()) @foreach($content[$fieldKey] as $index => $mediaId)

@endforeach @else

@endif

@break @endswitch @endif

@endforeach

{{-- Component Visibility Settings --}} Visibility Settings

Component is active Inactive components will not be displayed on the frontend CSS Classes Custom CSS classes to apply to this component

@else

No component type selected or fields defined.

@endif {{-- Media Picker Modal --}}

Select Media

Media picker implementation needed

{{ $componentData ? 'Edit Component' : 'Add Component' }}