@extends('layouts.app')
@section('title', 'Upgrade Successful')
@section('page-title', 'Upgrade Successful')

@section('content')
<div class="max-w-md mx-auto text-center py-10">
    <div class="w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-5">
        <svg class="w-10 h-10 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"/>
        </svg>
    </div>
    <h1 class="text-2xl font-black text-slate-800 mb-2">🎉 You're all set!</h1>
    <p class="text-slate-500 mb-6">
        {{ session('success', 'Your plan has been upgraded successfully.') }}
    </p>
    <div class="flex flex-col sm:flex-row gap-3 justify-center">
        <a href="{{ route('dashboard') }}" class="btn-primary">Go to Dashboard</a>
        <a href="{{ route('settings.index') }}" class="btn-secondary">Enable Modules</a>
    </div>
</div>
@endsection