Spaces:
Sleeping
Sleeping
| <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 ; | |
| 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>© {{copyright_year}} TPHIMX - All Rights Reserved</p> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |