|
|
@@ -2,344 +2,638 @@
|
|
|
<html lang="pt-BR">
|
|
|
|
|
|
<head>
|
|
|
- <meta charset="UTF-8">
|
|
|
- <title>{{ __('mail.service_completed.subject') }}</title>
|
|
|
+
|
|
|
+ <meta charset="UTF-8" />
|
|
|
+
|
|
|
+ <meta
|
|
|
+ name="viewport"
|
|
|
+ content="width=device-width, initial-scale=1.0"
|
|
|
+ />
|
|
|
+
|
|
|
+ <title>
|
|
|
+ {{ __('mail.service_completed.subject') }}
|
|
|
+ </title>
|
|
|
+
|
|
|
+ <!-- CSS -->
|
|
|
+
|
|
|
+ <style>
|
|
|
+
|
|
|
+ * {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-family: Arial, Helvetica, sans-serif;
|
|
|
+ }
|
|
|
+
|
|
|
+ body {
|
|
|
+ background: #f5f5f7;
|
|
|
+ padding: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .email-container {
|
|
|
+ max-width: 650px;
|
|
|
+ margin: 0 auto;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 24px;
|
|
|
+ overflow: hidden;
|
|
|
+ box-shadow: 0 10px 40px rgba(0,0,0,0.08);
|
|
|
+ }
|
|
|
+
|
|
|
+ /* HEADER */
|
|
|
+
|
|
|
+ .header {
|
|
|
+ background: linear-gradient(135deg, #7b2cff, #4d14d1);
|
|
|
+ padding: 50px 30px 30px;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+
|
|
|
+ .header-content {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ gap: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .header-text {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 52px;
|
|
|
+ font-weight: 800;
|
|
|
+ line-height: 1;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .subtitle {
|
|
|
+ font-size: 20px;
|
|
|
+ line-height: 1.5;
|
|
|
+ opacity: 0.95;
|
|
|
+ }
|
|
|
+
|
|
|
+ .diarinho {
|
|
|
+ width: 220px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* CONTENT */
|
|
|
+
|
|
|
+ .content {
|
|
|
+ padding: 30px;
|
|
|
+ background: #f5f5f7;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* STATUS */
|
|
|
+
|
|
|
+ .success-card {
|
|
|
+ background: white;
|
|
|
+ border-radius: 22px;
|
|
|
+ padding: 22px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 18px;
|
|
|
+ margin-bottom: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .success-icon {
|
|
|
+ width: 60px;
|
|
|
+ height: 60px;
|
|
|
+ border-radius: 999px;
|
|
|
+ background: #4cd964;
|
|
|
+ color: white;
|
|
|
+ font-size: 32px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .success-title {
|
|
|
+ font-size: 30px;
|
|
|
+ color: #5a22d6;
|
|
|
+ font-weight: 700;
|
|
|
+ margin-bottom: 6px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .success-subtitle {
|
|
|
+ color: #6b6b6b;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* CARD */
|
|
|
+
|
|
|
+ .card {
|
|
|
+ background: white;
|
|
|
+ border-radius: 24px;
|
|
|
+ padding: 30px;
|
|
|
+ margin-bottom: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-title {
|
|
|
+ font-size: 34px;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #5a22d6;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .service-grid {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ gap: 25px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .service-column {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .item {
|
|
|
+ margin-bottom: 28px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .item-label {
|
|
|
+ color: #777;
|
|
|
+ font-size: 15px;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .item-value {
|
|
|
+ color: #1f1f1f;
|
|
|
+ font-size: 26px;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 1.4;
|
|
|
+ }
|
|
|
+
|
|
|
+ .divider {
|
|
|
+ width: 1px;
|
|
|
+ background: #ececec;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* PAYMENT */
|
|
|
+
|
|
|
+ .payment-wrapper {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ gap: 25px;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .payment-total {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .payment-summary {
|
|
|
+ margin-top: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .payment-row {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .payment-row span {
|
|
|
+ font-size: 18px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .payment-row strong {
|
|
|
+ font-size: 22px;
|
|
|
+ color: #1f1f1f;
|
|
|
+ }
|
|
|
+
|
|
|
+ .payment-final {
|
|
|
+ border-top: 1px solid #ececec;
|
|
|
+ padding-top: 22px;
|
|
|
+ margin-top: 10px;
|
|
|
+
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .payment-final-label {
|
|
|
+ font-size: 24px;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #5a22d6;
|
|
|
+ }
|
|
|
+
|
|
|
+ .payment-final-value {
|
|
|
+ font-size: 42px;
|
|
|
+ font-weight: 800;
|
|
|
+ color: #5a22d6;
|
|
|
+ }
|
|
|
+
|
|
|
+ .payment-method {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .payment-badge {
|
|
|
+ display: inline-flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 12px;
|
|
|
+ border: 1px solid #e5e5e5;
|
|
|
+ padding: 14px 20px;
|
|
|
+ border-radius: 16px;
|
|
|
+ margin-top: 12px;
|
|
|
+ font-size: 26px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #222;
|
|
|
+ }
|
|
|
+
|
|
|
+ .paid-status {
|
|
|
+ margin-left: 15px;
|
|
|
+ background: #dff7e7;
|
|
|
+ color: #1ea75d;
|
|
|
+ padding: 6px 14px;
|
|
|
+ border-radius: 999px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* FOOTER CARD */
|
|
|
+
|
|
|
+ .footer-card {
|
|
|
+ background: #f1ebff;
|
|
|
+ border-radius: 24px;
|
|
|
+ padding: 25px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 20px;
|
|
|
+ margin-bottom: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer-diarinho {
|
|
|
+ width: 120px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer-title {
|
|
|
+ font-size: 36px;
|
|
|
+ color: #5a22d6;
|
|
|
+ font-weight: 700;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer-text {
|
|
|
+ color: #666;
|
|
|
+ line-height: 1.7;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* FOOTER */
|
|
|
+
|
|
|
+ .footer {
|
|
|
+ background: linear-gradient(135deg, #5d1ce0, #3f0fb3);
|
|
|
+ padding: 35px 30px;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer-content {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ gap: 20px;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer-app {
|
|
|
+ font-size: 30px;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #6de0ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer-help {
|
|
|
+ text-align: right;
|
|
|
+ font-size: 18px;
|
|
|
+ line-height: 1.6;
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer-bottom {
|
|
|
+ margin-top: 25px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ opacity: 0.7;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* RESPONSIVE */
|
|
|
+
|
|
|
+ @media(max-width: 640px) {
|
|
|
+
|
|
|
+ .header-content,
|
|
|
+ .service-grid,
|
|
|
+ .payment-wrapper,
|
|
|
+ .footer-card {
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+
|
|
|
+ .divider {
|
|
|
+ width: 100%;
|
|
|
+ height: 1px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 42px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .diarinho {
|
|
|
+ width: 160px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-title {
|
|
|
+ font-size: 28px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .item-value {
|
|
|
+ font-size: 22px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .payment-final {
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-start;
|
|
|
+ gap: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer-help {
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ </style>
|
|
|
+
|
|
|
</head>
|
|
|
|
|
|
-<body style="margin:0;padding:0;background:#f5f5f7;font-family:Arial,Helvetica,sans-serif;">
|
|
|
+<body>
|
|
|
|
|
|
- <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#f5f5f7">
|
|
|
- <tr>
|
|
|
- <td align="center">
|
|
|
+<div class="email-container">
|
|
|
|
|
|
- <!-- CONTAINER -->
|
|
|
- <table width="650" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff"
|
|
|
- style="margin:20px auto;border-radius:24px;overflow:hidden;">
|
|
|
+ <!-- HEADER -->
|
|
|
|
|
|
- <!-- HEADER -->
|
|
|
- <tr>
|
|
|
- <td
|
|
|
- style="background:#5a22d6;padding:50px 40px;color:white;">
|
|
|
+ <div class="header">
|
|
|
|
|
|
- <table width="100%">
|
|
|
- <tr>
|
|
|
+ <div class="header-content">
|
|
|
|
|
|
- <td valign="middle">
|
|
|
+ <div class="header-text">
|
|
|
|
|
|
- <div style="font-size:52px;font-weight:bold;line-height:1.1;">
|
|
|
- {{ __('mail.service_completed.title') }}
|
|
|
- </div>
|
|
|
+ <div class="title">
|
|
|
+ {{ __('mail.service_completed.title') }}
|
|
|
+ </div>
|
|
|
|
|
|
- <div style="font-size:20px;margin-top:20px;line-height:1.6;">
|
|
|
- {{ __('mail.service_completed.subtitle') }}
|
|
|
- </div>
|
|
|
+ <div class="subtitle">
|
|
|
+ {{ __('mail.service_completed.subtitle') }}
|
|
|
+ </div>
|
|
|
|
|
|
- </td>
|
|
|
+ </div>
|
|
|
|
|
|
- <td width="220" align="right" valign="middle">
|
|
|
+ <img
|
|
|
+ src="{{ asset('images/diarinho.png') }}"
|
|
|
+ class="diarinho"
|
|
|
+ alt="Diarinho"
|
|
|
+ />
|
|
|
|
|
|
- <img
|
|
|
- src="https://i.imgur.com/8Km9tLL.png"
|
|
|
- width="200"
|
|
|
- alt="Diarinho"
|
|
|
- style="display:block;border:0;"
|
|
|
- >
|
|
|
+ </div>
|
|
|
|
|
|
- </td>
|
|
|
+ </div>
|
|
|
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
+ <!-- CONTENT -->
|
|
|
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
+ <div class="content">
|
|
|
|
|
|
- <!-- CONTENT -->
|
|
|
- <tr>
|
|
|
- <td style="padding:30px;background:#f5f5f7;">
|
|
|
+ <!-- STATUS -->
|
|
|
|
|
|
- <!-- STATUS -->
|
|
|
- <table width="100%" bgcolor="#ffffff"
|
|
|
- style="border-radius:20px;padding:20px;margin-bottom:25px;">
|
|
|
+ <div class="success-card">
|
|
|
|
|
|
- <tr>
|
|
|
+ <div class="success-icon">
|
|
|
+ ✓
|
|
|
+ </div>
|
|
|
|
|
|
- <td width="70" valign="top">
|
|
|
+ <div>
|
|
|
|
|
|
- <div
|
|
|
- style="width:55px;height:55px;background:#4cd964;border-radius:999px;text-align:center;line-height:55px;color:white;font-size:30px;font-weight:bold;">
|
|
|
- ✓
|
|
|
- </div>
|
|
|
+ <div class="success-title">
|
|
|
+ {{ __('mail.service_completed.payment_confirmed') }}
|
|
|
+ </div>
|
|
|
|
|
|
- </td>
|
|
|
+ <div class="success-subtitle">
|
|
|
+ {{ __('mail.service_completed.payment_confirmed_subtitle') }}
|
|
|
+ </div>
|
|
|
|
|
|
- <td valign="middle">
|
|
|
+ </div>
|
|
|
|
|
|
- <div
|
|
|
- style="font-size:28px;font-weight:bold;color:#5a22d6;">
|
|
|
- {{ __('mail.service_completed.payment_confirmed') }}
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div
|
|
|
- style="font-size:18px;color:#666;margin-top:8px;">
|
|
|
- {{ __('mail.service_completed.payment_confirmed_subtitle') }}
|
|
|
- </div>
|
|
|
+ <!-- SERVICE -->
|
|
|
|
|
|
- </td>
|
|
|
+ <div class="card">
|
|
|
|
|
|
- </tr>
|
|
|
+ <div class="card-title">
|
|
|
+ {{ __('mail.service_completed.service_resume') }}
|
|
|
+ </div>
|
|
|
|
|
|
- </table>
|
|
|
+ <div class="service-grid">
|
|
|
|
|
|
- <!-- SERVICE -->
|
|
|
- <table width="100%" bgcolor="#ffffff"
|
|
|
- style="border-radius:20px;padding:30px;margin-bottom:25px;">
|
|
|
+ <div class="service-column">
|
|
|
|
|
|
- <tr>
|
|
|
- <td colspan="2"
|
|
|
- style="font-size:32px;font-weight:bold;color:#5a22d6;padding-bottom:30px;">
|
|
|
- {{ __('mail.service_completed.service_resume') }}
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
+ <div class="item">
|
|
|
|
|
|
- <tr>
|
|
|
+ <div class="item-label">
|
|
|
+ {{ __('mail.service_completed.client') }}
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- LEFT -->
|
|
|
- <td width="50%" valign="top">
|
|
|
+ <div class="item-value">
|
|
|
+ {{ $client_name }}
|
|
|
+ </div>
|
|
|
|
|
|
- <div style="color:#777;font-size:15px;">
|
|
|
- {{ __('mail.service_completed.client') }}
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div
|
|
|
- style="font-size:26px;font-weight:bold;color:#222;margin-top:8px;margin-bottom:25px;">
|
|
|
- {{ $client_name }}
|
|
|
- </div>
|
|
|
+ <div class="item">
|
|
|
|
|
|
- <div style="color:#777;font-size:15px;">
|
|
|
- {{ __('mail.service_completed.service_date') }}
|
|
|
- </div>
|
|
|
+ <div class="item-label">
|
|
|
+ {{ __('mail.service_completed.service_date') }}
|
|
|
+ </div>
|
|
|
|
|
|
- <div
|
|
|
- style="font-size:24px;font-weight:bold;color:#222;margin-top:8px;margin-bottom:25px;">
|
|
|
- {{ \Carbon\Carbon::parse($service_date)->format('d/m/Y') }}
|
|
|
- </div>
|
|
|
+ <div class="item-value">
|
|
|
+ {{ \Carbon\Carbon::parse($service_date)->format('d/m/Y') }}
|
|
|
+ </div>
|
|
|
|
|
|
- <div style="color:#777;font-size:15px;">
|
|
|
- {{ __('mail.service_completed.service_time') }}
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div
|
|
|
- style="font-size:24px;font-weight:bold;color:#222;margin-top:8px;">
|
|
|
- {{ substr($start_time,0,5) }}
|
|
|
- às
|
|
|
- {{ substr($end_time,0,5) }}
|
|
|
- </div>
|
|
|
+ <div class="item">
|
|
|
|
|
|
- </td>
|
|
|
+ <div class="item-label">
|
|
|
+ {{ __('mail.service_completed.service_time') }}
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- RIGHT -->
|
|
|
- <td width="50%" valign="top"
|
|
|
- style="padding-left:30px;border-left:1px solid #ececec;">
|
|
|
+ <div class="item-value">
|
|
|
+ {{ substr($start_time, 0, 5) }}
|
|
|
+ às
|
|
|
+ {{ substr($end_time, 0, 5) }}
|
|
|
+ </div>
|
|
|
|
|
|
- <div style="color:#777;font-size:15px;">
|
|
|
- {{ __('mail.service_completed.service_address') }}
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div
|
|
|
- style="font-size:24px;font-weight:bold;color:#222;line-height:1.5;margin-top:8px;">
|
|
|
- {{ $address }}
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
|
|
|
- </td>
|
|
|
+ <div class="divider"></div>
|
|
|
|
|
|
- </tr>
|
|
|
+ <div class="service-column">
|
|
|
|
|
|
- </table>
|
|
|
+ <div class="item">
|
|
|
|
|
|
- <!-- PAYMENT -->
|
|
|
- <table width="100%" bgcolor="#ffffff"
|
|
|
- style="border-radius:20px;padding:30px;margin-bottom:25px;">
|
|
|
+ <div class="item-label">
|
|
|
+ {{ __('mail.service_completed.service_address') }}
|
|
|
+ </div>
|
|
|
|
|
|
- <tr>
|
|
|
- <td colspan="2"
|
|
|
- style="font-size:32px;font-weight:bold;color:#5a22d6;padding-bottom:30px;">
|
|
|
- {{ __('mail.service_completed.payment_title') }}
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
+ <div class="item-value">
|
|
|
+ {{ $address }}
|
|
|
+ </div>
|
|
|
|
|
|
- <tr>
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- LEFT -->
|
|
|
- <td width="50%" valign="top">
|
|
|
+ </div>
|
|
|
|
|
|
- <table width="100%">
|
|
|
+ </div>
|
|
|
|
|
|
- <tr>
|
|
|
- <td
|
|
|
- style="font-size:18px;color:#666;padding-bottom:15px;">
|
|
|
- {{ __('mail.service_completed.total_amount') }}
|
|
|
- </td>
|
|
|
+ </div>
|
|
|
|
|
|
- <td align="right"
|
|
|
- style="font-size:22px;font-weight:bold;color:#222;padding-bottom:15px;">
|
|
|
- {{ __('mail.service_completed.currency') }}
|
|
|
- {{ number_format($total_amount,2,',','.') }}
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
+ <!-- PAYMENT -->
|
|
|
|
|
|
- <tr>
|
|
|
- <td
|
|
|
- style="font-size:18px;color:#666;padding-bottom:15px;">
|
|
|
- {{ __('mail.service_completed.service_fee') }}
|
|
|
- </td>
|
|
|
+ <div class="card">
|
|
|
|
|
|
- <td align="right"
|
|
|
- style="font-size:22px;font-weight:bold;color:#222;padding-bottom:15px;">
|
|
|
- {{ __('mail.service_completed.currency') }}
|
|
|
- {{ number_format($service_fee,2,',','.') }}
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
+ <div class="card-title">
|
|
|
+ {{ __('mail.service_completed.payment_title') }}
|
|
|
+ </div>
|
|
|
|
|
|
- <tr>
|
|
|
- <td
|
|
|
- style="font-size:24px;font-weight:bold;color:#5a22d6;padding-top:20px;border-top:1px solid #ececec;">
|
|
|
- {{ __('mail.service_completed.final_amount') }}
|
|
|
- </td>
|
|
|
+ <div class="payment-wrapper">
|
|
|
|
|
|
- <td align="right"
|
|
|
- style="font-size:38px;font-weight:bold;color:#5a22d6;padding-top:20px;border-top:1px solid #ececec;">
|
|
|
- {{ __('mail.service_completed.currency') }}
|
|
|
- {{ number_format($final_amount,2,',','.') }}
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
+ <div class="payment-total">
|
|
|
|
|
|
- </table>
|
|
|
+ <div class="payment-summary">
|
|
|
|
|
|
- </td>
|
|
|
+ <div class="payment-row">
|
|
|
|
|
|
- <!-- RIGHT -->
|
|
|
- <td width="50%" valign="top"
|
|
|
- style="padding-left:30px;border-left:1px solid #ececec;">
|
|
|
+ <span>
|
|
|
+ {{ __('mail.service_completed.total_amount') }}
|
|
|
+ </span>
|
|
|
|
|
|
- <div style="font-size:16px;color:#777;">
|
|
|
- {{ __('mail.service_completed.payment_method') }}
|
|
|
- </div>
|
|
|
+ <strong>
|
|
|
+ {{ __('mail.currency') }}
|
|
|
+ {{ number_format($total_amount, 2, ',', '.') }}
|
|
|
+ </strong>
|
|
|
|
|
|
- <table
|
|
|
- style="margin-top:15px;border:1px solid #e5e5e5;border-radius:12px;padding:12px 18px;">
|
|
|
+ </div>
|
|
|
|
|
|
- <tr>
|
|
|
+ <div class="payment-row">
|
|
|
|
|
|
- <td
|
|
|
- style="font-size:26px;font-weight:bold;color:#222;">
|
|
|
- {{ $payment_method }}
|
|
|
- </td>
|
|
|
+ <span>
|
|
|
+ {{ __('mail.service_completed.service_fee') }}
|
|
|
+ </span>
|
|
|
|
|
|
- <td style="padding-left:15px;">
|
|
|
+ <strong>
|
|
|
+ {{ __('mail.currency') }}
|
|
|
+ {{ number_format($service_fee, 2, ',', '.') }}
|
|
|
+ </strong>
|
|
|
|
|
|
- <span
|
|
|
- style="background:#dff7e7;color:#1ea75d;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:bold;">
|
|
|
- {{ __('mail.service_completed.paid') }}
|
|
|
- </span>
|
|
|
+ </div>
|
|
|
|
|
|
- </td>
|
|
|
+ <div class="payment-final">
|
|
|
|
|
|
- </tr>
|
|
|
+ <span class="payment-final-label">
|
|
|
+ {{ __('mail.service_completed.final_amount') }}
|
|
|
+ </span>
|
|
|
|
|
|
- </table>
|
|
|
+ <span class="payment-final-value">
|
|
|
+ {{ __('mail.currency') }}
|
|
|
+ {{ number_format($final_amount, 2, ',', '.') }}
|
|
|
+ </span>
|
|
|
|
|
|
- </td>
|
|
|
+ </div>
|
|
|
|
|
|
- </tr>
|
|
|
+ </div>
|
|
|
|
|
|
- </table>
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- FOOTER CARD -->
|
|
|
- <table width="100%" bgcolor="#f1ebff"
|
|
|
- style="border-radius:20px;padding:25px;margin-bottom:25px;">
|
|
|
+ <div class="divider"></div>
|
|
|
|
|
|
- <tr>
|
|
|
+ <div class="payment-method">
|
|
|
|
|
|
- <td width="130" valign="middle">
|
|
|
+ <div class="item-label">
|
|
|
+ {{ __('mail.service_completed.payment_method') }}
|
|
|
+ </div>
|
|
|
|
|
|
- <img
|
|
|
- src="https://i.imgur.com/8Km9tLL.png"
|
|
|
- width="110"
|
|
|
- alt="Diarinho"
|
|
|
- style="display:block;border:0;"
|
|
|
- >
|
|
|
+ <div class="payment-badge">
|
|
|
|
|
|
- </td>
|
|
|
+ {{ $payment_method }}
|
|
|
|
|
|
- <td valign="middle">
|
|
|
+ <span class="paid-status">
|
|
|
+ {{ __('mail.service_completed.paid') }}
|
|
|
+ </span>
|
|
|
|
|
|
- <div
|
|
|
- style="font-size:34px;font-weight:bold;color:#5a22d6;">
|
|
|
- {{ __('mail.service_completed.footer_title') }}
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div
|
|
|
- style="font-size:18px;color:#666;line-height:1.7;margin-top:10px;">
|
|
|
- {{ __('mail.service_completed.footer_description') }}
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
|
|
|
- </td>
|
|
|
+ </div>
|
|
|
|
|
|
- </tr>
|
|
|
+ </div>
|
|
|
|
|
|
- </table>
|
|
|
+ <!-- FOOTER CARD -->
|
|
|
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
+ <div class="footer-card">
|
|
|
|
|
|
- <!-- FOOTER -->
|
|
|
- <tr>
|
|
|
- <td
|
|
|
- style="background:#5a22d6;padding:35px;color:white;">
|
|
|
+ <img
|
|
|
+ src="{{ asset('images/diarinho.png') }}"
|
|
|
+ class="footer-diarinho"
|
|
|
+ alt="Diarinho"
|
|
|
+ />
|
|
|
|
|
|
- <table width="100%">
|
|
|
+ <div>
|
|
|
|
|
|
- <tr>
|
|
|
+ <div class="footer-title">
|
|
|
+ {{ __('mail.service_completed.footer_title') }}
|
|
|
+ </div>
|
|
|
|
|
|
- <td valign="top">
|
|
|
+ <div class="footer-text">
|
|
|
+ {{ __('mail.service_completed.footer_description') }}
|
|
|
+ </div>
|
|
|
|
|
|
- <div
|
|
|
- style="font-size:30px;font-weight:bold;color:#6de0ff;">
|
|
|
- diariaapp
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
|
|
|
- </td>
|
|
|
+ </div>
|
|
|
|
|
|
- <td align="right"
|
|
|
- style="font-size:18px;line-height:1.6;">
|
|
|
+ </div>
|
|
|
|
|
|
- {{ __('mail.service_completed.footer_help') }}<br>
|
|
|
+ <!-- FOOTER -->
|
|
|
|
|
|
- {{ __('mail.service_completed.footer_contact') }}<br>
|
|
|
+ <div class="footer">
|
|
|
|
|
|
- (11) 99999-9999
|
|
|
+ <div class="footer-content">
|
|
|
|
|
|
- </td>
|
|
|
+ <div>
|
|
|
|
|
|
- </tr>
|
|
|
+ <div class="footer-app">
|
|
|
+ diariaapp
|
|
|
+ </div>
|
|
|
|
|
|
- </table>
|
|
|
+ </div>
|
|
|
|
|
|
- <div
|
|
|
- style="margin-top:25px;text-align:center;font-size:13px;opacity:0.7;">
|
|
|
- {{ __('mail.service_completed.footer_note') }}
|
|
|
- </div>
|
|
|
+ <div class="footer-help">
|
|
|
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
+ {{ __('mail.service_completed.footer_help') }}<br>
|
|
|
|
|
|
- </table>
|
|
|
+ {{ __('mail.service_completed.footer_contact') }}<br>
|
|
|
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
+ (11) 99999-9999
|
|
|
|
|
|
-</body>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
|
|
|
-</html>
|
|
|
+ <div class="footer-bottom">
|
|
|
+ {{ __('mail.service_completed.footer_note') }}
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+</div>
|
|
|
+
|
|
|
+</body>
|
|
|
|
|
|
+</html>
|
