{{-- <ul class="nav nav-tabs" role="tablist">
    @foreach ($schema['propertyGroups'] as $groupKey => $group)
    <li class="nav-item">
        <a class="nav-link {{ $loop->first ? 'active' : '' }}" id="tab-{{ $groupKey }}" data-bs-toggle="tab"
            href="#{{ $groupKey }}" role="tab">
            {{ $group['title'] }}
        </a>
    </li>
    @endforeach
</ul> --}}

{{-- Tab content --}}
<div class="modal-body">
    <div class="tab-content border p-3">
        @foreach ($defination['required'] as $propName)
            @php
                $propDef = $defination['properties'][$propName] ?? null;
                $propType = $defination['properties'][$propName]['items']['properties']['value']['type'] ?? null;
                $propEnum = $defination['properties'][$propName]['items']['properties']['value']['type'] ?? null;

                $propDef['type'] = $propType;
                // $propDef['enum'] = [$propEnum];
                $isRequired = in_array($propName, $schema['schema']['required'] ?? []);
            @endphp

            <div class="mb-3">
                <label class="form-label">
                    {{ ucfirst(str_replace('_', ' ', $propName)) }}
                    @if ($isRequired)
                        <span class="text-danger">*</span>
                    @endif
                </label>

                {{-- Input type decision --}}
                @if ($propDef && isset($propDef['enum']))
                    {{-- Dropdown --}}
                    <select class="form-select" name="{{ $propName }}">
                        <option value="">-- Select --</option>
                        @foreach ($propDef['enum'] as $option)
                            <option value="{{ $option }}">{{ $option }}</option>
                        @endforeach
                    </select>
                @elseif(str_contains($propName, 'image'))
                    {{-- File input --}}
                    <input type="file" name="{{ $propName }}" class="form-control">
                @elseif($propDef && ($propDef['type'] ?? '') === 'boolean')
                    {{-- Checkbox --}}
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" name="{{ $propName }}" value="1">
                        <label class="form-check-label">Yes</label>
                    </div>
                @elseif($propDef && ($propDef['format'] ?? '') === 'date')
                    {{-- Date input --}}
                    <input type="date" name="{{ $propName }}" class="form-control">
                @elseif($propDef && ($propDef['type'] ?? '') === 'integer')
                    {{-- Number input --}}
                    <input type="number" name="{{ $propName }}" class="form-control">
                @else
                    {{-- Default text input --}}
                    <input type="text" name="{{ $propName }}" class="form-control">
                @endif

                {{-- Description --}}
                @if ($propDef && isset($propDef['description']))
                    <small class="form-text text-muted">{{ $propDef['description'] }}</small>
                @endif
            </div>
        @endforeach
    </div>
</div>

<div class="modal-footer">
    <div class="mt-3">
        <button type="button" class="btn btn-label-secondary waves-effect" data-bs-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary waves-effect waves-light">Save & Push to Amazon</button>
    </div>
</div>