Hugging Face's logo

Spaces:
TXAVLOG
/
dptxa-proxy
Sleeping

App Files Community
dptxa-proxy
File size: 4,289 Bytes
4bea261
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Yêu cầu duyệt tham gia Zalo Group mới | TPHIMX</title>
  <style>
    body {
      background-color: #0b0c10;
      color: #ffffff;
      font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      margin: 0;
      padding: 0;
      -webkit-font-smoothing: antialiased;
    }
    .container {
      max-width: 600px;
      margin: 40px auto;
      background-color: #12141d;
      border: 1px solid rgba(124, 58, 237, 0.15);
      border-radius: 24px;
      overflow: hidden;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 50px rgba(124, 58, 237, 0.1);
    }
    .header {
      padding: 40px 20px;
      text-align: center;
      background: linear-gradient(135deg, #12141d 0%, #1a103c 100%);
      border-bottom: 1px solid rgba(124, 58, 237, 0.1);
    }
    .logo {
      font-size: 28px;
      font-weight: 900;
      letter-spacing: -1px;
      color: #ffffff;
    }
    .logo span {
      color: #7c3aed;
      text-shadow: 0 0 15px rgba(124, 58, 237, 0.6);
    }
    .content {
      padding: 40px;
      line-height: 1.6;
    }
    h1 {
      font-size: 22px;
      font-weight: 800;
      margin-top: 0;
      margin-bottom: 20px;
      text-transform: uppercase;
      letter-spacing: -0.5px;
      color: #ffffff;
    }
    p {
      color: #9ca3af;
      font-size: 15px;
      margin-bottom: 24px;
    }
    .highlight {
      color: #7c3aed;
      font-weight: bold;
    }
    .info-card {
      background-color: rgba(124, 58, 237, 0.05);
      border: 1px solid rgba(124, 58, 237, 0.15);
      border-radius: 14px;
      padding: 20px;
      margin-bottom: 30px;
    }
    .info-row {
      margin-bottom: 12px;
      font-size: 14px;
    }
    .info-row:last-child {
      margin-bottom: 0;
    }
    .info-label {
      color: #6b7280;
      font-weight: bold;
      width: 150px;
      display: inline-block;
    }
    .info-value {
      color: #ffffff;
      font-weight: 900;
    }
    .button-container {
      text-align: center;
      margin: 35px 0;
    }
    .btn {
      display: inline-block;
      background-color: #7c3aed;
      color: #ffffff !important;
      text-decoration: none;
      padding: 14px 35px;
      font-size: 13px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 1px;
      border-radius: 12px;
      box-shadow: 0 0 25px rgba(124, 58, 237, 0.4);
      transition: all 0.3s ease;
    }
    .footer {
      padding: 30px;
      text-align: center;
      background-color: #0d0f17;
      border-top: 1px solid rgba(124, 58, 237, 0.05);
    }
    .footer p {
      font-size: 11px;
      color: #4b5563;
      margin: 0;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <div class="logo">T<span>PHIM</span>X</div>
    </div>
    <div class="content">
      <h1>Yêu cầu phê duyệt tham gia Zalo Group</h1>
      <p>Chào Admin,</p>
      <p>Hệ thống vừa nhận được một yêu cầu duyệt quyền truy cập mới từ một thành viên tham gia nhóm Zalo. Vui lòng kiểm tra và duyệt quyền truy cập trong trang quản trị:</p>
      
      <div class="info-card">
        <div class="info-row">
          <span class="info-label">Tên/Nick Zalo:</span>
          <span class="info-value">{{zalo_nickname}}</span>
        </div>
        <div class="info-row">
          <span class="info-label">Mã trình duyệt:</span>
          <span class="info-value" style="font-family: monospace; font-size: 12px;">{{browser_token}}</span>
        </div>
        <div class="info-row">
          <span class="info-label">Thời gian gửi:</span>
          <span class="info-value">{{request_time}}</span>
        </div>
      </div>
      
      <div class="button-container">
        <a href="{{approve_url}}" class="btn" target="_blank">Đến trang duyệt Admin</a>
      </div>
      
      <p>Yêu cầu này sẽ ở trạng thái chờ duyệt cho đến khi bạn bấm xác nhận trong hệ thống quản trị.</p>
    </div>
    <div class="footer">
      <p>&copy; {{copyright_year}} TPHIMX - All Rights Reserved</p>
    </div>
  </div>
</body>
</html>