<div class="row">
    <div class="col-sm-12">
        <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded box-shadow">
            <div class="lh-100">
                <h6 class="mb-0 text-white lh-100">Rates
                    <a href="admin.php?page=astro-accounting-rates&action=add" class="btn btn-sm btn-success pull-right">+ Add</a>

                </h6>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-12">
        <div class="my-3 p-3 bg-white rounded box-shadow">
        <table class="data-table" style="width:100%">
            <thead>
                <tr>
                    <th>#</th>
                    <th>User</th>
                    <th>Rates</th>
                    <th>Effective Date</th>
                    <th>Created At</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
            <?php if(count($rates) > 0):?>
                <?php foreach($rates as $i => $rate):?>
                    <tr>
                        <td><?php echo $i+1;?></td>
                        <td><?php echo $rate->display_name;?></td>
                        <td>
                        <?php 
                            if(!empty($rate->rates)){
                                $amounts = json_decode($rate->rates);
                                foreach($amounts as $word=>$amount){
                                    echo '<span class="badge badge-success">'.$word.' words => Rs.'.$amount.'</span><br>';
                                }
                            }
                        
                        ?></td>
						<td><?php echo $rate->effective_date;?></td>
                        <td><?php echo $rate->created_at;?></td>
                        <td>
                        <a href="admin.php?page=astro-accounting-rates&action=edit&id=<?php echo $rate->id;?>" data-id="<?php echo $rate->id;?>" class="btn btn-info">Edit</a>
                        <a href="#" data-id="<?php echo $rate->id;?>" class="btn btn-danger btn-delete-rate">Delete</a>
                        </td>
                    </tr>
                <?php endforeach;?>
            <?php endif;?>
            </tbody>
            <tfoot>
                <tr>
                <th>#</th>
                    <th>User</th>
                    <th>Rates</th>
                    <th>Effective Date</th>
                    <th>Created At</th>
                    <th>Action</th>
                </tr>
            </tfoot>
         </table>
        </div>
    </div>
</div>