@extends('layouts.main')

@section('content')
<div class="d-flex justify-content-center align-items-center  bg-light" style="height: 75vh">
    <div class="bg-white p-5 rounded shadow text-center" style="max-width: 500px; width: 100%;">
        <div class="mb-4">
            <svg xmlns="http://www.w3.org/2000/svg" class="text-success" width="64" height="64" fill="currentColor" viewBox="0 0 16 16">
                <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM7.973 11.75l4.385-4.38a.75.75 0 1 0-1.06-1.06L7.5 9.19 5.702 7.39a.75.75 0 1 0-1.06 1.06l2.331 2.331a.75.75 0 0 0 1.06-.031z"/>
            </svg>
        </div>
        <h2 class="mb-3 text-success">Top-Up Successful 🎉</h2>
        <p class="text-muted mb-4">Your wallet has been credited successfully. Thank you for using our service!</p>
        <a href="{{ route('wallet') }}" class="btn btn-success px-4">Go to Wallet</a>
    </div>
</div>
@endsection