callback.blade.php 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html lang="pt-BR">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>Verificação enviada</title>
  7. <style>
  8. :root { color-scheme: light dark; }
  9. body {
  10. margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
  11. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  12. background: #f6f7f9; color: #1f2933; padding: 24px;
  13. }
  14. .card { max-width: 420px; text-align: center; background: #fff; border-radius: 16px; padding: 40px 28px; box-shadow: 0 8px 32px rgba(15, 23, 42, .08); }
  15. .icon { width: 64px; height: 64px; margin: 0 auto 20px; border-radius: 50%; background: #e8f5e9; display: flex; align-items: center; justify-content: center; font-size: 30px; }
  16. h1 { font-size: 20px; margin: 0 0 10px; }
  17. p { margin: 0 0 24px; color: #52606d; line-height: 1.55; font-size: 15px; }
  18. .btn {
  19. display: inline-block; width: 100%; box-sizing: border-box; padding: 14px 24px;
  20. border: 0; border-radius: 999px; background: #2574fc; color: #fff;
  21. font-size: 16px; font-weight: 600; text-decoration: none; cursor: pointer;
  22. }
  23. @media (prefers-color-scheme: dark) {
  24. body { background: #14181d; color: #e4e7eb; }
  25. .card { background: #1f242b; box-shadow: none; }
  26. p { color: #9aa5b1; }
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <div class="card">
  32. <div class="icon">✓</div>
  33. <h1>Verificação enviada</h1>
  34. @if ($scheme)
  35. <p>Recebemos seus dados e estamos analisando. Estamos te levando de volta ao aplicativo...</p>
  36. <a class="btn" id="back" href="{{ $scheme }}://verification/done">Voltar ao aplicativo</a>
  37. <script>
  38. (function () {
  39. var target = document.getElementById('back').href;
  40. setTimeout(function () {
  41. window.location.replace(target);
  42. }, 400);
  43. })();
  44. </script>
  45. @else
  46. <p>Recebemos seus dados e estamos analisando. Você já pode fechar esta janela e voltar ao aplicativo.</p>
  47. @endif
  48. </div>
  49. </body>
  50. </html>