-- =============================================
-- MESSAGE_TEMPLATE - Sample data for OTP Login
-- =============================================

-- OTP Login Email Template (Vietnamese)
INSERT INTO LAOS_ESIM.MESSAGE_TEMPLATE (
    ID, 
    TEMPLATE_CODE, 
    TEMPLATE_NAME, 
    MESSAGE_TYPE, 
    SUBJECT, 
    CONTENT, 
    VARIABLES, 
    STATUS, 
    CREATED_DATE
) VALUES (
    1,
    'OTP_LOGIN',
    'OTP Login Email',
    1, -- Email
    'Mã xác thực đăng nhập - EsimLao',
    '<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 20px;">
    <div style="max-width: 600px; margin: 0 auto; background-color: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
        <!-- Header -->
        <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 30px; text-align: center;">
            <h1 style="color: #ffffff; margin: 0; font-size: 28px;">EsimLao</h1>
            <p style="color: rgba(255,255,255,0.9); margin: 10px 0 0 0;">Xác thực tài khoản</p>
        </div>
        
        <!-- Body -->
        <div style="padding: 40px 30px;">
            <h2 style="color: #333333; margin: 0 0 20px 0; font-size: 22px;">Xin chào!</h2>
            
            <p style="color: #666666; line-height: 1.6; margin: 0 0 25px 0;">
                Bạn đang yêu cầu đăng nhập vào tài khoản EsimLao. Vui lòng sử dụng mã OTP bên dưới để hoàn tất xác thực:
            </p>
            
            <!-- OTP Code Box -->
            <div style="background-color: #f8f9fa; border: 2px dashed #667eea; border-radius: 10px; padding: 25px; text-align: center; margin: 30px 0;">
                <p style="color: #888888; margin: 0 0 10px 0; font-size: 14px;">Mã xác thực của bạn</p>
                <div style="font-size: 42px; font-weight: bold; color: #667eea; letter-spacing: 8px; font-family: monospace;">
                    {{OTP_CODE}}
                </div>
            </div>
            
            <!-- Warning -->
            <div style="background-color: #fff3cd; border-left: 4px solid #ffc107; padding: 15px; margin: 25px 0; border-radius: 0 5px 5px 0;">
                <p style="color: #856404; margin: 0; font-size: 14px;">
                    ⚠️ Mã này sẽ hết hạn sau <strong>{{EXPIRE_MINUTES}} phút</strong>. Không chia sẻ mã này với bất kỳ ai.
                </p>
            </div>
            
            <p style="color: #666666; line-height: 1.6; margin: 25px 0 0 0;">
                Nếu bạn không yêu cầu mã này, vui lòng bỏ qua email này hoặc liên hệ hỗ trợ nếu bạn cho rằng tài khoản của mình bị xâm phạm.
            </p>
        </div>
        
        <!-- Footer -->
        <div style="background-color: #f8f9fa; padding: 25px 30px; text-align: center; border-top: 1px solid #eeeeee;">
            <p style="color: #999999; margin: 0; font-size: 13px;">
                © 2024 EsimLao. All rights reserved.
            </p>
            <p style="color: #999999; margin: 10px 0 0 0; font-size: 12px;">
                Email này được gửi tự động, vui lòng không trả lời.
            </p>
        </div>
    </div>
</body>
</html>',
    'OTP_CODE,EXPIRE_MINUTES', -- Variables list
    1, -- Active
    SYSDATE
);

-- OTP Login Email Template (English)
INSERT INTO LAOS_ESIM.MESSAGE_TEMPLATE (
    ID, 
    TEMPLATE_CODE, 
    TEMPLATE_NAME, 
    MESSAGE_TYPE, 
    SUBJECT, 
    CONTENT, 
    VARIABLES, 
    STATUS, 
    CREATED_DATE
) VALUES (
    2,
    'OTP_LOGIN_EN',
    'OTP Login Email (English)',
    1, -- Email
    'Your Login Verification Code - EsimLao',
    '<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 20px;">
    <div style="max-width: 600px; margin: 0 auto; background-color: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
        <!-- Header -->
        <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 30px; text-align: center;">
            <h1 style="color: #ffffff; margin: 0; font-size: 28px;">EsimLao</h1>
            <p style="color: rgba(255,255,255,0.9); margin: 10px 0 0 0;">Account Verification</p>
        </div>
        
        <!-- Body -->
        <div style="padding: 40px 30px;">
            <h2 style="color: #333333; margin: 0 0 20px 0; font-size: 22px;">Hello!</h2>
            
            <p style="color: #666666; line-height: 1.6; margin: 0 0 25px 0;">
                You are requesting to sign in to your EsimLao account. Please use the OTP code below to complete verification:
            </p>
            
            <!-- OTP Code Box -->
            <div style="background-color: #f8f9fa; border: 2px dashed #667eea; border-radius: 10px; padding: 25px; text-align: center; margin: 30px 0;">
                <p style="color: #888888; margin: 0 0 10px 0; font-size: 14px;">Your verification code</p>
                <div style="font-size: 42px; font-weight: bold; color: #667eea; letter-spacing: 8px; font-family: monospace;">
                    {{OTP_CODE}}
                </div>
            </div>
            
            <!-- Warning -->
            <div style="background-color: #fff3cd; border-left: 4px solid #ffc107; padding: 15px; margin: 25px 0; border-radius: 0 5px 5px 0;">
                <p style="color: #856404; margin: 0; font-size: 14px;">
                    ⚠️ This code will expire in <strong>{{EXPIRE_MINUTES}} minutes</strong>. Never share this code with anyone.
                </p>
            </div>
            
            <p style="color: #666666; line-height: 1.6; margin: 25px 0 0 0;">
                If you did not request this code, please ignore this email or contact support if you believe your account has been compromised.
            </p>
        </div>
        
        <!-- Footer -->
        <div style="background-color: #f8f9fa; padding: 25px 30px; text-align: center; border-top: 1px solid #eeeeee;">
            <p style="color: #999999; margin: 0; font-size: 13px;">
                © 2024 EsimLao. All rights reserved.
            </p>
            <p style="color: #999999; margin: 10px 0 0 0; font-size: 12px;">
                This is an automated email, please do not reply.
            </p>
        </div>
    </div>
</body>
</html>',
    'OTP_CODE,EXPIRE_MINUTES', -- Variables list
    1, -- Active
    SYSDATE
);

-- Password Reset OTP Template
INSERT INTO LAOS_ESIM.MESSAGE_TEMPLATE (
    ID, 
    TEMPLATE_CODE, 
    TEMPLATE_NAME, 
    MESSAGE_TYPE, 
    SUBJECT, 
    CONTENT, 
    VARIABLES, 
    STATUS, 
    CREATED_DATE
) VALUES (
    3,
    'OTP_RESET_PASSWORD',
    'Reset Password OTP Email',
    1, -- Email
    'Mã xác thực đặt lại mật khẩu - EsimLao',
    '<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body style="font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 20px;">
    <div style="max-width: 600px; margin: 0 auto; background-color: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
        <div style="background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%); padding: 30px; text-align: center;">
            <h1 style="color: #ffffff; margin: 0; font-size: 28px;">EsimLao</h1>
            <p style="color: rgba(255,255,255,0.9); margin: 10px 0 0 0;">Đặt lại mật khẩu</p>
        </div>
        
        <div style="padding: 40px 30px;">
            <h2 style="color: #333333; margin: 0 0 20px 0;">Xin chào {{USER_NAME}}!</h2>
            
            <p style="color: #666666; line-height: 1.6;">
                Chúng tôi nhận được yêu cầu đặt lại mật khẩu cho tài khoản của bạn. Sử dụng mã OTP bên dưới:
            </p>
            
            <div style="background-color: #f8f9fa; border: 2px dashed #e74c3c; border-radius: 10px; padding: 25px; text-align: center; margin: 30px 0;">
                <p style="color: #888888; margin: 0 0 10px 0; font-size: 14px;">Mã xác thực</p>
                <div style="font-size: 42px; font-weight: bold; color: #e74c3c; letter-spacing: 8px; font-family: monospace;">
                    {{OTP_CODE}}
                </div>
            </div>
            
            <div style="background-color: #f8d7da; border-left: 4px solid #dc3545; padding: 15px; margin: 25px 0;">
                <p style="color: #721c24; margin: 0; font-size: 14px;">
                    🔒 Mã hết hạn sau <strong>{{EXPIRE_MINUTES}} phút</strong>. Nếu bạn không yêu cầu, vui lòng liên hệ hỗ trợ ngay lập tức.
                </p>
            </div>
        </div>
        
        <div style="background-color: #f8f9fa; padding: 20px; text-align: center;">
            <p style="color: #999999; margin: 0; font-size: 12px;">© 2024 EsimLao</p>
        </div>
    </div>
</body>
</html>',
    'USER_NAME,OTP_CODE,EXPIRE_MINUTES',
    1,
    SYSDATE
);

-- Welcome Email Template  
INSERT INTO LAOS_ESIM.MESSAGE_TEMPLATE (
    ID, 
    TEMPLATE_CODE, 
    TEMPLATE_NAME, 
    MESSAGE_TYPE, 
    SUBJECT, 
    CONTENT, 
    VARIABLES, 
    STATUS, 
    CREATED_DATE
) VALUES (
    4,
    'WELCOME_EMAIL',
    'Welcome New User Email',
    1, -- Email
    'Chào mừng bạn đến với EsimLao! 🎉',
    '<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body style="font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 20px;">
    <div style="max-width: 600px; margin: 0 auto; background-color: #ffffff; border-radius: 10px; overflow: hidden;">
        <div style="background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); padding: 40px; text-align: center;">
            <h1 style="color: #ffffff; margin: 0; font-size: 32px;">🎉 Chào mừng!</h1>
        </div>
        
        <div style="padding: 40px 30px;">
            <h2 style="color: #333333;">Xin chào {{USER_NAME}}!</h2>
            
            <p style="color: #666666; line-height: 1.8;">
                Cảm ơn bạn đã đăng ký tài khoản tại <strong>EsimLao</strong>. 
                Chúng tôi rất vui được chào đón bạn!
            </p>
            
            <div style="background-color: #e8f5e9; padding: 20px; border-radius: 8px; margin: 25px 0;">
                <h3 style="color: #2e7d32; margin: 0 0 15px 0;">Bắt đầu ngay:</h3>
                <ul style="color: #666666; margin: 0; padding-left: 20px; line-height: 2;">
                    <li>Khám phá các gói eSIM</li>
                    <li>Chọn gói phù hợp với nhu cầu của bạn</li>
                    <li>Thanh toán nhanh chóng và an toàn</li>
                </ul>
            </div>
            
            <p style="color: #666666;">
                Nếu có bất kỳ câu hỏi nào, đừng ngần ngại liên hệ với chúng tôi!
            </p>
        </div>
        
        <div style="background-color: #f8f9fa; padding: 20px; text-align: center;">
            <p style="color: #999999; margin: 0; font-size: 12px;">© 2024 EsimLao</p>
        </div>
    </div>
</body>
</html>',
    'USER_NAME',
    1,
    SYSDATE
);

COMMIT;
