<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Reviewer Certificate</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
body{font-family:Almarai,Tahoma,Arial,sans-serif;background:#f5f7fb;padding:30px}
.cert{max-width:1000px;margin:auto;background:#fff;border:10px solid #0f172a;padding:50px;text-align:center}
h1{font-size:48px;margin-bottom:20px}
.big{font-size:34px;font-weight:800}
.small{font-size:18px;color:#555}
</style>
</head>
<body>
<div class="cert">
<div class="small">Certificate of Appreciation</div>
<h1>Reviewer Certificate</h1>
<div class="small">This is to certify that</div>
<div class="big"><?= htmlspecialchars(trim((string) ($reviewer['first_name'] ?? '') . ' ' . (string) ($reviewer['last_name'] ?? ''))) ?></div>
<div class="small mt-4">has successfully contributed peer reviews for the conference platform.</div>
<div class="small mt-2">Completed Reviews: <?= count($completed) ?></div>
<div class="mt-5 small">Generated on <?= date('Y-m-d') ?></div>
</div>
</body>
</html>
