@extends('frontend.layouts.app')
@section('title', 'Ödeme Başarılı | Animexe')

@push('styles')
<style>
.ck-result{max-width:480px;margin:80px auto;text-align:center;padding:0 16px}
.ck-result-icon{font-size:4rem;margin-bottom:20px;color:#00d4a4}
.ck-result h1{font-size:1.5rem;font-weight:800;margin-bottom:10px}
.ck-result p{color:rgba(255,255,255,.55);margin-bottom:28px;line-height:1.6}
.ck-result-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:10px;background:linear-gradient(135deg,#00f5ff,#b84dff);color:#fff;font-weight:700;text-decoration:none;transition:opacity .15s}
.ck-result-btn:hover{opacity:.9;color:#fff}
</style>
@endpush

@section('content')
<div class="ck-result">
    <div class="ck-result-icon"><i class="bi bi-check-circle-fill"></i></div>
    <h1>Premium Aktif! 🎉</h1>
    <p>
        @if(session('checkout_plan_name'))
        <strong>{{ session('checkout_plan_name') }}</strong> planın aktif edildi.<br>
        @endif
        Artık tüm premium özelliklerden yararlanabilirsin.
    </p>
    <a href="{{ route('profile.settings') }}" class="ck-result-btn">
        <i class="bi bi-stars"></i> Kozmetiklerini Ayarla
    </a>
</div>
@endsection