<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-lg text-gray-800 dark:text-gray-200 leading-tight">
            {{ __('Plată Reușită') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-3xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-6 text-center">
                    <div class="mb-6">
                        <svg class="mx-auto h-24 w-24 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                        </svg>
                    </div>
                    
                    <h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">
                        Plata a fost procesată cu succes!
                    </h3>
                    
                    <p class="text-gray-600 dark:text-gray-400 mb-8">
                        Mulțumim pentru achiziție! Abonamentul tău a fost activat și poți începe să folosești toate funcționalitățile planului ales.
                    </p>
                    
                    <div class="flex justify-center space-x-4">
                        <a href="{{ route('dashboard') }}" class="px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg transition">
                            <i class="fas fa-home mr-2"></i>
                            Mergi la Dashboard
                        </a>
                        <a href="{{ route('subscription.index') }}" class="px-6 py-3 bg-gray-600 hover:bg-gray-700 text-white font-semibold rounded-lg transition">
                            <i class="fas fa-credit-card mr-2"></i>
                            Vezi Abonamentul
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>
