<h6 class="px-3 py-2 border-bottom border-top">
    <strong>Pilih opsi pengiriman</strong>
</h6>
<ul class="list-group list-group-flush">
    <?php foreach($data as $item) : ?>
        <li class="list-group-item pb-3 d-flex justify-content-between cursor-pointer btn_pilih_kurir"
            data-id="<?= $item -> name ?>"
            data-biaya="<?= $item -> cost ?>"
            data-nama="<?= $item -> name ?>"
        >
            <div class="pe-3">
                <img src="<?= $item -> img ?>" class="w-px-30">
            </div>
            <div class="flex-grow-1" style="width: calc(100% - 30px)">
                <div class="d-flex justify-content-between align-items-start">
                    <span class="flex-grow-1">
                        <?= $item -> name ?>
                    </span>
                    <span class="ps-2 text-danger">
                        <?= format_uang($item -> cost) ?>
                    </span>
                </div>
                <div>
                    <small class="text-muted">
                        <?php 
                            if($item -> etd == '-') {
                                echo '&nbsp;';
                            } else {
                                echo '
                                    Perkiraan waktu sampai '.$item -> etd.'
                                ';
                            }
                        ?>
                    </small>
                </div>
            </div>
        </li>
    <?php endforeach ?>
</ul>
