<div class="col-xs-12 col-md-6">
<div class="widget">
    <div class="widget-header bordered-bottom bordered-themesecondary" 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);
">
        <span class="widget-caption themesecondary"><i id="salesbycashier_spinner" style="display: none;" class="fa fa-spinner fa-spin"></i>
            <?php echo $this->lang->line("SALESBYCACHIER"); ?></span>
    </div><!--Widget Header-->
    <div class="widget-body  no-padding" 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="tickets-container">
            <ul class="tickets-list" id="salesbycashier">
                
            </ul>
        </div>
    </div>
</div>

</div>

<script>
$(document).ready(function() {
    $("#salesbycashier_spinner").show();
        $.ajax({ url: "<?= base_url() ?>dashboard/databoxes/salesbycashier",
                    dataType: "json",
                    type: "POST",
                    success: function(data){
                        var html = '';
                var len = data.length;
                for (var i = 0; i< len; i++) {
                 
            html+="<li class='ticket-item'>"+
                    "<div class='row'>"+
                        "<div class='ticket-user col-lg-3 col-sm-12'>"+                        
                            "<i class='normal-icon fa fa-user'></i>"+
                            "<span class='user-name'>"+data[i].cashier+"</span>"+
                        "</div>"+
                        "<div class='ticket-time  col-lg-7 col-sm-6 col-xs-12'>"+
                            "<div class='divider hidden-md hidden-sm hidden-xs'></div>"+
                            
                            "<span class='time'>"+data[i].datestart+" - "+data[i].dateend+"</span>"+
                        "</div>"+
                        "<div class='ticket-type  col-lg-2 col-sm-6 col-xs-12'>"+
                            "<span class='divider hidden-xs'></span>"+
                            "<span class='databox-number text-align-right'>"+data[i].total+"</span>"+
                        "</div>"+
                        "<div class='ticket-state bg-palegreen'>"+
                            "<i class='fa fa-check'></i>"+
                        "</div>"+
                    "</div>"+
                "</li>";
            
            
                }
                $("#salesbycashier").append(html);
                $("#salesbycashier_spinner").hide();
                    }
                });
    
});
</script>