{{-- Sección de Métodos de Envío --}}
<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>