@extends('layouts.front')

@push('styles')
<style>
    .payment-success-section {
        background: linear-gradient(to right, #d4fc79, #96e6a1);
        min-height: 60vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .success-box {
        background-color: #ffffff;
        border-left: 8px solid #28a745;
        max-width: 600px;
    }

    .success-box h2 {
        color: #28a745;
        font-weight: bold;
    }

    .success-box p {
        font-size: 1.1rem;
        color: #333;
    }
</style>

@endpush

@section('content')



@if(session('success'))
<div class="payment-success-section text-center py-5">
    <div class="container">
        <div class="success-box mx-auto p-4 rounded shadow">
            <h2 class="text-success mb-3">🎉 Congratulations!</h2>
            <p class="lead">{{ session('success') }}</p>
            <a href="{{ route('login') }}" class="btn btn-success">Login Now</a>
        </div>
    </div>
</div>
@endif

@endsection