import { A } from '@solidjs/router';
import AdminShell from '~/components/AdminShell';

export default function VerificationManagementPage() {
  return (
    <AdminShell>
      <div class="flex flex-col -mx-6 -mt-6 min-h-full">
        <div class="bg-white border-b border-gray-200 px-6 py-4">
          <h1 class="text-xl font-semibold text-gray-900">Approval Management</h1>
          <p class="text-sm text-gray-500 mt-0.5">
            Admin review now lives under Approval Management. Verification remains a user-facing status concept.
          </p>
        </div>
        <div class="flex-1 p-6">
          <div class="table-card">
            <p class="notice" style="margin:0">
              Use Approval Management to review companies, customers, candidates, and professional submissions.
            </p>
            <div class="actions">
              <A class="inline-flex items-center rounded-lg bg-[#0a1d37] px-4 py-2 text-sm font-semibold text-white hover:bg-[#0f2a4e] transition-colors" href="/admin/approval">Open Approval Management</A>
            </div>
          </div>
        </div>
      </div>
    </AdminShell>
  );
}