Index-2

<div class="list-lagu" style="margin-top:20px">
    <?php  if (isset($_POST['cari']) || isset($_GET['page'])) :
    ?>
    <div class="row">
        <div class="col-md-6">
            <?php if(isset($_POST['cari'])) : ?>
                <p class="float-left">Hasil pencarian dari kata kunci: <?= $_POST['cari'] ?>...</p>
            <?php else: ?>
                <p class="float-left">Hasil pencarian dari kata kunci: <?= $_SESSION['cari'] ?>...</p>
            <?php endif; ?>
        </div>
        <div class="col-md-6">
            <p class="float-right">Total: <?= $hasil->total ?> Lagu</p>
        </div>

    </div>
    <?php foreach($hasil->data as $row) : ?>
        <div class="row">
            <div class="col-1"><img src="<?= $row->album->cover_small ?>" class="small-picture" alt="" width="80%"></div>
            <div class="col-4"><p style="margin-top:10px"><a href="<?= $row->link ?>" target="_blank"><?= $row->title ?></a></p></div>
            <div class="col-3"><p style="margin-top:10px"><?= $row->artist->name ?></p></div>
            <div class="col-4">
                <audio controls style="width: 100%">
                    <source src="<?= $row->preview ?>" type="audio/mpeg">
                    Your browser does not support the audio element.
                </audio>
            </div>
        </div>
        <hr>
    <?php endforeach; ?>
    <nav aria-label="Page navigation example">
        <ul class="pagination">

            <li class="page-item">
                <a class="page-link" <?php if($page > 1){ echo "href='?page=$previous'"; } ?>>Previous</a>
            </li>

            <li class="page-item">
                <a  class="page-link" <?php if($page < $total_page) { echo "href='?page=$next'"; } ?>>Next</a>
            </li>
        </ul>
    </nav>
    <?php else: ?>

    <p>Tidak ada pencarian....</p>
    <?php endif; ?>

</div>