@include('layouts.components.section-marker', ['section_name' => $title])

@php
    $sectionTranslations = collect($allTranslations)
        ->filter(function ($value, $key) use ($keyStart) {
            return str_starts_with($key, $keyStart);
        })
        ->flatMap(function ($collection) {
            return $collection;
        });

    $sectionTranslatable = [];
    $idToKeyMap = [];

    foreach ($staticContentSettings->where('type_form', 'string') as $setting) {
        if (str_starts_with($setting->key, $keyStart)) {
            $sectionTranslatable[] = [
                'name' => $setting->key,
                'type' => 'text',
                'label' => $setting->description,
                'required' => false
            ];
            $idToKeyMap[$setting->id] = $setting->key;
        }
    };

    $preparedTranslations = $sectionTranslations->map(function ($translation) use ($idToKeyMap) {
        if (isset($idToKeyMap[$translation->record_id])) {
            // Altera a propriedade column_name em tempo de execução
            $translation->column_name = $idToKeyMap[$translation->record_id];
        }
        return $translation;
    });
@endphp

<div class="card py-4 px-4">
    @foreach($staticContentSettings as $setting)
        @if (str_starts_with($setting->key, $keyStart))
            <div class="row mb-3">
                <div class="col">
                    <div class="form-group">
                        <label class="mb-2" for="{{ $setting->key }}">{{ $setting->description }}</label>
                        @if ($setting->type_form === 'string')
                            <input type="text" name="{{ $setting->key }}" id="{{ $setting->key }}" class="form-control" value="{{ old($setting->key, $setting->value) }}">
                        @elseif ($setting->type_form === 'color')
                            @include('layouts.components.color-input', [
                                'id' => $setting->key,
                                'name' => $setting->key,
                                'value' => old($setting->key, $setting->value)
                            ])
                        @elseif ($setting->type_form === 'upload')
                            <input type="file" name="{{ $setting->key }}" id="{{ $setting->key }}" class="form-control custom-file">
                            @if ($setting->value)
                                <img src="{{ asset('storage/' . $setting->value) }}" alt="{{ $setting->description }}" style="max-width: 200px; margin-top: 10px;">
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        @endif
    @endforeach

    @if (!\App\Helpers\ModuleHelper::isModuleActive('module_automatic_translations'))
        @include('layouts.components.translation-edit', [
            'idPrefix' => $keyStart,
            'translations' => $preparedTranslations,
            'translatable' => $sectionTranslatable
        ])
    @endif
</div>