@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 = [];

    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
            ];
        }
    };
@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 === '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

    @include('layouts.components.translation-edit', ['idPrefix' => $keyStart, 'translations' => $sectionTranslations, 'translatable' => $sectionTranslatable])
</div>