<!DOCTYPE html><html><head><title>E-Ticket</title>
<style> body { font-family: sans-serif; } .ticket { border: 1px solid #ddd; padding: 20px; text-align: center; } .qr-string { font-family: monospace; font-size: 1.4em; letter-spacing: 2px; } </style>
</head><body>
    <div class="ticket">
        <h2><?= esc($event->name) ?></h2>
        <h3><?= esc($participant->name) ?></h3>
        <p><?= esc($package->name) ?></p>
        <?php if (!empty($participant->qr_image_path)): ?>
            <img src="<?= 'data:image/png;base64,' . base64_encode(file_get_contents(WRITEPATH . 'qrcodes/' . $participant->qr_image_path)) ?>" width="200">
            <p class="qr-string"><?= esc($participant->qr_number) ?></p>
        <?php else: ?><p>QR Code not generated.</p><?php endif; ?>
    </div>
</body></html>