@extends('layouts.app')
@section('title', 'Stripe Payment Success')
@section('idname', 'single')
@section('content')

<div class="container" style="margin-top: 200px;">
    <div class="row justify-content-center">
        <div class="col-8">
            @if ($status === 'succeeded')
                <div class="alert alert-success">
                    <h3>Payment Success!</h3>
                    <h5>Transaction Details:</h5>
                    <ul class="list-group">
                        <li class="list-group-item"><strong>Status:</strong> {{ $status }}</li>
                        <li class="list-group-item"><strong>Transaction ID:</strong> {{ $trxid }}</li>
                        <!-- Add more details as needed -->
                    </ul>
                    <h5 class="mt-3">Payment Details:</h5>
                    <ul class="list-group">
                        <li class="list-group-item"><strong>Total Amount:</strong> ${{ number_format($amount, 2) }}</li>
                        <li class="list-group-item"><strong>Currency:</strong> {{ $currency }}</li>
                        <!-- Add more details as needed -->
                    </ul>
                </div>
            @else
                <div class="alert alert-danger">
                    <h3>Payment Failed!</h3>
                    <p>{{ $message ?? 'Something went wrong.' }}</p>
                </div>
            @endif
        </div>
    </div>
</div>

@endsection