Revonzy Mini Shell

<?php
require_once("lib/function.php");
$db = new login_function();

if (!isset($_SESSION['current_login_admin'])) {
      header("Location:index.php");
}
if (isset($_GET['id'])) {
      $update_id = $_GET['id'];
      $_SESSION['update_id'] = $update_id;
      $success_msg = 1;
}

$update_id = $_SESSION['update_id'];

$email_error = "";
$email = "";
$password_error = "";
$flag = 0;
$var_full_name = "";
$var_email = "";
$var_password = "";
$var_mo_no = "";
$var_address = "";

$std_data = array();
$std_data = $db->get_register_updated_data($update_id);
if(!empty($std_data))
{
	$var_full_name = $std_data[1];
	$var_mo_no = $std_data[2];
	$var_address = $std_data[3];
	$aadhar_no = $std_data[4];
	$licence_no = $std_data[5];
	$gadi_no = $std_data[6];
	$photo = $std_data[7];
	$res_date = $std_data[8];
	$res_time = $std_data[9];
	$dob = $std_data[10];
	$designation = $std_data[11];
}
?>

<!--
<div id="capture" style="padding: 10px; background: #f5da55">
    <h4 style="color: #000; ">Hello world!</h4>
</div>-->




<script src="js/jquery.min.js"></script>
<script src="js/html2canvas.js"></script>
<script src="js/canvas2image.js"></script>

<div id="capture" style="height:500px; width:325px; border:1px solid #333333; background-image:url('images/idcard-main.jpg'); background-size:100% 100%;">

<div style="margin-top:147px; text-align:center;">
	<img src="id_photo_images/<?php echo $photo; ?>" style="width:127px; height:150px;" />
</div>

<div>

<div style="font-size:20px; color:#dc143c; text-align:center; font-weight:bold; margin-top:15px;">
	<?php echo $var_full_name; ?>
</div>

<div style="line-height:25px; padding-left:25px; font-weight:bold; font-family:Cambria; color:#333">
Designation : <?php echo $designation; ?>
<br />
DOB : <?php echo $dob; ?>
<br />
Mobile : <?php echo $var_mo_no; ?>
<br />
Address : <?php echo $var_address; ?>

</div>


</div>

</div>

<style>
body {
        margin: 0;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #333;
        background-color: #fff;
  padding-left: 15px;
    }
    
    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    
    .btn-default {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
    }
    
    h1{
        font-size: 36px;
    }
    
    h1{
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
    }
    
    h1 small{
        font-size: 65%;
    }
    
    h1 small {
        font-weight: 400;
        line-height: 1;
        color: #777;
        display: block;
       padding-top: 15px;
    }
    .specific{
    	background-color: #fff;
    }

p a{
  padding: 5px;
}
</style>
<br />

ID Card Image Below
<br />
<script type="text/javascript">
$(document).ready(function(){
html2canvas(document.querySelector("#capture")).then(canvas =>{
    document.body.appendChild(canvas)
});
/*
document.querySelector('button').addEventListener('click', function(){
        html2canvas(document.querySelector('.specific'), {
            onrendered: function(canvas) {
                // document.body.appendChild(canvas);
              return Canvas2Image.saveAsPNG(canvas);
            }
        });
    });*/
});
</script>	


</body>
</html>