<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Presenter 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 #198754;padding:50px;text-align:center}
h1{font-size:46px;margin-bottom:20px}
.big{font-size:30px;font-weight:800}
.small{font-size:18px;color:#555}
</style>
</head>
<body onload="window.print()">
<div class="cert">
    <div class="small">Presenter Certificate</div>
    <h1><?= htmlspecialchars((string) (($conference['title_en'] ?? '') ?: ($conference['title_ar'] ?? ''))) ?></h1>
    <div class="small">This certifies that</div>
    <div class="big"><?= htmlspecialchars((string) (($presentation['presenter_name_en'] ?? '') ?: ($presentation['presenter_name_ar'] ?? ''))) ?></div>
    <div class="small mt-3">presented the paper</div>
    <div class="big"><?= htmlspecialchars((string) (($presentation['title_en'] ?? '') ?: ($presentation['title_ar'] ?? ''))) ?></div>
    <div class="mt-5 small">Generated on <?= date('Y-m-d') ?></div>
</div>
</body>
</html>
