send_code.blade.php 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  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>
  7. {{ __('mail.send_code.subject') }}
  8. </title>
  9. </head>
  10. <body style="margin:0;padding:0;background:#f5f5f7;font-family:Arial,Helvetica,sans-serif;">
  11. <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#f5f5f7">
  12. <tr>
  13. <td align="center" style="padding:25px;">
  14. <!-- CONTAINER -->
  15. <table width="650" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff"
  16. style="border-radius:24px;overflow:hidden;">
  17. <!-- HEADER -->
  18. <tr>
  19. <td style="background:#5a22d6;padding:50px 40px;color:white;">
  20. <table width="100%">
  21. <tr>
  22. <!-- LEFT -->
  23. <td valign="middle">
  24. <div style="font-size:52px;font-weight:bold;line-height:1.1;">
  25. {{ __('mail.send_code.subject') }}
  26. </div>
  27. <div style="font-size:20px;margin-top:20px;line-height:1.6;">
  28. {{ __('mail.send_code.header_subtitle') }}
  29. </div>
  30. </td>
  31. <!-- RIGHT -->
  32. <td width="220" align="right" valign="middle">
  33. <img src="{{ asset('images/diarinho_email_code.svg') }}" alt="Diarinho"
  34. width="170"
  35. style=" display:block;
  36. border:0;
  37. width:170px;
  38. max-width:170px;
  39. height:auto;
  40. margin-left:auto; ">
  41. </td>
  42. </tr>
  43. </table>
  44. </td>
  45. </tr>
  46. <!-- CONTENT -->
  47. <tr>
  48. <td style="padding:30px;background:#f5f5f7;">
  49. <!-- MAIN CARD -->
  50. <table width="100%" bgcolor="#ffffff"
  51. style="border-radius:24px;padding:35px;margin-bottom:25px;">
  52. <!-- GREETING -->
  53. <tr>
  54. <td>
  55. @if (!empty($recipientName))
  56. <div style="font-size:34px;font-weight:bold;color:#222;line-height:1.4;">
  57. {{ __('mail.send_code.greeting', ['name' => $recipientName]) }}
  58. </div>
  59. @else
  60. <div style="font-size:34px;font-weight:bold;color:#222;line-height:1.4;">
  61. {{ __('mail.send_code.greeting_anonymous') }}
  62. </div>
  63. @endif
  64. </td>
  65. </tr>
  66. <!-- BODY -->
  67. <tr>
  68. <td style="padding-top:25px;font-size:20px;color:#666;line-height:1.8;">
  69. {{ __('mail.send_code.body_intro') }}
  70. </td>
  71. </tr>
  72. <!-- CODE -->
  73. <tr>
  74. <td align="center" style="padding-top:35px;">
  75. <table cellpadding="0" cellspacing="0" border="0" bgcolor="#f3ecff"
  76. style="border-radius:24px;padding:35px 45px;">
  77. <tr>
  78. <td align="center">
  79. <div
  80. style="font-size:68px;font-weight:800;color:#5a22d6;letter-spacing:16px;">
  81. {{ $code }}
  82. </div>
  83. </td>
  84. </tr>
  85. </table>
  86. </td>
  87. </tr>
  88. <!-- EXPIRATION -->
  89. <tr>
  90. <td align="center"
  91. style="padding-top:28px;font-size:17px;color:#777;line-height:1.7;">
  92. {{ __('mail.send_code.expiry_notice') }}
  93. </td>
  94. </tr>
  95. <!-- WARNING -->
  96. <tr>
  97. <td style="padding-top:30px;">
  98. <table width="100%" bgcolor="#fff8e8"
  99. style="border-radius:18px;padding:22px;">
  100. <tr>
  101. <td style="font-size:17px;color:#9a6a00;line-height:1.8;">
  102. {{ __('mail.send_code.ignore_notice') }}
  103. </td>
  104. </tr>
  105. </table>
  106. </td>
  107. </tr>
  108. </table>
  109. <!-- FOOTER CARD -->
  110. <table width="100%" bgcolor="#f1ebff"
  111. style="border-radius:24px;padding:25px;margin-bottom:25px;">
  112. <tr>
  113. <td width="130" valign="middle">
  114. <img src="{{ asset('images/diarinho_email_welcome.svg') }}" alt="Diarinho"
  115. width="120"
  116. style=" display:block;
  117. border:0;
  118. width:120px;
  119. max-width:120px;
  120. height:auto; ">
  121. </td>
  122. <td valign="middle">
  123. <div style="font-size:34px;font-weight:bold;color:#5a22d6;">
  124. {{ __('mail.send_code.footer_title') }}
  125. </div>
  126. <div style="font-size:18px;color:#666;line-height:1.7;margin-top:10px;">
  127. {{ __('mail.send_code.footer_note') }}
  128. </div>
  129. </td>
  130. </tr>
  131. </table>
  132. </td>
  133. </tr>
  134. <!-- FOOTER -->
  135. <tr>
  136. <td style="background:#5a22d6;padding:35px;color:white;">
  137. <table width="100%">
  138. <tr>
  139. <!-- CONTACT -->
  140. <td align="right" style="font-size:18px;line-height:1.7;">
  141. {{ __('mail.send_code.footer_note') }}
  142. </td>
  143. </tr>
  144. </table>
  145. <!-- BOTTOM -->
  146. <div style="margin-top:25px;text-align:center;font-size:13px;opacity:0.7;">
  147. © {{ date('Y') }}
  148. </div>
  149. </td>
  150. </tr>
  151. </table>
  152. </td>
  153. </tr>
  154. </table>
  155. </body>
  156. </html>