6292b62315
- Redesigned all email templates with professional corporate style - Created base layout with dark header, status cards, and footer - Updated: subscription-cancelled, account-activation, welcome, welcome-new-user, due-payments-alert - Removed emojis and gradients for cleaner look - Added multi-language support (ES, PT-BR, EN) - Fixed email delivery (sync instead of queue) - Fixed PayPal already-cancelled subscription handling - Cleaned orphan subscriptions from deleted users
413 lines
11 KiB
PHP
413 lines
11 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ $locale ?? 'es' }}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>@yield('title') - WEBMoney</title>
|
|
<!--[if mso]>
|
|
<noscript>
|
|
<xml>
|
|
<o:OfficeDocumentSettings>
|
|
<o:PixelsPerInch>96</o:PixelsPerInch>
|
|
</o:OfficeDocumentSettings>
|
|
</xml>
|
|
</noscript>
|
|
<![endif]-->
|
|
<style>
|
|
/* Reset */
|
|
body, table, td, p, a, li, blockquote {
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
}
|
|
table, td {
|
|
mso-table-lspace: 0pt;
|
|
mso-table-rspace: 0pt;
|
|
}
|
|
img {
|
|
-ms-interpolation-mode: bicubic;
|
|
border: 0;
|
|
height: auto;
|
|
line-height: 100%;
|
|
outline: none;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Base styles */
|
|
body {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
background-color: #f8f9fa;
|
|
font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
}
|
|
|
|
/* Container */
|
|
.email-wrapper {
|
|
width: 100%;
|
|
background-color: #f8f9fa;
|
|
padding: 48px 16px;
|
|
}
|
|
|
|
.email-container {
|
|
max-width: 580px;
|
|
margin: 0 auto;
|
|
background-color: #ffffff;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
|
|
border: 1px solid #e9ecef;
|
|
}
|
|
|
|
/* Header */
|
|
.email-header {
|
|
background-color: #1a1a2e;
|
|
padding: 32px 40px;
|
|
text-align: center;
|
|
border-bottom: 3px solid #4361ee;
|
|
}
|
|
|
|
.logo {
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
color: #ffffff;
|
|
letter-spacing: -0.3px;
|
|
margin: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.logo-accent {
|
|
color: #4361ee;
|
|
}
|
|
|
|
/* Body */
|
|
.email-body {
|
|
padding: 40px;
|
|
}
|
|
|
|
.greeting {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
color: #1a1a2e;
|
|
margin: 0 0 24px 0;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.content p {
|
|
font-size: 15px;
|
|
line-height: 1.7;
|
|
color: #495057;
|
|
margin: 0 0 16px 0;
|
|
}
|
|
|
|
.content strong {
|
|
color: #1a1a2e;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* Status Card */
|
|
.status-card {
|
|
border-radius: 8px;
|
|
padding: 24px;
|
|
margin: 24px 0;
|
|
border: 1px solid;
|
|
}
|
|
|
|
.status-card.success {
|
|
background-color: #f8fff8;
|
|
border-color: #c6f6d5;
|
|
}
|
|
|
|
.status-card.info {
|
|
background-color: #f7fafc;
|
|
border-color: #e2e8f0;
|
|
}
|
|
|
|
.status-card.warning {
|
|
background-color: #fffaf0;
|
|
border-color: #feebc8;
|
|
}
|
|
|
|
.status-header {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 16px;
|
|
padding-bottom: 12px;
|
|
border-bottom: 1px solid rgba(0,0,0,0.06);
|
|
}
|
|
|
|
.status-icon {
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 18px;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.status-card.success .status-icon {
|
|
background-color: #c6f6d5;
|
|
}
|
|
|
|
.status-card.info .status-icon {
|
|
background-color: #e2e8f0;
|
|
}
|
|
|
|
.status-card.warning .status-icon {
|
|
background-color: #feebc8;
|
|
}
|
|
|
|
.status-title {
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
margin: 0;
|
|
}
|
|
|
|
.status-card.success .status-title {
|
|
color: #22543d;
|
|
}
|
|
|
|
.status-card.info .status-title {
|
|
color: #2d3748;
|
|
}
|
|
|
|
.status-card.warning .status-title {
|
|
color: #744210;
|
|
}
|
|
|
|
.status-card p {
|
|
font-size: 14px;
|
|
margin: 0;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.status-card.success p {
|
|
color: #276749;
|
|
}
|
|
|
|
.status-card.info p {
|
|
color: #4a5568;
|
|
}
|
|
|
|
.status-card.warning p {
|
|
color: #975a16;
|
|
}
|
|
|
|
/* Amount */
|
|
.amount-value {
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
color: #22543d;
|
|
display: block;
|
|
margin: 16px 0;
|
|
letter-spacing: -0.5px;
|
|
}
|
|
|
|
/* List */
|
|
.info-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.info-list li {
|
|
position: relative;
|
|
padding: 8px 0 8px 24px;
|
|
font-size: 14px;
|
|
color: #4a5568;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.info-list li::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
top: 14px;
|
|
width: 6px;
|
|
height: 6px;
|
|
background-color: #4361ee;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
/* Buttons */
|
|
.btn-container {
|
|
text-align: center;
|
|
margin: 32px 0;
|
|
}
|
|
|
|
.btn {
|
|
display: inline-block;
|
|
padding: 14px 32px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
border-radius: 6px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #4361ee;
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
/* Divider */
|
|
.divider {
|
|
height: 1px;
|
|
background-color: #e9ecef;
|
|
margin: 32px 0;
|
|
}
|
|
|
|
/* Footer */
|
|
.email-footer {
|
|
background-color: #f8f9fa;
|
|
padding: 32px 40px;
|
|
border-top: 1px solid #e9ecef;
|
|
}
|
|
|
|
.footer-brand {
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.footer-brand-name {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #1a1a2e;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.footer-tagline {
|
|
font-size: 12px;
|
|
color: #6c757d;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.footer-links {
|
|
text-align: center;
|
|
margin: 16px 0;
|
|
}
|
|
|
|
.footer-links a {
|
|
color: #4361ee;
|
|
text-decoration: none;
|
|
font-size: 12px;
|
|
margin: 0 12px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.footer-legal {
|
|
text-align: center;
|
|
font-size: 11px;
|
|
color: #adb5bd;
|
|
line-height: 1.6;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.footer-legal a {
|
|
color: #6c757d;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Responsive */
|
|
@media only screen and (max-width: 600px) {
|
|
.email-wrapper {
|
|
padding: 24px 12px;
|
|
}
|
|
.email-header {
|
|
padding: 24px 20px;
|
|
}
|
|
.email-body {
|
|
padding: 28px 20px;
|
|
}
|
|
.email-footer {
|
|
padding: 24px 20px;
|
|
}
|
|
.logo {
|
|
font-size: 20px;
|
|
}
|
|
.greeting {
|
|
font-size: 18px;
|
|
}
|
|
.btn {
|
|
padding: 12px 28px;
|
|
font-size: 13px;
|
|
}
|
|
.amount-value {
|
|
font-size: 28px;
|
|
}
|
|
.status-card {
|
|
padding: 20px;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="email-wrapper">
|
|
<div class="email-container">
|
|
<!-- Header -->
|
|
<div class="email-header">
|
|
<h1 class="logo">WEB<span class="logo-accent">Money</span></h1>
|
|
</div>
|
|
|
|
<!-- Body -->
|
|
<div class="email-body">
|
|
@yield('content')
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<div class="email-footer">
|
|
<div class="footer-brand">
|
|
<div class="footer-brand-name">WEBMoney</div>
|
|
<div class="footer-tagline">
|
|
@if(($locale ?? 'es') === 'pt-BR')
|
|
Gestão Financeira Pessoal
|
|
@elseif(($locale ?? 'es') === 'en')
|
|
Personal Finance Management
|
|
@else
|
|
Gestión Financiera Personal
|
|
@endif
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-links">
|
|
<a href="{{ config('app.frontend_url', 'https://webmoney.cnxifly.com') }}">
|
|
@if(($locale ?? 'es') === 'pt-BR')
|
|
Acessar Conta
|
|
@elseif(($locale ?? 'es') === 'en')
|
|
Access Account
|
|
@else
|
|
Acceder a Cuenta
|
|
@endif
|
|
</a>
|
|
<a href="{{ config('app.frontend_url', 'https://webmoney.cnxifly.com') }}/support">
|
|
@if(($locale ?? 'es') === 'pt-BR')
|
|
Central de Ajuda
|
|
@elseif(($locale ?? 'es') === 'en')
|
|
Help Center
|
|
@else
|
|
Centro de Ayuda
|
|
@endif
|
|
</a>
|
|
</div>
|
|
|
|
<div class="footer-legal">
|
|
@if(($locale ?? 'es') === 'pt-BR')
|
|
Este email foi enviado por WEBMoney, um serviço de ConneXiFly.<br>
|
|
© {{ date('Y') }} ConneXiFly. Todos os direitos reservados.
|
|
@elseif(($locale ?? 'es') === 'en')
|
|
This email was sent by WEBMoney, a ConneXiFly service.<br>
|
|
© {{ date('Y') }} ConneXiFly. All rights reserved.
|
|
@else
|
|
Este correo fue enviado por WEBMoney, un servicio de ConneXiFly.<br>
|
|
© {{ date('Y') }} ConneXiFly. Todos los derechos reservados.
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|