email_receipt.blade.php 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345
  1. <!DOCTYPE html>
  2. <html lang="pt-BR">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>{{ __('mail.service_completed.subject') }}</title>
  6. </head>
  7. <body style="margin:0;padding:0;background:#f5f5f7;font-family:Arial,Helvetica,sans-serif;">
  8. <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#f5f5f7">
  9. <tr>
  10. <td align="center">
  11. <!-- CONTAINER -->
  12. <table width="650" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff"
  13. style="margin:20px auto;border-radius:24px;overflow:hidden;">
  14. <!-- HEADER -->
  15. <tr>
  16. <td
  17. style="background:#5a22d6;padding:50px 40px;color:white;">
  18. <table width="100%">
  19. <tr>
  20. <td valign="middle">
  21. <div style="font-size:52px;font-weight:bold;line-height:1.1;">
  22. {{ __('mail.service_completed.title') }}
  23. </div>
  24. <div style="font-size:20px;margin-top:20px;line-height:1.6;">
  25. {{ __('mail.service_completed.subtitle') }}
  26. </div>
  27. </td>
  28. <td width="220" align="right" valign="middle">
  29. <img
  30. src="https://i.imgur.com/8Km9tLL.png"
  31. width="200"
  32. alt="Diarinho"
  33. style="display:block;border:0;"
  34. >
  35. </td>
  36. </tr>
  37. </table>
  38. </td>
  39. </tr>
  40. <!-- CONTENT -->
  41. <tr>
  42. <td style="padding:30px;background:#f5f5f7;">
  43. <!-- STATUS -->
  44. <table width="100%" bgcolor="#ffffff"
  45. style="border-radius:20px;padding:20px;margin-bottom:25px;">
  46. <tr>
  47. <td width="70" valign="top">
  48. <div
  49. style="width:55px;height:55px;background:#4cd964;border-radius:999px;text-align:center;line-height:55px;color:white;font-size:30px;font-weight:bold;">
  50. </div>
  51. </td>
  52. <td valign="middle">
  53. <div
  54. style="font-size:28px;font-weight:bold;color:#5a22d6;">
  55. {{ __('mail.service_completed.payment_confirmed') }}
  56. </div>
  57. <div
  58. style="font-size:18px;color:#666;margin-top:8px;">
  59. {{ __('mail.service_completed.payment_confirmed_subtitle') }}
  60. </div>
  61. </td>
  62. </tr>
  63. </table>
  64. <!-- SERVICE -->
  65. <table width="100%" bgcolor="#ffffff"
  66. style="border-radius:20px;padding:30px;margin-bottom:25px;">
  67. <tr>
  68. <td colspan="2"
  69. style="font-size:32px;font-weight:bold;color:#5a22d6;padding-bottom:30px;">
  70. {{ __('mail.service_completed.service_resume') }}
  71. </td>
  72. </tr>
  73. <tr>
  74. <!-- LEFT -->
  75. <td width="50%" valign="top">
  76. <div style="color:#777;font-size:15px;">
  77. {{ __('mail.service_completed.client') }}
  78. </div>
  79. <div
  80. style="font-size:26px;font-weight:bold;color:#222;margin-top:8px;margin-bottom:25px;">
  81. {{ $client_name }}
  82. </div>
  83. <div style="color:#777;font-size:15px;">
  84. {{ __('mail.service_completed.service_date') }}
  85. </div>
  86. <div
  87. style="font-size:24px;font-weight:bold;color:#222;margin-top:8px;margin-bottom:25px;">
  88. {{ \Carbon\Carbon::parse($service_date)->format('d/m/Y') }}
  89. </div>
  90. <div style="color:#777;font-size:15px;">
  91. {{ __('mail.service_completed.service_time') }}
  92. </div>
  93. <div
  94. style="font-size:24px;font-weight:bold;color:#222;margin-top:8px;">
  95. {{ substr($start_time,0,5) }}
  96. às
  97. {{ substr($end_time,0,5) }}
  98. </div>
  99. </td>
  100. <!-- RIGHT -->
  101. <td width="50%" valign="top"
  102. style="padding-left:30px;border-left:1px solid #ececec;">
  103. <div style="color:#777;font-size:15px;">
  104. {{ __('mail.service_completed.service_address') }}
  105. </div>
  106. <div
  107. style="font-size:24px;font-weight:bold;color:#222;line-height:1.5;margin-top:8px;">
  108. {{ $address }}
  109. </div>
  110. </td>
  111. </tr>
  112. </table>
  113. <!-- PAYMENT -->
  114. <table width="100%" bgcolor="#ffffff"
  115. style="border-radius:20px;padding:30px;margin-bottom:25px;">
  116. <tr>
  117. <td colspan="2"
  118. style="font-size:32px;font-weight:bold;color:#5a22d6;padding-bottom:30px;">
  119. {{ __('mail.service_completed.payment_title') }}
  120. </td>
  121. </tr>
  122. <tr>
  123. <!-- LEFT -->
  124. <td width="50%" valign="top">
  125. <table width="100%">
  126. <tr>
  127. <td
  128. style="font-size:18px;color:#666;padding-bottom:15px;">
  129. {{ __('mail.service_completed.total_amount') }}
  130. </td>
  131. <td align="right"
  132. style="font-size:22px;font-weight:bold;color:#222;padding-bottom:15px;">
  133. {{ __('mail.service_completed.currency') }}
  134. {{ number_format($total_amount,2,',','.') }}
  135. </td>
  136. </tr>
  137. <tr>
  138. <td
  139. style="font-size:18px;color:#666;padding-bottom:15px;">
  140. {{ __('mail.service_completed.service_fee') }}
  141. </td>
  142. <td align="right"
  143. style="font-size:22px;font-weight:bold;color:#222;padding-bottom:15px;">
  144. {{ __('mail.service_completed.currency') }}
  145. {{ number_format($service_fee,2,',','.') }}
  146. </td>
  147. </tr>
  148. <tr>
  149. <td
  150. style="font-size:24px;font-weight:bold;color:#5a22d6;padding-top:20px;border-top:1px solid #ececec;">
  151. {{ __('mail.service_completed.final_amount') }}
  152. </td>
  153. <td align="right"
  154. style="font-size:38px;font-weight:bold;color:#5a22d6;padding-top:20px;border-top:1px solid #ececec;">
  155. {{ __('mail.service_completed.currency') }}
  156. {{ number_format($final_amount,2,',','.') }}
  157. </td>
  158. </tr>
  159. </table>
  160. </td>
  161. <!-- RIGHT -->
  162. <td width="50%" valign="top"
  163. style="padding-left:30px;border-left:1px solid #ececec;">
  164. <div style="font-size:16px;color:#777;">
  165. {{ __('mail.service_completed.payment_method') }}
  166. </div>
  167. <table
  168. style="margin-top:15px;border:1px solid #e5e5e5;border-radius:12px;padding:12px 18px;">
  169. <tr>
  170. <td
  171. style="font-size:26px;font-weight:bold;color:#222;">
  172. {{ $payment_method }}
  173. </td>
  174. <td style="padding-left:15px;">
  175. <span
  176. style="background:#dff7e7;color:#1ea75d;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:bold;">
  177. {{ __('mail.service_completed.paid') }}
  178. </span>
  179. </td>
  180. </tr>
  181. </table>
  182. </td>
  183. </tr>
  184. </table>
  185. <!-- FOOTER CARD -->
  186. <table width="100%" bgcolor="#f1ebff"
  187. style="border-radius:20px;padding:25px;margin-bottom:25px;">
  188. <tr>
  189. <td width="130" valign="middle">
  190. <img
  191. src="https://i.imgur.com/8Km9tLL.png"
  192. width="110"
  193. alt="Diarinho"
  194. style="display:block;border:0;"
  195. >
  196. </td>
  197. <td valign="middle">
  198. <div
  199. style="font-size:34px;font-weight:bold;color:#5a22d6;">
  200. {{ __('mail.service_completed.footer_title') }}
  201. </div>
  202. <div
  203. style="font-size:18px;color:#666;line-height:1.7;margin-top:10px;">
  204. {{ __('mail.service_completed.footer_description') }}
  205. </div>
  206. </td>
  207. </tr>
  208. </table>
  209. </td>
  210. </tr>
  211. <!-- FOOTER -->
  212. <tr>
  213. <td
  214. style="background:#5a22d6;padding:35px;color:white;">
  215. <table width="100%">
  216. <tr>
  217. <td valign="top">
  218. <div
  219. style="font-size:30px;font-weight:bold;color:#6de0ff;">
  220. diariaapp
  221. </div>
  222. </td>
  223. <td align="right"
  224. style="font-size:18px;line-height:1.6;">
  225. {{ __('mail.service_completed.footer_help') }}<br>
  226. {{ __('mail.service_completed.footer_contact') }}<br>
  227. (11) 99999-9999
  228. </td>
  229. </tr>
  230. </table>
  231. <div
  232. style="margin-top:25px;text-align:center;font-size:13px;opacity:0.7;">
  233. {{ __('mail.service_completed.footer_note') }}
  234. </div>
  235. </td>
  236. </tr>
  237. </table>
  238. </td>
  239. </tr>
  240. </table>
  241. </body>
  242. </html>