@php
    if (isset($data)) {
        // Decode JSON string
        $valueArray = is_string($data->value) ? json_decode($data->value, true) : $data->value;
        $valueArray = is_array($valueArray) ? $valueArray : [];

        // No need for mapWithKeys — keys already exist
        $webhooks = collect($valueArray);

        $key = $data->key ?? '';
    } else {
        $webhooks = collect([]);
        $key = '';
    }
@endphp

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

<div class="card py-4 px-4">
    <div class="row">
        @foreach ($webhooks as $index => $item)
            <div class="input-group mb-3">
                <div class="col-12 mb-2">
                    <label for="">
                        <p><strong>{{ $item['description'] }}</strong></p>
                    </label>

                    @switch($item['type_form'])
                        @case('boolean')
                            <div class="row mb-3">
                                <div class="col">
                                    <div class="form-check">
                                        <input type="hidden" name="module_suppliers[{{ $index }}][name]" value="{{ $item['name'] }}">
                                        <input type="hidden" name="module_suppliers[{{ $index }}][description]" value="{{ $item['description'] }}">
                                        <input type="hidden" name="module_suppliers[{{ $index }}][type]" value="{{ $item['type'] }}">
                                        <input type="hidden" name="module_suppliers[{{ $index }}][type_form]" value="{{ $item['type_form'] }}">
                                        <input type="hidden" name="{{ $item['name'] }}[active]" value="0">
                                        <input
                                            type="checkbox"
                                            name="module_suppliers[{{ $index }}][value]"
                                            class="form-check-input"
                                            id="module_suppliers[{{ $index }}][value]"
                                            {{ old("module_suppliers.{$index}.value", $item['value'] ?? false) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="{{ $key }}[active]">Ativo</label>
                                    </div>

                                    @if ($errors->has($item['name']))
                                        <div class="error handle-error">{{ $errors->first($item['name']) }}</div>
                                    @endif
                                </div>
                            </div>
                            @break

                        @case('string')
                            <input type="hidden" name="module_suppliers[{{ $index }}][name]" value="{{ $item['name'] }}">
                            <input type="hidden" name="module_suppliers[{{ $index }}][description]" value="{{ $item['description'] }}">
                            <input type="hidden" name="module_suppliers[{{ $index }}][type]" value="{{ $item['type'] }}">
                            <input type="hidden" name="module_suppliers[{{ $index }}][type_form]" value="{{ $item['type_form'] }}">
                            <input
                                type="{{ isset($item['url']) ? 'url' : 'text' }}"
                                name="module_suppliers[{{ $index }}][{{ isset($item['url']) ? 'url' : 'value' }}]"
                                id="module_suppliers[{{ $index }}][{{ isset($item['url']) ? 'url' : 'value' }}]"
                                class="form-control"
                                value="{{ old("module_suppliers.{$item['name']}", $item['url'] ?? $item['value'] ?? '') }}"
                                placeholder="{{ isset($item['url']) ? 'https://www.exemplo.com' : 'Insira o valor' }}">
                            @if ($errors->has($item['name']))
                                <div class="error handle-error">{{ $errors->first($item['name']) }}</div>
                            @endif
                            @break
                    @endswitch
                </div>
            </div>
        @endforeach
    </div>
</div>