<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Payment complete</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
    :root{color-scheme:light dark}
    body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
         margin:24px;background:#f8fafc}
    .card{max-width:560px;margin:10vh auto;padding:28px;border:1px solid #e5e7eb;
          border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
    .muted{color:#6b7280}
    h1{font-size:28px;margin:0 0 8px}
    p{margin:8px 0}
    a.btn{display:inline-block;margin-top:16px;padding:.6rem 1rem;border-radius:.5rem;
          background:#111;color:#fff;text-decoration:none}
  </style>
</head>
<body>
  <div class="card">
    @if(!empty($alreadyPaid))
      <p class="muted" style="margin-top:0">This payment link was already completed earlier.</p>
    @endif

    <h1>Thanks!</h1>
    <p class="muted">Your payment has been processed successfully.</p>

    {{-- Optional: send people somewhere useful --}}
    @php $home = config('app.url'); @endphp
    @if($home)
      <a class="btn" href="{{ $home }}">Return to site</a>
    @endif
  </div>
</body>
</html>
