<!DOCTYPE html>
<html>
<head>
<title><?php echo $this->lang->line('generate_certificate'); ?></title>
<?php if($this->global_setting->favicon_icon){ ?>
<link rel="icon" href="<?php echo UPLOAD_PATH; ?>/logo/<?php echo $this->global_setting->favicon_icon; ?>" type="image/x-icon" />
<?php }else{ ?>
<link rel="icon" href="<?php echo IMG_URL; ?>favicon.ico" type="image/x-icon" />
<?php } ?>
<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Allerta+Stencil" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Limelight" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Michroma" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Prosto+One" rel="stylesheet">
<!-- Bootstrap -->
<link href="<?php echo VENDOR_URL; ?>bootstrap/bootstrap.min.css" rel="stylesheet">
<!-- Custom Theme Style -->
<link href="<?php echo CSS_URL; ?>custom.css" rel="stylesheet">
<style>
body {background: #fff;}
@page { margin: 0; }
@media print {
.certificate {
background: url("<?php echo UPLOAD_PATH; ?>certificate/<?php echo $certificate->background; ?>") no-repeat !important;
min-height: 550px;
padding: 10%;
width: 100%;
margin-left: auto;
margin-right: auto;
background-size: 100% 100% !important;
-webkit-print-color-adjust: exact !important;
color-adjust: exact !important;
text-align: center;
}
.name-text {
text-align: center !important;
}
}
.certificate {
min-height: 550px;
margin-left: auto;
margin-right: auto;
padding: 80px 120px;
background: url("<?php echo UPLOAD_PATH; ?>certificate/<?php echo $certificate->background; ?>") no-repeat;
background-size: 100% 100%;
-webkit-print-color-adjust: exact !important;
color-adjust: exact !important;
text-align: center;
}
</style>
</head>
<body>
<div class="x_content">
<div class="row">
<div class="col-sm-12">
<div class="certificate">
<div class="certificate-top">
<h2 class="top-heading-title"><?php echo $certificate->top_title; ?></h2>
<div class="row">
<span class="sub-title-img">
<?php if($school->logo){ ?>
<img src="<?php echo UPLOAD_PATH; ?>/logo/<?php echo $school->logo; ?>" alt="" />
<?php }else if($school->frontend_logo){ ?>
<img src="<?php echo UPLOAD_PATH; ?>/logo/<?php echo $school->frontend_logo; ?>" alt="" />
<?php }else{ ?>
<img src="<?php echo UPLOAD_PATH; ?>/logo/<?php echo $this->global_setting->brand_logo; ?>" alt="" />
<?php } ?>
</span>
</div>
</div>
<div class="clear"></div>
<div class="name-section">
<div style="text-align:center;">
<h3 class="name-text"><?php echo $certificate->name; ?></h3>
</div>
</div>
<div class="clear"></div>
<div class="main-text-block">
<p class="main-text">
<?php echo $certificate->main_text; ?>
</p>
</div>
<div class="footer-section">
<div class="row" >
<div class="col-sm-4 <?php if($certificate->footer_left){ echo 'footer_text'; } ?>"><?php echo $certificate->footer_left; ?></div>
<div class="col-sm-4 <?php if($certificate->footer_middle){ echo 'footer_text'; } ?>"><?php echo $certificate->footer_middle; ?></div>
<div class="col-sm-4 <?php if($certificate->footer_right){ echo 'footer_text'; } ?>"><?php echo $certificate->footer_right; ?></div>
</div>
</div>
</div>
</div>
</div>
<!-- this row will not appear when printing -->
<center class="row no-print">
<div class="col-xs-12">
<button class="btn btn-default" onclick="window.print();"><i class="fa fa-print"></i> <?php echo $this->lang->line('print'); ?></button>
</div>
</center>
</div>
</body>
</html>