<!DOCTYPE html>
<html>
<head><title>Aktivasi Device</title><meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="<?php echo base_url();?>assets/plugins/bootstrap/bootstrap.min.css"></head>
<body style="padding:30px;background:#f5f5f5;">
<div style="max-width:600px;margin:0 auto;background:#fff;padding:24px;border-radius:8px;">
	<h3><i class="fa fa-check-circle" style="color:#2e7d32;"></i> Device berhasil diaktifkan</h3>
	<p>Device: <b><?php echo htmlspecialchars($device_name); ?></b><br>Sedang menyiapkan auto login...</p>
</div>
<script>
(function(){
	var recoveryToken = <?php echo json_encode($recovery_token); ?>;
	try { localStorage.setItem('az_recovery_token', recoveryToken); } catch(e){ console.error(e); }
	setTimeout(function(){ window.location.href = <?php echo json_encode(app_url().'login'); ?>; }, 800);
})();
</script>
</body>
</html>