|
|
@@ -1,12 +1,23 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="pt-BR">
|
|
|
+
|
|
|
<head>
|
|
|
+
|
|
|
<meta charset="UTF-8" />
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
|
|
|
|
- <title>{{ __('email.service_completed.subject') }}</title>
|
|
|
+ <meta
|
|
|
+ name="viewport"
|
|
|
+ content="width=device-width, initial-scale=1.0"
|
|
|
+ />
|
|
|
+
|
|
|
+ <title>
|
|
|
+ {{ __('mail.service_completed.subject') }}
|
|
|
+ </title>
|
|
|
+
|
|
|
+ <!-- CSS -->
|
|
|
|
|
|
<style>
|
|
|
+
|
|
|
* {
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
@@ -28,17 +39,14 @@
|
|
|
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;
|
|
|
}
|
|
|
|
|
|
- .logo {
|
|
|
- width: 140px;
|
|
|
- margin-bottom: 35px;
|
|
|
- }
|
|
|
-
|
|
|
.header-content {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
@@ -67,11 +75,15 @@
|
|
|
width: 220px;
|
|
|
}
|
|
|
|
|
|
+ /* CONTENT */
|
|
|
+
|
|
|
.content {
|
|
|
padding: 30px;
|
|
|
background: #f5f5f7;
|
|
|
}
|
|
|
|
|
|
+ /* STATUS */
|
|
|
+
|
|
|
.success-card {
|
|
|
background: white;
|
|
|
border-radius: 22px;
|
|
|
@@ -107,6 +119,8 @@
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
|
|
|
+ /* CARD */
|
|
|
+
|
|
|
.card {
|
|
|
background: white;
|
|
|
border-radius: 24px;
|
|
|
@@ -153,6 +167,8 @@
|
|
|
background: #ececec;
|
|
|
}
|
|
|
|
|
|
+ /* PAYMENT */
|
|
|
+
|
|
|
.payment-wrapper {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
@@ -164,10 +180,47 @@
|
|
|
flex: 1;
|
|
|
}
|
|
|
|
|
|
- .payment-total h2 {
|
|
|
+ .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;
|
|
|
- font-size: 54px;
|
|
|
- margin-top: 12px;
|
|
|
}
|
|
|
|
|
|
.payment-method {
|
|
|
@@ -197,6 +250,8 @@
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
+ /* FOOTER CARD */
|
|
|
+
|
|
|
.footer-card {
|
|
|
background: #f1ebff;
|
|
|
border-radius: 24px;
|
|
|
@@ -224,6 +279,8 @@
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
|
|
|
+ /* FOOTER */
|
|
|
+
|
|
|
.footer {
|
|
|
background: linear-gradient(135deg, #5d1ce0, #3f0fb3);
|
|
|
padding: 35px 30px;
|
|
|
@@ -238,11 +295,6 @@
|
|
|
flex-wrap: wrap;
|
|
|
}
|
|
|
|
|
|
- .footer-logo {
|
|
|
- width: 120px;
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
-
|
|
|
.footer-app {
|
|
|
font-size: 30px;
|
|
|
font-weight: 700;
|
|
|
@@ -262,6 +314,8 @@
|
|
|
opacity: 0.7;
|
|
|
}
|
|
|
|
|
|
+ /* RESPONSIVE */
|
|
|
+
|
|
|
@media(max-width: 640px) {
|
|
|
|
|
|
.header-content,
|
|
|
@@ -292,15 +346,19 @@
|
|
|
font-size: 22px;
|
|
|
}
|
|
|
|
|
|
- .payment-total h2 {
|
|
|
- font-size: 42px;
|
|
|
+ .payment-final {
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-start;
|
|
|
+ gap: 10px;
|
|
|
}
|
|
|
|
|
|
.footer-help {
|
|
|
text-align: left;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
</style>
|
|
|
+
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
@@ -311,33 +369,28 @@
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
- <img
|
|
|
- src="{{ asset('logo.png') }}"
|
|
|
- class="logo"
|
|
|
- alt="Sob Medida"
|
|
|
- />
|
|
|
-
|
|
|
<div class="header-content">
|
|
|
|
|
|
<div class="header-text">
|
|
|
|
|
|
<div class="title">
|
|
|
- {{ __('email.service_completed.title') }}
|
|
|
+ {{ __('mail.service_completed.title') }}
|
|
|
</div>
|
|
|
|
|
|
<div class="subtitle">
|
|
|
- {{ __('email.service_completed.subtitle') }}
|
|
|
+ {{ __('mail.service_completed.subtitle') }}
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<img
|
|
|
- src="{{ asset('diarinho.png') }}"
|
|
|
+ src="{{ asset('images/diarinho.png') }}"
|
|
|
class="diarinho"
|
|
|
alt="Diarinho"
|
|
|
/>
|
|
|
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
<!-- CONTENT -->
|
|
|
@@ -355,23 +408,23 @@
|
|
|
<div>
|
|
|
|
|
|
<div class="success-title">
|
|
|
- {{ __('email.service_completed.payment_confirmed') }}
|
|
|
+ {{ __('mail.service_completed.payment_confirmed') }}
|
|
|
</div>
|
|
|
|
|
|
<div class="success-subtitle">
|
|
|
- {{ __('email.service_completed.payment_confirmed_subtitle') }}
|
|
|
+ {{ __('mail.service_completed.payment_confirmed_subtitle') }}
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
- <!-- RESUMO -->
|
|
|
+ <!-- SERVICE -->
|
|
|
|
|
|
<div class="card">
|
|
|
|
|
|
<div class="card-title">
|
|
|
- {{ __('email.service_completed.service_resume') }}
|
|
|
+ {{ __('mail.service_completed.service_resume') }}
|
|
|
</div>
|
|
|
|
|
|
<div class="service-grid">
|
|
|
@@ -379,33 +432,39 @@
|
|
|
<div class="service-column">
|
|
|
|
|
|
<div class="item">
|
|
|
+
|
|
|
<div class="item-label">
|
|
|
- {{ __('email.service_completed.client') }}
|
|
|
+ {{ __('mail.service_completed.client') }}
|
|
|
</div>
|
|
|
|
|
|
<div class="item-value">
|
|
|
{{ $client_name }}
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
<div class="item">
|
|
|
+
|
|
|
<div class="item-label">
|
|
|
- {{ __('email.service_completed.service_date') }}
|
|
|
+ {{ __('mail.service_completed.service_date') }}
|
|
|
</div>
|
|
|
|
|
|
<div class="item-value">
|
|
|
- {{ $service_date }}
|
|
|
+ {{ \Carbon\Carbon::parse($service_date)->format('d/m/Y') }}
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
<div class="item">
|
|
|
|
|
|
<div class="item-label">
|
|
|
- {{ __('email.service_completed.service_time') }}
|
|
|
+ {{ __('mail.service_completed.service_time') }}
|
|
|
</div>
|
|
|
|
|
|
<div class="item-value">
|
|
|
- {{ $start_time }} às {{ $end_time }}
|
|
|
+ {{ substr($start_time, 0, 5) }}
|
|
|
+ às
|
|
|
+ {{ substr($end_time, 0, 5) }}
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
@@ -419,7 +478,7 @@
|
|
|
<div class="item">
|
|
|
|
|
|
<div class="item-label">
|
|
|
- {{ __('email.service_completed.service_address') }}
|
|
|
+ {{ __('mail.service_completed.service_address') }}
|
|
|
</div>
|
|
|
|
|
|
<div class="item-value">
|
|
|
@@ -434,25 +493,60 @@
|
|
|
|
|
|
</div>
|
|
|
|
|
|
- <!-- PAGAMENTO -->
|
|
|
+ <!-- PAYMENT -->
|
|
|
|
|
|
<div class="card">
|
|
|
|
|
|
<div class="card-title">
|
|
|
- {{ __('email.service_completed.payment_title') }}
|
|
|
+ {{ __('mail.service_completed.payment_title') }}
|
|
|
</div>
|
|
|
|
|
|
<div class="payment-wrapper">
|
|
|
|
|
|
<div class="payment-total">
|
|
|
|
|
|
- <div class="item-label">
|
|
|
- {{ __('email.service_completed.total_amount') }}
|
|
|
- </div>
|
|
|
+ <div class="payment-summary">
|
|
|
+
|
|
|
+ <div class="payment-row">
|
|
|
|
|
|
- <h2>
|
|
|
- {{ $total_amount }}
|
|
|
- </h2>
|
|
|
+ <span>
|
|
|
+ {{ __('mail.service_completed.total_amount') }}
|
|
|
+ </span>
|
|
|
+
|
|
|
+ <strong>
|
|
|
+ {{ __('mail.currency') }}
|
|
|
+ {{ number_format($total_amount, 2, ',', '.') }}
|
|
|
+ </strong>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="payment-row">
|
|
|
+
|
|
|
+ <span>
|
|
|
+ {{ __('mail.service_completed.service_fee') }}
|
|
|
+ </span>
|
|
|
+
|
|
|
+ <strong>
|
|
|
+ {{ __('mail.currency') }}
|
|
|
+ {{ number_format($service_fee, 2, ',', '.') }}
|
|
|
+ </strong>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="payment-final">
|
|
|
+
|
|
|
+ <span class="payment-final-label">
|
|
|
+ {{ __('mail.service_completed.final_amount') }}
|
|
|
+ </span>
|
|
|
+
|
|
|
+ <span class="payment-final-value">
|
|
|
+ {{ __('mail.currency') }}
|
|
|
+ {{ number_format($final_amount, 2, ',', '.') }}
|
|
|
+ </span>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
@@ -461,7 +555,7 @@
|
|
|
<div class="payment-method">
|
|
|
|
|
|
<div class="item-label">
|
|
|
- {{ __('email.service_completed.payment_method') }}
|
|
|
+ {{ __('mail.service_completed.payment_method') }}
|
|
|
</div>
|
|
|
|
|
|
<div class="payment-badge">
|
|
|
@@ -469,21 +563,11 @@
|
|
|
{{ $payment_method }}
|
|
|
|
|
|
<span class="paid-status">
|
|
|
- {{ __('email.service_completed.paid') }}
|
|
|
+ {{ __('mail.service_completed.paid') }}
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
- <div
|
|
|
- style="
|
|
|
- margin-top: 16px;
|
|
|
- color: #777;
|
|
|
- font-size: 16px;
|
|
|
- "
|
|
|
- >
|
|
|
- {{ __('email.service_completed.payment_success') }}
|
|
|
- </div>
|
|
|
-
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
@@ -495,7 +579,7 @@
|
|
|
<div class="footer-card">
|
|
|
|
|
|
<img
|
|
|
- src="{{ asset('diarinho.png') }}"
|
|
|
+ src="{{ asset('images/diarinho.png') }}"
|
|
|
class="footer-diarinho"
|
|
|
alt="Diarinho"
|
|
|
/>
|
|
|
@@ -503,11 +587,11 @@
|
|
|
<div>
|
|
|
|
|
|
<div class="footer-title">
|
|
|
- {{ __('email.service_completed.footer_title') }}
|
|
|
+ {{ __('mail.service_completed.footer_title') }}
|
|
|
</div>
|
|
|
|
|
|
<div class="footer-text">
|
|
|
- {{ __('email.service_completed.footer_description') }}
|
|
|
+ {{ __('mail.service_completed.footer_description') }}
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
@@ -524,12 +608,6 @@
|
|
|
|
|
|
<div>
|
|
|
|
|
|
- <img
|
|
|
- src="{{ asset('logo.png') }}"
|
|
|
- class="footer-logo"
|
|
|
- alt="Sob Medida"
|
|
|
- />
|
|
|
-
|
|
|
<div class="footer-app">
|
|
|
diariaapp
|
|
|
</div>
|
|
|
@@ -538,9 +616,9 @@
|
|
|
|
|
|
<div class="footer-help">
|
|
|
|
|
|
- {{ __('email.service_completed.footer_help') }}<br>
|
|
|
+ {{ __('mail.service_completed.footer_help') }}<br>
|
|
|
|
|
|
- {{ __('email.service_completed.footer_contact') }}<br>
|
|
|
+ {{ __('mail.service_completed.footer_contact') }}<br>
|
|
|
|
|
|
(11) 99999-9999
|
|
|
|
|
|
@@ -549,7 +627,7 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="footer-bottom">
|
|
|
- {{ __('email.service_completed.footer_note') }}
|
|
|
+ {{ __('mail.service_completed.footer_note') }}
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
@@ -557,4 +635,5 @@
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
+
|
|
|
</html>
|