<div>
    @if(!$embedded)
        <livewire:components.clean-header title="Nuevo entorno" />
    @endif

    <div class="w-full px-20 {{ $embedded ? 'pt-8' : 'pt-32' }} pb-4">
        <div class="mx-auto max-w-3xl sm:px-6 lg:px-8">
            <div class="w-full flex flex-wrap items-center justify-center mt-8 rounded-lg px-8 py-12">
                <div class="w-full flex items-center justify-center flex-col">
                    <h1 class="text-4xl font-bold mb-6 text-center">Entorno creado con éxito</h1>

                    {{-- Ilustración --}}
                    <div class="mb-8">
                        <img src="{{ Storage::url('images_static/like_hand.svg') }}" alt="Entorno creado con éxito" class="w-60 h-60">
                    </div>

                    {{-- Botones --}}
                    <div class="w-full flex items-center justify-center gap-4 mt-8">
                        @if($environment->client)
                            <a href="{{ route('clients.show', $environment->client) }}"
                                class="bg-white hover:bg-gray-100 border border-gray-300 text-gray-700 px-6 py-2 rounded-lg">
                                Volver
                            </a>
                            <a href="{{ route('license_tokens.associate-license', ['client' => $environment->client, 'environment' => $environment]) }}"
                                class="bg-3ip hover:bg-3ip-light text-white px-6 py-2 rounded-lg">
                                Asociar licencia
                            </a>
                        @else
                            <a href="{{ route('environments.index') }}"
                                class="bg-white hover:bg-gray-100 border border-gray-300 text-gray-700 px-6 py-2 rounded-lg">
                                Volver
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

