<div class="rounded-2xl border border-border bg-card shadow-sm">
	<div class="flex flex-wrap items-center justify-between gap-3 border-b border-slate-200 dark:border-slate-700 px-5 py-4">
		<div>
			<h3 class="text-sm font-semibold text-slate-900 dark:text-slate-100"><?= lang('award_point') ?></h3>
			<p class="text-xs text-slate-500"><?= lang('client') ?> • <?= html_escape($client_details->name ?? '') ?></p>
		</div>
	</div>
	<div class="p-5">
		<div class="rounded-xl border border-slate-200 bg-white p-4 text-sm text-slate-600 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-300">
			<?= lang('total_award_points') ?>:
			<span class="ml-2 inline-flex items-center rounded-full bg-indigo-100 px-2.5 py-1 text-xs font-semibold text-indigo-700 dark:bg-indigo-900/40 dark:text-indigo-200">
				<?= html_escape($client_details->client_award_point ?? 0) ?>
			</span>
		</div>
	</div>
</div>
