<div class="container">
    <div class="row">
        <div class="col-lg-6 col-lg-offset-3">
            <?php 
            if(!empty($details)){
            foreach($details as $row){}
            ?>
            <div class="panel panel-default">
                <div class="panel panel-heading">
                    <div id="printArea">
                    <strong><h4><center>CONFERENCE 2015 BADGE</center></h4></strong>
                <div class="panel panel-body">
                    <?php
                    if($row['transStatus']=='PAID'){ ?>
                    
                    <table class="table table-bordered">
                        <tr><td><?php echo img('images/logo22.png',array('class'=>'img-responsive')); ?></td></tr>
                        <tr><td align="center"><?php echo img('pictures/passConf'.$row['transAppID'].".jpg"); ?></td></tr>
                        <tr><td align="center"><h4><strong><?php echo strtoupper($row['confName']); ?></strong></h4></td></tr>
                        <tr><td align="center"><h5><strong>PARTICIPANT</strong></h5></td></tr>
                        <tr><td align="center"><img src="<?php echo base_url(); ?>welcome/set_barcode/<?php echo $row['transRef'];?>"></td></tr>
                    </table>
                    </div>
                    </div>
                    <button onclick="printDiv('printArea');" class="btn btn-primary">Print Badge</button>
                    
                    <?php } else{ ?>
                    <div class="alert alert-danger">Invalid Application No</div>
            <?php }}else{ ?>
                <div class="alert alert-danger">No records found</div>
                <?php } ?>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
      $(document).ready(function(){
          $('#tabs').tab();
      })
    	function printDiv(divName) {
     var printContents = document.getElementById(divName).innerHTML;
     var originalContents = document.body.innerHTML;

     document.body.innerHTML = printContents;

     window.print();

     document.body.innerHTML = originalContents;
}</script>