{{-- Sección de Métodos de Envío --}}
@unless ($quotationMode)
    <div class="bg-white shadow-md rounded-lg p-6">
        <h2 class="text-xl font-medium mb-4">Método de Envío</h2>
        @if (!empty($availableShippments))
            <div class="space-y-4">
                @foreach ($availableShippments as $index => $shippment)
                    <label for="shippment_{{ $index }}" wire:key="shippment-option-{{ $index }}"
                        class="block border rounded-lg p-4 cursor-pointer hover:bg-gray-50 {{ $selectedShippmentMethod == $shippment['class'] ? 'border-indigo-500 ring-2 ring-indigo-500' : 'border-gray-300' }}">
                        <input type="radio" name="selected_shippment_method" id="shippment_{{ $index }}"
                            value="{{ $shippment['class'] }}" wire:model.live="selectedShippmentMethod" class="sr-only">
                        <div class="flex justify-between items-center">
                            <div>
                                <span class="font-semibold">{{ $shippment['label'] }}</span>
                                <p class="text-sm text-gray-600">{{ $shippment['description'] }}</p>
                            </div>
                            <span class="text-lg font-medium">${{ number_format($shippment['price'], 2, '.', ',') }}</span>
                        </div>
                    </label>
                @endforeach
            </div>
        @else
            <p class="text-gray-600">No hay métodos de envío disponibles en este momento.</p>
        @endif
    </div>
@endunless