<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>

<div class="space-y-4">
    <div class="rounded-2xl border border-border bg-card shadow-sm">
        <div class="flex items-center justify-between border-b border-border px-5 py-4">
            <h4 class="text-sm font-semibold text-foreground"><?= lang('Staff') . ' ' . lang('points') ?></h4>
            <div class="text-sm text-muted-foreground">
                <span class="font-semibold text-rose-600">Total Point :</span>
                <?= display_money($this->user_model->get_staff_point_byid($profile_info->user_id)); ?>
            </div>
        </div>
        <div class="p-5">
            <div class="overflow-x-auto overflow-y-visible rounded-xl border border-border bg-card dark:border-slate-700 dark:bg-slate-900">
                <table class="DataTables w-full border-collapse text-sm" id="DataTables" cellspacing="0" width="100%">
                    <thead class="bg-muted/50 text-xs uppercase tracking-[0.14em] text-muted-foreground dark:bg-slate-800/80 dark:text-slate-400">
                        <tr>
                            <th class="border-b border-border px-4 py-3 text-left font-semibold dark:border-slate-700"><?= lang('client_name') ?></th>
                            <th class="border-b border-border px-4 py-3 text-left font-semibold dark:border-slate-700"><?= lang('invoices_no') ?></th>
                            <th class="border-b border-border px-4 py-3 text-left font-semibold dark:border-slate-700"><?= lang('date') ?></th>
                            <th class="border-b border-border px-4 py-3 text-left font-semibold dark:border-slate-700"><?= lang('award_point') ?></th>
                        </tr>
                    </thead>
                    <tbody>
                        <script type="text/javascript">
                            $(document).ready(function() {
                                list = base_url + "admin/user/userawardpointslist/<?= $profile_info->user_id ?>";
                            });
                        </script>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
