@if ($attributes)
@foreach ($attributes as $attribute)
    <div class="form-group">
        <label>{{ $attribute->name }}</label>

        {{-- Hidden inputs to store attribute names in both Arabic and English --}}
        @foreach(config('language') as $locale => $language)
            <input type="text" class="form-control" name="attributes[{{ $attribute->id }}][name][{{ $locale }}]" value="{{ old("attributes.{$attribute->id}.name.{$locale}", $attribute->getTranslation('name', $locale)) }}" hidden>
        @endforeach

        @if ($attribute->type == 'select')
            <input type="hidden" name="attributes[{{ $attribute->id }}][type]" value="{{ $attribute->type }}">
            <input type="hidden" name="attributes[{{ $attribute->id }}][attribute_id]" value="{{ $attribute->id }}">

            <div class="col-lg-6">
                {{-- Select dropdown for attribute options --}}
                <select class="form-control form-control-solid attribute-options" data-attribute-id="{{ $attribute->id }}" data-locale="{{ $locale }}" name="attributes[{{ $attribute->id }}][option_id]">
                    <option value="">---</option>
                    @foreach($attribute->options as $option)
                        <option value="{{ $option->id }}">{{ $option->options }}</option>
                        @endforeach

                </select>



            </div>
        @elseif ($attribute->type == 'checkbox' || $attribute->type == 'radio')
            <input type="hidden" name="attributes[{{ $attribute->id }}][type]" value="{{ $attribute->type }}">
            <input type="hidden" name="attributes[{{ $attribute->id }}][attribute_id]" value="{{ $attribute->id }}">

            <div class="col-lg-6">
                {{-- Checkbox or radio inputs for attribute options --}}
                        @foreach ($attribute->options as $option)
                            <input type="{{ $attribute->type }}" class="form-check-input" name="attributes[{{ $attribute->id }}][option_id][]" value="{{ $option->id }}"> {{ $option->options }} <br>
                        @endforeach
            </div>
        @else
            <div class="col-lg-6">
                <input type="hidden" name="attributes[{{ $attribute->id }}][type]" value="{{ $attribute->type }}">
                <input type="hidden" name="attributes[{{ $attribute->id }}][attribute_id]" value="{{ $attribute->id }}">

                @foreach(config('language') as $locale => $language)
                    @if (app()->getLocale() == $locale)
                        <input type="text" name="attributes[{{ $attribute->id }}][value][{{ $locale }}]" class="form-control form-control-solid" value="{{ old("attributes.{$attribute->id}.value.{$locale}", $attribute->value) }}">
                    @endif
                @endforeach
            </div>
        @endif
    </div>
@endforeach
@endif
@if ($globalAttributes)
@foreach ($globalAttributes as $globalAttribute)
    <div class="form-group">
        <label>{{ $globalAttribute->name }}</label>

        {{-- Hidden inputs to store attribute names in both Arabic and English --}}
        @foreach(config('language') as $locale => $language)
            <input type="text" class="form-control" name="attributes[{{ $globalAttribute->id }}][name][{{ $locale }}]" value="{{ old("attributes.{$globalAttribute->id}.name.{$locale}", $globalAttribute->getTranslation('name', $locale)) }}" hidden>
        @endforeach

        @if ($globalAttribute->type == 'select')
            <input type="hidden" name="attributes[{{ $globalAttribute->id }}][type]" value="{{ $globalAttribute->type }}">
            <input type="hidden" name="attributes[{{ $globalAttribute->id }}][attribute_id]" value="{{ $globalAttribute->id }}">

            <div class="col-lg-6">
                {{-- Select dropdown for attribute options --}}
                <select class="form-control form-control-solid attribute-options" data-attribute-id="{{ $globalAttribute->id }}" data-locale="{{ $locale }}" name="attributes[{{ $globalAttribute->id }}][option_id]">
                    <option value="">---</option>
                    @foreach($globalAttribute->options as $optionManyOption)
                        <option value="{{ $optionManyOption->id }}">{{ $optionManyOption->options }}</option>
                        @endforeach

                </select>



            </div>
        @elseif ($globalAttribute->type == 'checkbox' || $globalAttribute->type == 'radio')
            <input type="hidden" name="attributes[{{ $globalAttribute->id }}][type]" value="{{ $globalAttribute->type }}">
            <input type="hidden" name="attributes[{{ $globalAttribute->id }}][attribute_id]" value="{{ $globalAttribute->id }}">

            <div class="col-lg-6">
                {{-- Checkbox or radio inputs for attribute options --}}
                        @foreach ($globalAttribute->options as $optionManyOption)
                            <input type="{{ $globalAttribute->type }}" class="form-check-input" name="attributes[{{ $globalAttribute->id }}][option_id][]" value="{{ $optionManyOption->id }}"> {{ $optionManyOption->options }} <br>
                        @endforeach
            </div>
        @else
            <div class="col-lg-6">
                <input type="hidden" name="attributes[{{ $globalAttribute->id }}][type]" value="{{ $globalAttribute->type }}">
                <input type="hidden" name="attributes[{{ $globalAttribute->id }}][attribute_id]" value="{{ $globalAttribute->id }}">

                @foreach(config('language') as $locale => $language)
                    @if (app()->getLocale() == $locale)
                        <input type="text" name="attributes[{{ $globalAttribute->id }}][value][{{ $locale }}]" class="form-control form-control-solid" value="{{ old("attributes.{$globalAttribute->id}.value.{$locale}", $globalAttribute->value) }}">
                    @endif
                @endforeach
            </div>
        @endif
    </div>
@endforeach
@endif