<div class="row">
    <div class="col-sm-12">
        <p><a href="<?= base_url('admin/affiliator/commision'); ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke Komisi</a></p><br>
        <h2>Dashboard Affiliasi</h2>
        <?= $this->session->flashdata('success'); //to display success message 
        ?>
        <?= $this->session->flashdata('result'); //to display result message 
        ?>
        <?= $this->session->flashdata('proof_error'); //to display result message 
        ?>
    </div><!-- end class="col-sm-12" -->
</div> <!-- end row -->
<div>
    <div class="row">
        <div class="col-sm-12">
            <!-- Button with different colors -->
            <a href="<?= base_url('admin/affiliator'); ?>"><button class="btn btn-success">Dashboard</button></a>
            <a href="<?= base_url('admin/affiliator/list'); ?>"><button class="btn btn-info">Ranking Affiliator</button></a>
            <a href="<?= base_url('admin/affiliator/mission'); ?>"><button class="btn btn-warning">Misi</button></a>
            <a href="<?= base_url('admin/affiliator/commision'); ?>"><button class="btn btn-danger">Komisi</button></a>
            <a href="<?= base_url('admin/affiliator/product'); ?>"><button class="btn btn-primary">Produk Affiliator</button></a>
        </div>
    </div>
</div>
<div>
    <div class="row">
        <div class="col-sm-12">

            <div style="padding: 15px;" class="tab-pane active" id="orders1" role="tabpanel" aria-labelledby="tab1">
                <h5 style="text-align: center;">Komisi Sudah Lunas</h5>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="table-responsive">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Nama Affiliator</th>
                                        <th>Metode</th>
                                        <th>Nama Pemilik Rekening</th>
                                        <th>No Rekening</th>
                                        <th>Status</th>
                                        <th>Nominal Transfer</th>
                                        <th>Bukti Transfer</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php if (count($commision_list)) : ?>
                                        <?php foreach ($commision_list as $cl) : ?>
                                            <tr>
                                                <td><?php echo $cl->affiliator_name; ?></td>
                                                <td><?php echo $cl->account_type; ?></td>
                                                <td><?php echo $cl->account_name; ?></td>
                                                <td><?php echo $cl->account_number; ?></td>
                                                <td style="color: green;">Done</td>
                                                <td>Rp <?php echo number_format($cl->commission, 0, ',', '.'); ?></td>
                                                <td>
                                                    <button type="button" class="btn btn-success" data-toggle="modal" data-target="#proofModal<?= $cl->id_commision; ?>">
                                                        View Proof
                                                    </button>
                                                </td>


                                            </tr>
                                        <?php endforeach; ?>

                                    <?php else : ?>
                                        <tr>
                                            <td colspan="3">Tidak Ada Pending Commision</td>
                                        </tr>
                                    <?php endif; ?>
                                </tbody>
                            </table>
                            <?php echo $this->pagination->create_links(); ?>
                        </div>
                    </div> <!-- end class col-sm-12 -->
                </div> <!-- end class="row" -->
            </div>

        </div>



    </div>
</div>
<?php foreach ($commision_list as $cl) : ?>
    <!-- Modal for Viewing Proof -->
    <div class="modal fade" id="proofModal<?= $cl->id_commision; ?>" tabindex="-1" role="dialog" aria-labelledby="proofModalLabel<?= $cl->id_commision; ?>" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="proofModalLabel<?= $cl->id_commision; ?>">Proof Image</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <img src="<?= base_url('uploads/commision_proof/' . $cl->proof); ?>" alt="Proof Image" class="img-fluid">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
<?php endforeach; ?>