send_code.blade.php 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  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.0" />
  6. <title>{{ __('mail.send_code.subject') }}</title>
  7. <style>
  8. * { box-sizing: border-box; margin: 0; padding: 0; }
  9. body {
  10. background-color: #f4f4f7;
  11. font-family: 'Segoe UI', Arial, sans-serif;
  12. color: #333333;
  13. }
  14. .wrapper {
  15. width: 100%;
  16. padding: 40px 16px;
  17. }
  18. .card {
  19. max-width: 520px;
  20. margin: 0 auto;
  21. background-color: #ffffff;
  22. border-radius: 12px;
  23. overflow: hidden;
  24. box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  25. }
  26. .header {
  27. background-color: #1a6fa8;
  28. padding: 32px 40px;
  29. text-align: center;
  30. }
  31. .header h1 {
  32. color: #ffffff;
  33. font-size: 22px;
  34. font-weight: 700;
  35. letter-spacing: 0.5px;
  36. }
  37. .header p {
  38. color: #cce3f5;
  39. font-size: 13px;
  40. margin-top: 4px;
  41. }
  42. .body {
  43. padding: 36px 40px;
  44. text-align: center;
  45. }
  46. .body p {
  47. font-size: 15px;
  48. line-height: 1.6;
  49. color: #555555;
  50. }
  51. .code-box {
  52. display: inline-block;
  53. margin: 28px 0;
  54. padding: 18px 40px;
  55. background-color: #f0f7ff;
  56. border: 2px dashed #1a6fa8;
  57. border-radius: 10px;
  58. }
  59. .code-box span {
  60. display: block;
  61. font-size: 42px;
  62. font-weight: 800;
  63. letter-spacing: 10px;
  64. color: #1a6fa8;
  65. }
  66. .expiry {
  67. font-size: 13px;
  68. color: #999999;
  69. margin-top: 8px;
  70. }
  71. .footer {
  72. background-color: #f9f9fb;
  73. border-top: 1px solid #eeeeee;
  74. padding: 24px 40px;
  75. text-align: center;
  76. }
  77. .footer p {
  78. font-size: 12px;
  79. color: #aaaaaa;
  80. line-height: 1.6;
  81. }
  82. .footer strong {
  83. color: #888888;
  84. }
  85. </style>
  86. </head>
  87. <body>
  88. <div class="wrapper">
  89. <div class="card">
  90. <div class="header">
  91. <h1>Diaria App</h1>
  92. <p>{{ __('mail.send_code.header_subtitle') }}</p>
  93. </div>
  94. <div class="body">
  95. @if (!empty($recipientName))
  96. <p>{{ __('mail.send_code.greeting', ['name' => $recipientName]) }}</p>
  97. @else
  98. <p>{{ __('mail.send_code.greeting_anonymous') }}</p>
  99. @endif
  100. <p style="margin-top: 12px;">{{ __('mail.send_code.body_intro') }}</p>
  101. <div class="code-box">
  102. <span>{{ $code }}</span>
  103. </div>
  104. <p style="margin-top: 20px; font-size: 13px; color: #999;">
  105. {{ __('mail.send_code.ignore_notice') }}
  106. </p>
  107. </div>
  108. <div class="footer">
  109. <p>
  110. &copy; {{ date('Y') }} <strong>Diaria App</strong><br />
  111. {{ __('mail.send_code.footer_note') }}
  112. </p>
  113. </div>
  114. </div>
  115. </div>
  116. </body>
  117. </html>