1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>eVCP 메일</title>
<style>
body {
margin: 0 !important;
padding: 20px !important;
background-color: #f4f4f4;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.success-badge {
display: inline-block;
background-color: #10b981;
color: white;
padding: 4px 12px;
border-radius: 16px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 16px;
}
.cta-button {
display: inline-block;
width: 250px;
padding: 12px 20px;
background-color: #163CC4;
color: #ffffff !important;
text-decoration: none;
border-radius: 8px;
text-align: center;
line-height: 28px;
margin: 8px 0;
}
.secondary-button {
display: inline-block;
width: 250px;
padding: 12px 20px;
background-color: #6b7280;
color: #ffffff !important;
text-decoration: none;
border-radius: 8px;
text-align: center;
line-height: 28px;
margin: 8px 0;
}
.highlight-box {
background-color: #f0f9ff;
border-left: 4px solid #163CC4;
padding: 16px;
margin: 16px 0;
border-radius: 0 8px 8px 0;
}
</style>
</head>
<body>
<div class="email-container">
<!-- Header -->
<table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:24px; border-bottom:1px solid #163CC4; padding-bottom:16px;">
<tr>
<td align="center">
<span style="display: block; text-align: left; color: #163CC4; font-weight: bold; font-size: 32px;">eVCP</span>
</td>
</tr>
</table>
<!-- Success Badge -->
<div class="success-badge">
{{#if (eq language 'ko')}}승인 완료{{else}}APPROVED{{/if}}
</div>
<!-- Title -->
<h1 style="font-size:28px; margin-bottom:16px; color:#111827;">
{{#if (eq language 'ko')}}
업체 승인이 완료되었습니다!
{{else}}
Your Vendor Application Has Been Approved!
{{/if}}
</h1>
<!-- Greeting -->
<p style="font-size:16px; line-height:32px; margin-bottom:16px;">
{{#if (eq language 'ko')}}
안녕하세요, <strong>{{vendorName}}</strong> 담당자님.
{{else}}
Hello, <strong>{{vendorName}}</strong> representative.
{{/if}}
</p>
<!-- Main Content -->
<p style="font-size:16px; line-height:32px; margin-bottom:16px;">
{{#if (eq language 'ko')}}
축하합니다! 귀하의 업체 등록 신청이 승인되었으며, 계정이 활성화되었습니다.
이제 eVCP 플랫폼의 모든 서비스를 이용하실 수 있습니다.
{{else}}
Congratulations! Your vendor registration has been approved and your account has been activated.
You can now access all services on the eVCP platform.
{{/if}}
</p>
<!-- Highlight Box -->
<div class="highlight-box">
<h3 style="margin-top:0; margin-bottom:12px; color:#163CC4;">
{{#if (eq language 'ko')}}다음 단계{{else}}Next Steps{{/if}}
</h3>
<ol style="margin:0; padding-left:20px;">
<li style="margin-bottom:8px;">
{{#if (eq language 'ko')}}
아래 버튼을 클릭하여 패스워드를 설정하세요
{{else}}
Click the button below to set up your password
{{/if}}
</li>
<li style="margin-bottom:8px;">
{{#if (eq language 'ko')}}
패스워드 설정 완료 후 로그인하여 서비스를 시작하세요
{{else}}
After setting up your password, log in to start using our services
{{/if}}
</li>
</ol>
</div>
<!-- Action Buttons -->
<div style="text-align: center; margin: 24px 0;">
<!-- Password Setup Button (Primary) -->
<a href="{{passwordSetupUrl}}" target="_blank" class="cta-button">
{{#if (eq language 'ko')}}
패스워드 설정하기
{{else}}
Set Up Password
{{/if}}
</a>
<br>
<!-- Login Button (Secondary) -->
<a href="{{loginUrl}}" target="_blank" class="secondary-button">
{{#if (eq language 'ko')}}
로그인 페이지로 이동
{{else}}
Go to Login Page
{{/if}}
</a>
</div>
<!-- Account Info -->
<div style="background-color:#f9fafb; padding:16px; border-radius:8px; margin:16px 0;">
<h4 style="margin-top:0; margin-bottom:12px; color:#374151;">
{{#if (eq language 'ko')}}계정 정보{{else}}Account Information{{/if}}
</h4>
<p style="margin:4px 0; font-size:14px; color:#6b7280;">
<strong>{{#if (eq language 'ko')}}업체명{{else}}Company{{/if}}:</strong> {{vendorName}}
</p>
<p style="margin:4px 0; font-size:14px; color:#6b7280;">
<strong>{{#if (eq language 'ko')}}이메일{{else}}Email{{/if}}:</strong> {{email}}
</p>
<p style="margin:4px 0; font-size:14px; color:#6b7280;">
<strong>{{#if (eq language 'ko')}}계정 상태{{else}}Account Status{{/if}}:</strong>
<span style="color:#10b981; font-weight:600;">
{{#if (eq language 'ko')}}활성화됨{{else}}Active{{/if}}
</span>
</p>
</div>
<!-- Important Notice -->
<div style="background-color:#fef3c7; border:1px solid #f59e0b; padding:16px; border-radius:8px; margin:16px 0;">
<p style="margin:0; font-size:14px; color:#92400e;">
<strong>{{#if (eq language 'ko')}}중요 안내{{else}}Important Notice{{/if}}:</strong>
{{#if (eq language 'ko')}}
패스워드 설정 링크는 24시간 동안만 유효합니다.
기간 내에 설정을 완료해주세요.
{{else}}
The password setup link is valid for 24 hours only.
Please complete the setup within this time frame.
{{/if}}
</p>
</div>
<!-- Support Message -->
<p style="font-size:16px; line-height:24px; margin-top:24px; color:#6b7280;">
{{#if (eq language 'ko')}}
궁금한 사항이 있으시면 언제든지
<a href="mailto:{{supportEmail}}" style="color:#163CC4;">{{supportEmail}}</a>로
연락해주세요.
{{else}}
If you have any questions, please feel free to contact us at
<a href="mailto:{{supportEmail}}" style="color:#163CC4;">{{supportEmail}}</a>.
{{/if}}
</p>
<!-- Footer -->
<table width="100%" cellpadding="0" cellspacing="0" style="margin-top:32px; border-top:1px solid #e5e7eb; padding-top:16px;">
<tr>
<td align="center">
<p style="font-size:14px; color:#6b7280; margin:4px 0;">
© {{currentYear}} EVCP.
{{#if (eq language 'ko')}}
모든 권리 보유.
{{else}}
All rights reserved.
{{/if}}
</p>
<p style="font-size:14px; color:#6b7280; margin:4px 0;">
{{#if (eq language 'ko')}}
본 이메일은 발신 전용입니다. 회신하지 마세요.
{{else}}
This is an automated email. Please do not reply.
{{/if}}
</p>
</td>
</tr>
</table>
</div>
</body>
</html>
|
