<div class="rounded-2xl border border-border bg-card shadow-sm">
	<div class="flex flex-col gap-3 border-b border-border bg-muted/50 px-6 py-4 md:flex-row md:items-center md:justify-between">
		<div>
			<div class="flex items-center gap-2 mb-1">
				<i class="text-primary" data-lucide="file-pen-line"></i>
				<span class="text-xs font-semibold uppercase tracking-wide text-muted-foreground"><?= lang('leads') ?></span>
			</div>
			<h2 class="text-lg font-semibold text-foreground"><?= lang('all') . ' ' . lang('lead_form') ?></h2>
			<p class="text-sm text-muted-foreground mt-0.5"><?= lang('manage') . ' ' . lang('lead_form') ?></p>
		</div>
		<?php
		$created = can_action('161', 'created');
		if (!empty($created)) { ?>
			<a href="<?= base_url() ?>admin/leads/lead_form"
				class="inline-flex items-center justify-center gap-2 rounded-lg bg-primary px-4 py-2.5 text-sm font-medium text-primary-foreground shadow-sm hover:bg-primary/90 transition-colors">
				<i class="text-xs" data-lucide="plus"></i>
				<span><?= lang('new') . ' ' . lang('lead_form') ?></span>
			</a>
		<?php } ?>
	</div>
	<style type="text/css">
		.custom-bulk-button {
			display: initial;
		}
	</style>
	<div class="p-6">
		<div class="overflow-hidden rounded-lg ">
			<div class="overflow-x-auto">
				<table class="min-w-full divide-y divide-border DataTables bulk_table" id="DataTables" cellspacing="0" width="100%">
					<thead class="bg-muted/50">
						<tr>
							<?php
							$deleted = can_action('161', 'deleted');
							if (!empty($deleted)) { ?>
								<th class="px-6 py-3 text-left" data-orderable="false">
									<label class="inline-flex items-center cursor-pointer">
										<input id="select_all" type="checkbox" class="w-4 h-4 rounded border-border text-primary focus:ring-2 focus:ring-primary/20">
										<span class="sr-only"><?= lang('select_all') ?></span>
									</label>
								</th>
							<?php } ?>
							<th class="px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-muted-foreground"><?= lang('form') . ' ' . lang('id') ?></th>
							<th class="px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-muted-foreground"><?= lang('form') . ' ' . lang('name') ?></th>
							<th class="px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-muted-foreground"><?= lang('total_submissions') ?></th>
							<th class="px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-muted-foreground"><?= lang('created') ?></th>
							<th class="px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-muted-foreground no-sort"><?= lang('action') ?></th>
						</tr>
					</thead>
					<tbody class="divide-y divide-border bg-background">
					</tbody>
					<script type="text/javascript">
						$(document).ready(function() {
							list = base_url + "admin/leads/leadFormList";
							bulk_url = base_url + "admin/leads/bulkLeadFormDelete";
						});
					</script>
				</table>
			</div>
		</div>
	</div>
</div>

