<div>
    <table class="table table-striped table-bordered table-hover">
        <thead>
        <tr>
            <th style="text-align: center">Xếp hạng</th>
            <th style="text-align: center">Đánh giá</th>
            <th style="text-align: center">Ảnh</th>
            <th style="text-align: center">Tên bài hát</th>
            <th style="text-align: center">Ca sĩ</th>
            <th style="text-align: center">Tổng điểm</th>
        </tr>
        </thead>
        <tbody>
        <?php if(count($listData) > 0): foreach($listData as $key => $data): ?>
            <tr>
                <td style="text-align: center"><?php echo ($key+1+$offset); ?></td>
                <td style="text-align: center">
                    <?php echo MyHelper::getRankingCompare($data['track_id'], $data['order'], $previousRanking) ?>
                </td>
                <td style="text-align: center"><img style="max-width: 50px" src="<?php echo MyHelper::getArtByTrack($data['art'], false, $data['art_type']); ?>"></td>
                <td style="text-align: left">
                    <?php echo $data['name_song']; ?>
                    <br>
                    <span style="color: #adadad">ID: <?php echo $data['track_id']; ?></span>
                </td>
                <td style="text-align: left"><?php echo  $data['all_name']; ?></td>
                <td style="text-align: right"><?php echo number_format($data['total_point'], 0, ',', '.'); ?></td>
            </tr>
        <?php endforeach; ?>
        <?php else: ?>
            <tr>
                <td colspan="6" style="color: red; font-style: italic">Không có dữ liệu nào!</td>
            </tr>
        <?php endif; ?>
        </tbody>
    </table>
</div>
<!-- /.row -->
 <div style="text-align: center;"><?php //echo $pagination; ?></div>