@if($product->has_configurable_options)
    <div class="product-customizer">
        <div class="product-customizer-head">
            <span class="product-customizer-title">Personnalisation</span>
            @if($product->has_paid_options)
                <span class="product-customizer-badge">Suppléments disponibles</span>
            @endif
        </div>

        @foreach($product->normalized_options as $optionGroup)
            <div class="product-option-group">
                <div class="product-option-label">
                    <span>{{ $optionGroup['name'] }}</span>
                    @if($optionGroup['required'])
                        <span class="product-option-required">Obligatoire</span>
                    @elseif($optionGroup['type'] === 'multiple' && ($optionGroup['max'] ?? 1) > 1)
                        <span class="product-option-limit">Jusqu'à {{ $optionGroup['max'] }}</span>
                    @endif
                </div>

                @if($optionGroup['type'] === 'single')
                    <select
                        name="options[{{ $optionGroup['id'] }}]"
                        class="product-option-select"
                    >
                        <option value="">Choisir...</option>
                        @foreach($optionGroup['choices'] as $choice)
                            <option value="{{ $choice['id'] }}" data-choice-price="{{ number_format((float) ($choice['price'] ?? 0), 2, '.', '') }}">
                                {{ $choice['label'] }}
                                @if(($choice['price'] ?? 0) > 0)
                                    (+{{ number_format((float) $choice['price'], 2, ',', ' ') }} €)
                                @endif
                            </option>
                        @endforeach
                    </select>
                @else
                    <div class="product-option-choices">
                        @foreach($optionGroup['choices'] as $choice)
                            <label class="product-option-choice">
                                <input type="checkbox" name="options[{{ $optionGroup['id'] }}][]" value="{{ $choice['id'] }}" data-choice-price="{{ number_format((float) ($choice['price'] ?? 0), 2, '.', '') }}">
                                <span>
                                    {{ $choice['label'] }}
                                    @if(($choice['price'] ?? 0) > 0)
                                        <strong>+{{ number_format((float) $choice['price'], 2, ',', ' ') }} €</strong>
                                    @endif
                                </span>
                            </label>
                        @endforeach
                    </div>
                @endif
            </div>
        @endforeach

        <textarea
            name="special_instructions"
            class="product-note-input"
            rows="2"
            placeholder="Instruction pour cet article (optionnel)"
        ></textarea>
    </div>
@endif

<p class="product-form-feedback hidden" data-feedback></p>