API tools faq
paste
vallec

Untitled

vallec
May 29th, 2024
12
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.25 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4. <link rel="preconnect" href="https://fonts.googleapis.com" />
  5. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  6. <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
  7. rel="stylesheet" />
  8. </head>
  9.  
  10. <body style="margin: 0;display:table;margin-left:auto;margin-right:auto">
  11. <div style="
  12. width: 600px;
  13. position:relative;
  14. background: var(
  15. --BG-Gradient,
  16. linear-gradient(
  17. 269deg,
  18. rgba(255, 213, 151, 0.8) 49.43%,
  19. rgba(255, 255, 255, 0.8) 141.16%
  20. ),
  21. #fff7eb
  22. );
  23. ">
  24. <div style="
  25. width: 100%;
  26. height: 56px;
  27. flex-shrink: 0;
  28. background: var(--White, #fff);
  29. z-index: 2;
  30. position: relative;
  31. ">
  32. <svg width="100%" height="24" viewBox="0 0 75 24" fill="none" xmlns="http://www.w3.org/2000/svg"
  33. xmlns:xlink="http://www.w3.org/1999/xlink" style="margin-top: 16px">
  34. <rect x="0.750122" y="-6.86646e-05" width="73.7141" height="21.1429" fill="url(#pattern0_5352_55099)" />
  35. <defs>
  36. <pattern id="pattern0_5352_55099" patternContentUnits="objectBoundingBox" width="1" height="1">
  37. <use xlink:href="#image0_5352_55099"
  38. transform="matrix(0.00266667 0 0 0.00929728 0 -0.00205314)" />
  39. </pattern>
  40. <image id="image0_5352_55099" width="375" height="108"
  41. xlink:href="data:image/png;base64,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" />
  42. </defs>
  43. </svg>
  44. </div>
  45. <img src="https://cupffee.me/images/email/decoration1.png"
  46. style="position: absolute; top: 20px; left: 0; z-index: 3" />
  47. <img src="https://cupffee.me/images/email/decoration3.png"
  48. style="position: absolute; top: 50px; left: 525px; z-index: 1" />
  49. <img src="https://cupffee.me/images/email/decoration4.png" style="
  50. position: absolute;
  51. position: absolute;
  52. top: 70px;
  53. left: 420px;
  54. z-index: 1;
  55. " />
  56.  
  57. <div style="
  58. display: flex;
  59. flex-direction: column;
  60. align-items: flex-start;
  61. gap: 24.54px;
  62. align-self: stretch;
  63. margin-top: 100px;
  64. margin-left: 64px;
  65. width: 379px;
  66. ">
  67. <div style="
  68. display: flex;
  69. flex-direction: column;
  70. align-items: flex-start;
  71. gap: 14.724px;
  72. align-self: stretch;
  73. ">
  74. <h2 style="
  75. align-self: stretch;
  76. color: var(--Black, #231f20);
  77. font-variant-numeric: lining-nums proportional-nums;
  78. font-feature-settings: 'liga' off;
  79. font-family: Raleway;
  80. font-size: 24px;
  81. font-style: normal;
  82. font-weight: 700;
  83. line-height: normal;
  84. margin: 0;
  85. ">
  86. Thank you for your order!
  87. </h2>
  88. <p style="
  89. width: 314px;
  90. color: var(--Black, #231f20);
  91. font-variant-numeric: lining-nums proportional-nums;
  92. font-feature-settings: 'liga' off;
  93. font-family: Raleway;
  94. font-size: 11.043px;
  95. font-style: normal;
  96. font-weight: 400;
  97. line-height: 14.724px; /* 133.333% */
  98. margin: 0;
  99. ">
  100. Hello {{$order->first_name}} {{$order->last_name}}, Your Cupffee cups will definitely
  101. level up your coffee experience and help you save the planet one cup
  102. at a time! We're getting your order ready for dispatch. We'll notify
  103. you as soon as it's on its way.
  104. </p>
  105. </div>
  106. <div style="
  107. display: flex;
  108. padding: 7.362px 9.816px;
  109. align-items: center;
  110. gap: 14.724px;
  111. border-radius: 4.908px;
  112. background: var(--White, #fff);
  113. ">
  114. <p style="
  115. color: var(--Gray, #4d4d4d);
  116. font-variant-numeric: lining-nums proportional-nums;
  117. font-feature-settings: 'liga' off;
  118. font-family: Raleway;
  119. font-size: 11.043px;
  120. font-style: normal;
  121. font-weight: 400;
  122. line-height: 14.724px; /* 133.333% */
  123. margin: 0;
  124. ">
  125. <span style="font-weight:600">Order №:</span> {{$order->uuid}} <br>
  126. <span style="font-weight:600">Order Date:</span> {{$order->created_at->format('Y-m-d')}} <br>
  127. </p>
  128. </div>
  129.  
  130. <div style="
  131. display: flex;
  132. padding: 7.362px 9.816px;
  133. align-items: center;
  134. gap: 14.724px;
  135. border-radius: 4.908px;
  136. background: var(--White, #fff);
  137. width: 100%;
  138. ">
  139. <p style="
  140. color: var(--Gray, #4d4d4d);
  141. font-variant-numeric: lining-nums proportional-nums;
  142. font-feature-settings: 'liga' off;
  143. font-family: Raleway;
  144. font-size: 11.043px;
  145. font-style: normal;
  146. font-weight: 400;
  147. line-height: 14.724px; /* 133.333% */
  148. margin: 0;
  149. ">
  150. <span style="font-weight:800;margin-bottom:5px;display:block">Contact Details</span>
  151. <svg width="436" height="2" viewBox="0 0 436 2" fill="none" xmlns="http://www.w3.org/2000/svg">
  152. <g clip-path="url(#clip0_5352_55546)">
  153. <rect x="0.623917" y="0.871765" width="434.752" height="0.581998" fill="#E6E7E7" />
  154. </g>
  155. <defs>
  156. <clipPath id="clip0_5352_55546">
  157. <rect x="0.623917" y="0.871765" width="434.752" height="0.581998" rx="0.290999" fill="white" />
  158. </clipPath>
  159. </defs>
  160. </svg>
  161. <br>
  162. <span style="font-weight:600;margin-top:5px">Name:</span> <span >{{$order->first_name}}{{$order->last_name}} </span><br>
  163. <span style="font-weight:600">Phone:</span> <span >{{$order->phone}} </span><br>
  164. <span style="font-weight:600">Email:</span> <span >{{$order->email}} </span><br>
  165. <span style="font-weight:600">Country:</span> <span >{{$order->country->name}} </span><br>
  166. <span style="font-weight:600">City:</span> <span >{{$order->city}} </span><br>
  167. <span style="font-weight:600">Address:</span> <span >{{$order->address}} </span>
  168. </p>
  169.  
  170. </div>
  171. @if ($order->company_name)
  172. <div style="
  173. display: flex;
  174. padding: 7.362px 9.816px;
  175. align-items: center;
  176. gap: 14.724px;
  177. border-radius: 4.908px;
  178. background: var(--White, #fff);
  179. width: 100%;
  180. ">
  181. <p style="
  182. color: var(--Gray, #4d4d4d);
  183. font-variant-numeric: lining-nums proportional-nums;
  184. font-feature-settings: 'liga' off;
  185. font-family: Raleway;
  186. font-size: 11.043px;
  187. font-style: normal;
  188. font-weight: 400;
  189. line-height: 14.724px; /* 133.333% */
  190. margin: 0;
  191. ">
  192. <span style="font-weight:800;margin-bottom:5px;display:block">Invoice Details</span>
  193. <svg width="436" height="2" viewBox="0 0 436 2" fill="none" xmlns="http://www.w3.org/2000/svg">
  194. <g clip-path="url(#clip0_5352_55546)">
  195. <rect x="0.623917" y="0.871765" width="434.752" height="0.581998" fill="#E6E7E7" />
  196. </g>
  197. <defs>
  198. <clipPath id="clip0_5352_55546">
  199. <rect x="0.623917" y="0.871765" width="434.752" height="0.581998" rx="0.290999" fill="white" />
  200. </clipPath>
  201. </defs>
  202. </svg>
  203. <br>
  204. <span style="font-weight:600;margin-top:5px">Name:</span> <span >{{$order->company_name}} </span><br>
  205. <span style="font-weight:600;margin-top:5px">Manager:</span> <span >{{$order->company_manager}} </span><br>
  206. @if ($order->company_has_vat)
  207. <span style="font-weight:600">Vat number:</span> <span >{{$order->company_vat_number}} </span><br>
  208. @endif
  209. <span style="font-weight:600">Tax number:</span> <span >{{$order->company_uin_number}} </span><br>
  210. <span style="font-weight:600">Country:</span> <span >{{$order->companyCountry?->name}} </span><br>
  211. <span style="font-weight:600">City:</span> <span >{{$order->company_city}} </span><br>
  212. <span style="font-weight:600">Address:</span> <span >{{$order->company_address}} </span>
  213. </p>
  214.  
  215. </div>
  216. @endif
  217.  
  218. </div>
  219.  
  220. <img src="https://cupffee.me/images/email/decoration2.png"
  221. style="position: absolute; top: 50px; left: 375px" />
  222. <div style="
  223. position: relative;
  224. width:100%;
  225. margin-top: 29px;
  226. ">
  227. <div style="
  228.  
  229. display: table;
  230. margin-left:auto;
  231. margin-right:auto;
  232. padding: 18.624px;
  233. align-items: flex-start;
  234. flex-direction: column;
  235. gap: 18.624px;
  236. border-radius: 4.656px;
  237. border: 0.582px solid var(--Gray-5, #fbfbfb);
  238. background: var(--White, #fff);
  239. box-shadow: 0px 2.328px 4.656px -1.164px rgba(16, 24, 40, 0.1),
  240. 0px 1.164px 2.328px -1.164px rgba(16, 24, 40, 0.06);
  241. width:80%
  242. ">
  243. <img src="https://cupffee.me/images/email/decoration5.svg"
  244. style="position: absolute; top: 0; left: 90%" />
  245. <h2 style="
  246. height: 18.624px;
  247. flex: 1 0 0;
  248. margin: 0;
  249. color: var(--Black, #231f20);
  250. font-variant-numeric: lining-nums proportional-nums;
  251. font-feature-settings: 'liga' off;
  252. font-family: Raleway;
  253. font-size: 13.968px;
  254. font-style: normal;
  255. font-weight: 700;
  256. line-height: 18.624px; /* 133.333% */
  257. ">
  258. Purchase details
  259. </h2>
  260. <svg width="436" height="2" viewBox="0 0 436 2" fill="none" xmlns="http://www.w3.org/2000/svg">
  261. <g clip-path="url(#clip0_5352_55546)">
  262. <rect x="0.623917" y="0.871765" width="434.752" height="0.581998" fill="#E6E7E7" />
  263. </g>
  264. <defs>
  265. <clipPath id="clip0_5352_55546">
  266. <rect x="0.623917" y="0.871765" width="434.752" height="0.581998" rx="0.290999" fill="white" />
  267. </clipPath>
  268. </defs>
  269. </svg>
  270. @foreach ($order->details as $item)
  271. <div style=" display: flex; align-items: flex-start; gap: 9.312px; align-self: stretch; ">
  272. <div style=" display: flex; flex-direction: column; align-items: center; gap: 2.328px; ">
  273. <img src="{{$item->product->image}}" style=" display: flex; width: 69.84px; height: 69.84px; justify-content: center; align-items: center; object-fit: contain; " />
  274. <p style=" align-self: stretch; color: var(--Gray-80, #858689); text-align: center; font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; font-family: Raleway; font-size: 6.984px; font-style: normal; font-weight: 400; line-height: 9.312px; /* 133.333% */ margin: 0;">
  275. {{$item->product->cup_size ?? ''}}
  276. </p>
  277. </div>
  278. <div style="display: flex;flex-direction: column;align-items: flex-start;gap: 6.984px;flex: 1 0 0;">
  279. <div style=" display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4.656px; flex: 1 0 0; align-self: stretch;">
  280. <h2 style=" align-self: stretch; color: var(--Black, #231f20); font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; font-family: Raleway; font-size: 9.312px; font-style: normal; font-weight: 600; line-height: 11.64px; /* 125% */ margin: 0;">
  281. {{$item->product_name}}
  282. </h2>
  283. <ul style=" display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 1.164px; align-self: stretch; margin: 0; padding-inline-start: 10px;">
  284. @if ($item->product->short_description)
  285. <li style=" align-self: stretch; color: var(--Gray, #4d4d4d); font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; font-family: Raleway; font-size: 8.148px; font-style: normal; font-weight: 400; line-height: 10.476px; /* 128.571% */ margin: 0;">
  286. {{$item->product->short_description}}
  287. </li>
  288. @endif
  289. @if ($item->product->quantity_info)
  290. <li style=" align-self: stretch; color: var(--Gray, #4d4d4d); font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; font-family: Raleway; font-size: 8.148px; font-style: normal; font-weight: 400; line-height: 10.476px; /* 128.571% */ margin: 0;">
  291. {{$item->product->quantity_info}}
  292. </li>
  293. @endif
  294. @if ($item->product->package)
  295. <li style=" align-self: stretch; color: var(--Gray, #4d4d4d); font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; font-family: Raleway; font-size: 8.148px; font-style: normal; font-weight: 400; line-height: 10.476px; /* 128.571% */ margin: 0;">
  296. {{$item->product->package}}
  297. </li>
  298. @endif
  299. </ul>
  300. </div>
  301. <div style=" display: flex; flex-direction: column; align-items: flex-end; align-self: stretch;">
  302. {{-- @if ($item->discount_percentage > 0)
  303. <div style=" display: flex; padding: 1.164px 6.656px; justify-content: center; align-items: center; gap: 4.656px; border-radius: 9.312px; background: var(--Green-5, #d8ddd5);">
  304. <p style=" margin: 0; color: var(--Black, #231f20); text-align: center; font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; /* Desktop/Paragraph/SemiBold/XSmall */ font-family: Raleway; font-size: 10px; font-style: normal; font-weight: 500; line-height: 16px; /* 133.333% */">
  305. -{{$item->discount_percentage}}%
  306. </p>
  307. </div>
  308. @endif --}}
  309.  
  310. <div style="display: flex; align-items: center; gap: 4.656px">
  311. <p style=" color: var(--Black, #231f20); font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; font-family: Raleway; font-size: 11.64px; font-style: normal; font-weight: 700; line-height: 16.296px; /* 140% */ margin: 0;">
  312. {{$item->quantity}} x {{$item->price}} {{$order->currency->code}}
  313. </p>
  314. {{-- @if ($item->discount_percentage > 0)
  315. <p style=" color: var(--Gray-80, #858689); font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; font-family: Raleway; font-size: 10.476px; font-style: normal; font-weight: 400; line-height: 13.968px; /* 133.333% */ text-decoration: line-through; margin: 0;">
  316. {{$item->original_price}} {{$order->currency->code}}
  317. </p>
  318. @endif --}}
  319.  
  320. </div>
  321. {{-- <div style=" display: flex; justify-content: flex-end; align-items: center; gap: 2.328px; align-self: stretch;">
  322. <p style=" color: var(--Black, #231f20); text-align: right; font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; font-family: Raleway; font-size: 9.312px; font-style: normal; font-weight: 400; line-height: 11.64px; /* 125% */ margin: 0;">
  323. 9.00 {{$order->currency->code}}
  324. </p>
  325. <p style=" color: var(--Gray-80, #858689); font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; font-family: Raleway; font-size: 9.312px; font-style: normal; font-weight: 400; line-height: 13.968px; /* 150% */ text-decoration: line-through; margin: 0;">
  326. 11.69 {{$order->currency->code}}
  327. </p>
  328. <p style=" color: var(--Gray-80, #858689); text-align: right; font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; font-family: Raleway; font-size: 9.312px; font-style: normal; font-weight: 400; line-height: 11.64px; /* 125% */ margin: 0;">
  329. /pack
  330. </p>
  331. </div> --}}
  332. </div>
  333. </div>
  334. </div>
  335. @endforeach
  336. <svg width="436" height="2" viewBox="0 0 436 2" fill="none" xmlns="http://www.w3.org/2000/svg">
  337. <g clip-path="url(#clip0_5352_55546)">
  338. <rect x="0.623917" y="0.871765" width="434.752" height="0.581998" fill="#E6E7E7" />
  339. </g>
  340. <defs>
  341. <clipPath id="clip0_5352_55546">
  342. <rect x="0.623917" y="0.871765" width="434.752" height="0.581998" rx="0.290999" fill="white" />
  343. </clipPath>
  344. </defs>
  345. </svg>
  346. <div style=" display: flex; align-items: flex-start; gap: 9.312px; align-self: stretch; ">
  347. <div style="display: flex;flex-direction: column;align-items: flex-start;gap: 6.984px;flex: 1 0 0;">
  348. <div style=" display: flex; flex-direction: column; align-items: flex-end; align-self: stretch;">
  349. <div style="display: flex; align-items: center; gap: 4.656px">
  350. <p style="width:200px; color: var(--Black, #231f20); font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; font-family: Raleway; font-size: 11.64px; font-style: normal; font-weight: 700; line-height: 16.296px; /* 140% */ margin: 0;">
  351. <span>Sub total: </span> <span style="float:right">{{$order->sub_total}} {{$order->currency->code}}</span>
  352. </p>
  353. </div>
  354. <div style="display: flex; align-items: center; gap: 4.656px">
  355. <p style="width:200px; color: var(--Black, #231f20); font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; font-family: Raleway; font-size: 11.64px; font-style: normal; font-weight: 700; line-height: 16.296px; /* 140% */ margin: 0;">
  356. <span>Discount: </span> <span style="float:right">{{$order->discount}} {{$order->currency->code}}</span>
  357. </p>
  358. </div>
  359. <div style="display: flex; align-items: center; gap: 4.656px">
  360. <p style="width:200px; color: var(--Black, #231f20); font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; font-family: Raleway; font-size: 11.64px; font-style: normal; font-weight: 700; line-height: 16.296px; /* 140% */ margin: 0;">
  361. <span>Delivery price: </span> <span style="float:right">{{$order->delivery_price}} {{$order->currency->code}}</span>
  362. </p>
  363. </div>
  364. <div style="display: flex; align-items: center; gap: 4.656px">
  365. <p style="width:200px; color: var(--Black, #231f20); font-variant-numeric: lining-nums proportional-nums; font-feature-settings: 'liga' off; font-family: Raleway; font-size: 11.64px; font-style: normal; font-weight: 700; line-height: 16.296px; /* 140% */ margin: 0;">
  366. <span>Total: </span> <span style="float:right">{{$order->total}} {{$order->currency->code}}</span>
  367. </p>
  368. </div>
  369.  
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. </div>
  375.  
  376. <div style="
  377. display: flex;
  378. justify-content: center;
  379. flex-direction: column;
  380. margin-top: 50px;
  381. align-items: center;
  382. ">
  383. <img src="https://cupffee.me/images/email/decoration6.png"
  384. style="width: 160px; height: 113px; flex-shrink: 0;" />
  385. <div style="
  386. display: inline-flex;
  387. align-items: flex-start;
  388. gap: 12.75px;
  389. margin-top: 16px;
  390. ">
  391. <a href="#">
  392. <img src="https://cupffee.me/images/email/facebook.svg" style="width: 34px; height: 34px" />
  393. </a>
  394. <a href="#">
  395. <img src="https://cupffee.me/images/email/instagram.svg" style="width: 34px; height: 34px" />
  396. </a>
  397. <a href="#">
  398. <img src="https://cupffee.me/images/email/tik-tok.svg" style="width: 34px; height: 34px" />
  399. </a>
  400. <a href="#">
  401. <img src="https://cupffee.me/images/email/youtube.svg" style="width: 34px; height: 34px" />
  402. </a>
  403. <a href="#">
  404. <img src="https://cupffee.me/images/email/linkedin.svg" style="width: 34px; height: 34px" />
  405. </a>
  406. </div>
  407. <img src="https://cupffee.me/images/email/decoration7.png"
  408. style="width: 70px; height: 45px; flex-shrink: 0; margin-top: 24px;" />
  409. <div style="
  410. display: inline-flex;
  411. flex-direction: column;
  412. align-items: center;
  413. gap: 8px;
  414. margin-top: 28px;
  415. ">
  416. <p style="
  417. align-self: stretch;
  418. color: var(--Black, #231f20);
  419. text-align: center;
  420. font-variant-numeric: lining-nums proportional-nums;
  421. font-feature-settings: 'liga' off;
  422. font-family: Raleway;
  423. font-size: 12px;
  424. font-style: normal;
  425. font-weight: 400;
  426. line-height: normal;
  427. margin: 0;
  428. ">
  429. office@cupffee.me
  430. </p>
  431. <p style="
  432. align-self: stretch;
  433. color: var(--Black, #231f20);
  434. text-align: center;
  435. font-variant-numeric: lining-nums proportional-nums;
  436. font-feature-settings: 'liga' off;
  437. font-family: Raleway;
  438. font-size: 12px;
  439. font-style: normal;
  440. font-weight: 400;
  441. line-height: normal;
  442. margin: 0;
  443. ">
  444. +359 884 931 183
  445. </p>
  446. <p style="
  447. align-self: stretch;
  448. color: var(--Black, #231f20);
  449. text-align: center;
  450. font-variant-numeric: lining-nums proportional-nums;
  451. font-feature-settings: 'liga' off;
  452. font-family: Raleway;
  453. font-size: 12px;
  454. font-style: normal;
  455. font-weight: 400;
  456. line-height: normal;
  457. margin: 0;
  458. ">
  459. Asenovgradsko Shose 1 Bld, 4023, Trakia industrial zone, Plovdiv, Bulgaria
  460. </p>
  461. </div>
  462. <img src="https://cupffee.me/images/email/logo.png" style="width: 49.143px;
  463. height: 14.095px;
  464. flex-shrink: 0;
  465. margin-top: 28px;
  466. margin-bottom: 40px;" />
  467. </div>
  468. </div>
  469. </body>
  470.  
  471. </html>
  472.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!