<div>
    <div class="mb-6">
        <h1 class="text-4xl font-bold mb-2">Revisión</h1>
        <p class="text-gray-500 text-sm">
            Asegúrate de que todos los datos están correctos y crea la licencia.
        </p>
    </div>

    <div class="space-y-6">
        {{-- Datos de licencia --}}
        <div class="border border-gray-200 rounded-lg p-4">
            <h3 class="font-bold text-lg mb-4">Datos de licencia</h3>
            <div class="space-y-2 text-sm">
                <div class="flex items-center">
                    <span class="font-medium text-gray-700 w-32">Cliente:</span>
                    <span class="text-gray-900">{{ $client->name ?? 'N/A' }}</span>
                </div>
                @if($name)
                <div class="flex items-center">
                    <span class="font-medium text-gray-700 w-32">Nombre:</span>
                    <span class="text-gray-900">{{ $name }}</span>
                </div>
                @endif
                <div class="flex items-center">
                    <span class="font-medium text-gray-700 w-32">Token:</span>
                    <span class="text-gray-900 font-mono">{{ $token ?? 'N/A' }}</span>
                </div>
                @if($startAt || $endAt)
                    <div class="flex items-center">
                        <span class="font-medium text-gray-700 w-32">Fechas:</span>
                        <span class="text-gray-900">
                            @if($startAt)
                                {{ \Carbon\Carbon::parse($startAt)->format('d/m/Y') }}
                            @endif
                            @if($startAt && $endAt) - @endif
                            @if($endAt)
                                {{ \Carbon\Carbon::parse($endAt)->format('d/m/Y') }}
                            @endif
                        </span>
                    </div>
                @endif
                @if($observation)
                    <div class="flex items-start">
                        <span class="font-medium text-gray-700 w-32">Observaciones:</span>
                        <span class="text-gray-900 flex-1">{{ $observation }}</span>
                    </div>
                @endif
            </div>
        </div>

        {{-- Entorno(s) --}}
        <div class="border border-gray-200 rounded-lg p-4">
            <h3 class="font-bold text-lg mb-4">Entorno(s)</h3>
            @if($environmentMode === 'existing' && $environments->count() > 0)
                <div class="space-y-2">
                    @foreach($environments as $environment)
                        <div class="flex items-center p-2 bg-gray-50 rounded">
                            <div class="font-medium text-gray-900">{{ $environment->name }}</div>
                            <div class="ml-2 text-sm text-gray-500">
                                ({{ $environment->domain }})
                            </div>
                        </div>
                    @endforeach
                </div>
            @elseif($environmentMode === 'new' && !empty($newEnvironmentData['name']))
                <div class="p-2 bg-gray-50 rounded">
                    <div class="font-medium text-gray-900">{{ $newEnvironmentData['name'] }}</div>
                    <div class="text-sm text-gray-500">{{ $newEnvironmentData['domain'] ?? '' }}</div>
                </div>
            @else
                <p class="text-gray-500 text-sm">No hay entorno seleccionado</p>
            @endif
        </div>

        {{-- Productos --}}
        <div class="border border-gray-200 rounded-lg p-4">
            <h3 class="font-bold text-lg mb-4">Productos</h3>
            @if($products->count() > 0)
                <div class="space-y-2">
                    @foreach($products as $product)
                        <div class="flex items-center p-2 bg-gray-50 rounded">
                            <img src="{{ $product->image_url ?? asset('images/placeholder.png') }}" alt="{{ $product->name }}"
                                class="w-8 h-8 rounded-full mr-2">
                            <div class="font-medium text-gray-900">{{ $product->name }}</div>
                        </div>
                    @endforeach
                </div>
            @else
                <p class="text-gray-500 text-sm">No hay productos seleccionados</p>
            @endif
        </div>
    </div>
</div>

