<!DOCTYPE html>
<html>
<head>
    <title>Id Card</title>
</head>
<body>
   <div>
    <?php 
    $path = base_url().'/'.$image_path;
    $type = pathinfo($path, PATHINFO_EXTENSION);
    $data = file_get_contents($path);
    $base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);

    // Encode the image data as base64

    ?>
        <img src="<?php echo $base64; ?>" style="width: 100%;">
   </div>
   <div style="position: absolute;top: 305px;font-size: 13px;font-weight: bold;left: 120px;">
       <?php echo $user_name; ?>
   </div>
   <div style="position: absolute;top: 333px;font-size: 12px;font-weight: bold;left: 120px;">
       National Sectary
   </div>
   <div style="position: absolute;top: 360px;font-size: 12px;font-weight: bold;left: 150px;">
       <?php echo date('d/m/Y', strtotime($user_dob)); ?>
   </div>
   <div style="position: absolute;top: 385px;font-size: 12px;font-weight: bold;left: 170px;">
       <?php echo $father_name; ?>
   </div>
   <div style="position: absolute;top: 412px;font-size: 12px;font-weight: bold;left: 190px;">
       <?php echo $user_mobile; ?>
   </div>
   <div style="position: absolute;top: 440px;font-size: 12px;font-weight: bold;left: 100px;">
       <?php echo $user_address; ?>, <?php echo $user_post; ?>, <?php echo $user_dist; ?>
   </div>
   <div style="position: absolute;top: 463px;font-size: 12px;font-weight: bold;left: 20px;">
       <?php echo $user_state; ?> - <?php echo $user_pin_code; ?>
   </div>
   <div style="position: absolute;top: 103px;font-size: 12px;font-weight: bold;left: 450px;">
       <?php echo $user_email; ?>
   </div>
   <div style="position: absolute;top: 188px;font-size: 12px;font-weight: bold;left: 510px;">
       <?php echo date('d/m/Y')?>
   </div>
</body>
</html>