Spaces:
Sleeping
Sleeping
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Báo cáo lỗi phim mới từ người dùng | 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: #ef4444; | |
| text-shadow: 0 0 10px rgba(239, 68, 68, 0.2); | |
| } | |
| p { | |
| color: #9ca3af; | |
| font-size: 15px; | |
| margin-bottom: 24px; | |
| } | |
| .highlight { | |
| color: #7c3aed; | |
| font-weight: bold; | |
| } | |
| .info-card { | |
| background-color: rgba(239, 68, 68, 0.03); | |
| border: 1px solid rgba(239, 68, 68, 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; | |
| } | |
| .description-box { | |
| background-color: #0b0c10; | |
| border-left: 4px solid #ef4444; | |
| padding: 15px; | |
| color: #d1d5db; | |
| font-style: italic; | |
| margin-top: 10px; | |
| border-radius: 4px; | |
| } | |
| .button-container { | |
| text-align: center; | |
| margin: 35px 0; | |
| } | |
| .btn { | |
| display: inline-block; | |
| background-color: #ef4444; | |
| 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(239, 68, 68, 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>Báo cáo lỗi phim mới từ người dùng</h1> | |
| <p>Chào Admin,</p> | |
| <p>Một người dùng vừa báo cáo lỗi liên quan đến việc xem phim trên hệ thống. Dưới đây là thông tin chi tiết về lỗi:</p> | |
| <div class="info-card"> | |
| <div class="info-row"> | |
| <span class="info-label">Tên phim:</span> | |
| <span class="info-value">{{movie_name}}</span> | |
| </div> | |
| <div class="info-row"> | |
| <span class="info-label">Tập phim:</span> | |
| <span class="info-value">{{episode_name}}</span> | |
| </div> | |
| <div class="info-row"> | |
| <span class="info-label">Loại lỗi:</span> | |
| <span class="info-value" style="color: #ef4444;">{{error_type}}</span> | |
| </div> | |
| <div class="info-row" style="margin-top: 15px;"> | |
| <span class="info-label" style="display: block; margin-bottom: 5px;">Mô tả lỗi:</span> | |
| <div class="description-box">{{description}}</div> | |
| </div> | |
| </div> | |
| <div class="button-container"> | |
| <a href="{{admin_url}}" class="btn" target="_blank">Đến trang quản lý báo cáo</a> | |
| </div> | |
| <p>Vui lòng kiểm tra lại tập phim tương ứng để khắc phục lỗi kịp thời cho người dùng nhé!</p> | |
| </div> | |
| <div class="footer"> | |
| <p>© {{copyright_year}} TPHIMX - All Rights Reserved</p> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |