<div class="row layout-top-spacing">
    <div class="col-xl-3 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
        <div class="card component-card_7" style="width: auto;">
            <div class="card-body">
                <h4 class="card-text">Pokok Pinjaman</h4>
                <h3 class="card-text">
                    <?= number_format($pokok['pokok_pinjaman'], 0, ',', '.') ?>,-
                </h3>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
        <div class="card component-card_7" style="width: auto;">
            <div class="card-body">
                <h4 class="card-text">Tanggungan Pinjaman</h4>
                <h2 class="card-text">
                    <?= number_format($tanggungan['jml_tanggungan'], 0, ',', '.') ?>,-
                </h2>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
        <div class="card component-card_7" style="width: auto;">
            <div class="card-body">
                <h4 class="card-text">Pinjaman Terbayar</h4>
                <h2 class="card-text">
                    <?= number_format($bayar['jml_bayar'], 0, ',', '.') ?>,-
                </h2>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
        <div class="card component-card_7" style="width: auto;">
            <div class="card-body">
                <h4 class="card-text">Sisa Tanggungan</h4>
                <h3 class="card-text">
                    <?= number_format(($tanggungan['jml_tanggungan'] - $bayar['jml_bayar']), 0, ',', '.') ?>
                </h3>
            </div>
        </div>
    </div>
</div>