<?php
// Define variables passed from the controller
$clientName     = isset($clientName) ? $clientName : '';
$otp            = isset($otp) ? $otp : '';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&family=Montserrat:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
    
    <title>One-time password (OTP) Login Code - LTcms</title>
	<style>
	html,body{font-family: "Montserrat", sans-serif !important;font-size:14px;color:#333 !important;padding-top:2%;background:#dee8f1;}
	.pdetails{border: 0px;width:100%;font-size:13px;}
	.pdetails td{line-height:24px;border-bottom: 1px solid #ede3e3;}
	.container{margin:0 auto; width:70%;min-width:360px;padding:15px;background:#fff;border-top:3px solid #ba2d2d;}
	a{text-decoration: none;}
	.btn{display: inline-block; background:#ba2d2d;color:#fff;font-size:16px;padding:10px;border-radius:10px;border:0px;width:40%;text-align:center;}
	</style>
</head>
<body style="font-family: 'Montserrat', sans-serif !important;font-size:14px;color:#333 !important;padding-top:2%;background:#F5F5F5;">
	<div style="margin:0 auto; width:80%;min-width:360px;padding:15px;background:#ffffff;border-top:3px solid #ba2d2d;">
	<div style="margin-bottom:5px;"><a href="https://lukhwells.com" target="_blank"><img src="https://lukhwells.com/logo-black.png" height="50px" style="object-fit:contain"/></a></div>
		<div style="padding: 20px;">
				<h3 style="font-size:18px;font-weight:600">Your One-time password (OTP) Login Code</h3>
				<hr/>
		
				<p>Hello <?php echo htmlspecialchars($clientName); ?>,</p>
				
                <p>Please enter the following OTP code to continue with login into the system<p>
				
				 
				<div style="padding:15px;font-size:24px;font-weight:bold;margin: 0 auto;"> <?php echo $otp; ?></div>
				 

				<p style="color: #555;font-size:12px"> Regards,<br/>
                UGA REDD+ Team<br/> 
				<small><?= date('jS, M Y H:i:s');?></small>
				</p>
		</div>
	</div>
</div>
</body>
</html>