<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="UPPERLINK UTHMAN" >
    <link rel="shortcut icon" href="<?php echo base_url('images/favico.ico');?>">
<style>
        .cols{color: #000 !important;}
        .cols:hover{background: #002166 !important; color: #fff !important;}
        
        #cold{color: #000 !important;}
        #cold:hover{background: #002166 !important; color: #fff !important;}
    </style>
    <title>Nigerian Institute of Quantity Surveyors</title>

    <!-- Bootstrap core CSS -->
    <link href="<?php echo base_url('css/bootstrap.min.css'); ?>" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="<?php echo base_url('css/jumbotron.css'); ?>" rel="stylesheet">

    <link href="<?php echo base_url('css/carousel.css'); ?>" rel="stylesheet">
    <link href="<?php echo base_url('css/verticaltab.css'); ?>" rel="stylesheet" type="text/css" />
    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="<?php echo base_url('js/jquery-1.10.2.min.js'); ?>"></script>
	<script type="text/javascript"  src="<?php echo base_url('js/jquery.js'); ?>"></script> 
    <script src="<?php echo base_url('js/bootstrap.min.js'); ?>"></script>
    
    
    
  </head>
  <body> 
  
  <div class="row">
      <div class="col-lg-4">
          <div class="panel panel-default">
              <ul id="tabs" class="nav nav-tabs">
  <li class="active"><a href="#receipt">RECEIPT</a></li>
  <!--<li><a href="#badge">CONFERENCE BADGE</a></li>-->
  
</ul>
              <div class="panel panel-heading"><pre><span><strong>PAYMENT RECEIPT</strong></span></pre></div>
              <div class="panel panel-body">
                  <div class="tab-content">
                      <div class="tab-pane active" id='receipt'>
                  <?php
                  //print_r($trans);
                  foreach($trans as $row){}
                  ?>
                  <div id="printArea">
                  <table class="table table-bordered">
                      <tr>
                          <td colspan="2"><img src='https://niqs.org.ng/event/bgm30/images/bgm30-banner.jpg' width='100%' /> </td>
                      </tr>
                      <tr>
                          <td>REFERENCE NO:</td>
                          <td><?php echo $row['transRef'];; ?></td>
                      </tr>
                      <tr>
                          <td>REGISTRATION NO:</td>
                          <td><?php echo $row['confID'];; ?></td>
                      </tr>
                      
                       <tr>
                          <td>RECEIVED FROM</td>
                          <td><?php echo $row['confName']; ?> (<?php echo $row['memberNo']; ?>)</td>
                      </tr>
                      <tr>
                          <td>PARTICIPATION MODE</td>
                          <td><?php echo $row["confLocation"]; ?></td>
                      </tr>
                  </table>
                  <table class="table table-striped">
                      <tr>
                          <td>S/No</td>
                          <td>ITEM</td>
                          <td>AMOUNT(N)</td>
                      </tr>
                      <tr>
                          <td>1</td>
                          <td>REGISTRATION FEE</td>
                          <td><?php echo number_format($row['transAmount'],2); ?></td>
                      </tr>
                      <tr>
                          <td colspan="2" align="right"><strong>GRAND TOTAL</strong></td>
                          <td><strong><?php echo number_format($row['transAmount'],2); ?></strong></td>
                      </tr>
                  </table>
                  </div>
				  <div class="col-sm-6">
                          <button onclick="printDiv('printArea');" class="btn btn-primary">Print Receipt</button></div>
						  <div class="col-sm-6">
						  <?php
						  $form=array('target'=>'_new');
						  echo form_open('welcome/printBadge',$form);
						  ?>
						  <input type="hidden" name="transactionID" value="<?php echo $row['transRef']; ?>" />
						  <!--button type="submit" class="btn btn-success">Print Badge</button-->
						  <?php echo form_close(); ?>
              </div>
                      </div>
                      <!--<div id='badge' class="tab-pane">This is the badge</div>-->
                  </div>
          </div>
                  </div>
      </div>
  </div>

          
  </div>
  </body>
  <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>
</html>
  