<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
<div class="orders-container" style="-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);box-shadow: 0 0 3px rgba(0,0,0,.2);
">
    <div class="orders-header bg-danger white">
        <h6><i id="lastrefunds_spinner" style="display: none;" class="fa fa-spinner fa-spin"></i>
            <?php echo $this->lang->line("LATESTREFUNDS"); ?></h6>
    </div>
    <ul class="orders-list" id="lastrefunds">
        
        
    </ul>
    <div class="orders-footer bg-danger">
        <a class="show-all white" href="<?= base_url('sales/sales') ?>"><?php echo $this->lang->line("SHOWALL"); ?></a>
    </div>
</div>
</div>
<script>
$(document).ready(function() {
    $("#lastrefunds_spinner").show();
        $.ajax({ url: "<?= base_url() ?>dashboard/databoxes/lastrefunds",
                    data: { count: <?= $count ?>},
                    dataType: "json",
                    type: "POST",
                    success: function(data){
                        var html = '';
                var len = data.length;
                for (var i = 0; i< len; i++) {
                 
            html+="<li class='order-item'>"+
                    "<div class='row'>"+
                        "<div class='col-lg-8 col-md-8 col-sm-8 col-xs-8 item-left'>"+                        
                            "<div class='item-booker'>"+data[i].ticketid+data[i].customer+"</div>"+
                            "<div class='item-time'>"+
                        "<i class='fa fa-calendar'></i>"+
                        "<span> "+data[i].date+"</span>"+
                            "</div>"+
                            "</div>"+
                        "<div class='col-lg-4 col-md-4 col-sm-4 col-xs-4 item-right'>"+
                        "<div class='item-price'>"+
                            "<span class='price'>"+data[i].total+"</span>"+
                        "</div>"+
                        "</div>"+
                        "</div>"+
                        "<a class='item-more' href='<?= base_url('/sales/sales/getreceiptlines');?>/"+data[i].ticketid+"'>"+
                            "<i></i></a>"+
                "</li>";
            
            
                }
                $("#lastrefunds").append(html);
                $("#lastrefunds_spinner").hide();
                    }
                });
    
});
</script>