<ul class="nav nav-pills mb-3 mt-3" id="pills-tab" role="tablist">
    <li class="nav-item">
        <a class="nav-link active" id="identitas_tabs" data-toggle="pill" href="#tabs_identitas" role="tab" aria-controls="tabs_identitas" aria-selected="true">Identitas</a>
    </li>
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Aktif (
            <?= $heboh_aktif + $motor_aktif + count($pinjaman_aktif) ?> ) <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down">
                <polyline points="6 9 12 15 18 9"></polyline>
            </svg></a>
        <div class="dropdown-menu">
            <a class="dropdown-item" id="ksp_produk_aktif" data-toggle="tab" href="#produk_ksp_aktif" role="tab" aria-controls="produk_ksp_aktif" aria-selected="false">Koperasi ( <?= count($pinjaman_aktif) ?>
                )</a>
            <a class="dropdown-item" id="heboh_arisan_aktif" data-toggle="tab" href="#arisan_heboh_aktif" role="tab" aria-controls="arisan_heboh_aktif" aria-selected="false">Arisan Heboh (
                <?= $heboh_aktif ?> )</a>
            <a class="dropdown-item" id="motor_arisan_aktif" data-toggle="tab" href="#arisan_motor_aktif" role="tab" aria-controls="arisan_motor_aktif" aria-selected="false">Arisan Motor (
                <?= $motor_aktif ?> )</a>
        </div>
    </li>
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Histori (
            <?= $heboh_pasif + $motor_pasif ?> ) <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down">
                <polyline points="6 9 12 15 18 9"></polyline>
            </svg></a>
        <div class="dropdown-menu">
            <a class="dropdown-item" id="ksp_produk_pasif" data-toggle="tab" href="#produk_ksp_pasif" role="tab" aria-controls="produk_ksp_pasif" aria-selected="false">Koperasi ( 0
                )</a>
            <a class="dropdown-item" id="heboh_arisan_pasif" data-toggle="tab" href="#arisan_heboh_pasif" role="tab" aria-controls="arisan_heboh_pasif" aria-selected="false">Arisan Heboh (
                <?= $heboh_pasif ?> )</a>
            <a class="dropdown-item" id="motor_arisan_pasif" data-toggle="tab" href="#arisan_motor_pasif" role="tab" aria-controls="arisan_motor_pasif" aria-selected="false">Arisan Motor (
                <?= $motor_pasif ?> )</a>
        </div>
    </li>
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Kontak <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down">
                <polyline points="6 9 12 15 18 9"></polyline>
            </svg></a>
        <div class="dropdown-menu">
            <a class="dropdown-item" id="anggota_keluarga" data-toggle="tab" href="#keluarga_anggota" role="tab" aria-controls="produk_ksp_pasif" aria-selected="false">Keluarga</a>
            <a class="dropdown-item" id="nomor_cadangan" data-toggle="tab" href="#cadangan_nomor" role="tab" aria-controls="arisan_heboh_pasif" aria-selected="false">Nomor Cadangan</a>
        </div>
    </li>
</ul>