<!DOCTYPE html>
<html>
<head>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta charset="utf-8">
    <title>IHAMBA ADVENTURES RECEIPT</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
    <style>
        body { font-family: DejaVu Sans; }
    </style>
</head>
<body>
    <div class='container'>
        <div>
            <div class="bg-success"><p class="bg-success" style="font-weight: bolder; padding:5px; float:right" >Receipt No: <span style="color:#A55716"><?=$receipt_no?></span></p></div>
           
          </div>
          <div style="margin-top:20px; ">
               <img src="https://api.ihambaadventures.com/files/ihambalogo.png" style="width:15%; border-radius:3px">
          </div>
<p class="text-center bg-success" style=" padding:5px; font-weight: bolder; margin-top:15px" >IHAMBA ADVENTURES RECEIPT</p>


<div>
  <div style="float:right;">
    <p style="font-weight:bold;"><?=$date?></p>
  </div>
</div>

<br>
<table class="table  table-hover">
    <thead>
        <tr>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td><b>Received From:</b></td>
            <td> <?=$name?></td>
        </tr>
        <tr>
            <td></td>
            <td><b>Amount paid:</b></td>
            <td><?=$amount?></td>
        </tr>
        <tr>
            <td></td>
            <td><b>Payment for:</b></td>
            <td><a href="<?=$link?>"><?=$item?> </a> <small style="font-size:10px">(click/tap the link to view)</small></td>
        </tr>
        <tr>
            <td></td>
            <td><b>Balance:</b></td>
            <td><?=$balance?></td>
        </tr>
        
         <tr>
            <td></td>
            <td><b>Payment Method:</b></td>
            <td><?=$payment_method?></td>
        </tr>
       
        <tbody>
</table>

<div style="padding-top: 10px;">
  <!-- <div style="width:80%"></div> -->
  <div>
    <p><b>Received by:</b></p>

  
     <p style="font-weight: 700; color:rgb(102, 100, 99);"> Joseph Byamukama</p>


</div>


    
  </div>
  <div style="margin-top:-10px">
    <img src='https://api.ihambaadventures.com/destinations/jbi.jpg' alt='Signture.' width='12%' style='display: block; float: left;' />
    </div>
    
    <br>
    <br>
    <br>
    
    <div style="text-align:center; font-size:10px">
    <p>
        If you have any questions or issues with this receipt, please contact us at 
        <a mailto='sales@ihambaadventures.com'>sales@ihambaadventures.com</a>
        
    </p>
    <hr>
    <p>
       All rights reserved &copy; <?php echo date('Y')?> Ihamba Adventures | <a href="https://www.ihambaadventures.com">www.ihambaadventures.com</a>
    </p>

    </div>
    
  
</div>



</body>
</html>