import { PolicyHeader } from './PolicyHeader';
import { ShieldCheck, Scale, AlertTriangle, UserCheck, FileCode } from 'lucide-react';
import { useSeo, breadcrumbLd, jsonGraph } from '../lib/seo';

export default function HonorCode() {
  useSeo({
    title: 'Candidate Honor Code — GetCert Assessment Integrity Rules',
    description: 'The rules every GetCert candidate agrees to: no impersonation, no shared answers, no fake evidence. Why our certificates stay worth verifying.',
    path: '/honor-code',
    jsonLd: jsonGraph(breadcrumbLd([ { name: 'Home', path: '/' }, { name: 'Honor Code' } ])),
  });

  return (
    <div className="min-h-screen flex flex-col bg-slate-50 dark:bg-slate-950 text-slate-900 dark:text-white font-sans">
      <PolicyHeader activePath="/honor-code" />

      <main className="flex-1 py-14 px-4 sm:px-6 lg:px-8 max-w-4xl mx-auto w-full">
        {/* Page Hero */}
        <div className="text-center mb-10 space-y-3">
          <h1 className="text-3xl sm:text-4xl font-extrabold tracking-tight text-slate-900 dark:text-white">
            Candidate Honor Code
          </h1>
          <p className="text-sm sm:text-base text-slate-600 dark:text-slate-400 max-w-2xl mx-auto leading-relaxed">
            Our verifiable credentials carry weight because employers, recruiters, and engineering leaders know every GetCert certificate is grounded in authentic, rigorously tested candidate capability.
          </p>
          <div className="text-xs text-slate-500 dark:text-slate-400">
            Standard: Academic &amp; Technical Integrity Mandate
          </div>
        </div>

        {/* Core Principles Grid */}
        <div className="space-y-6">
          {/* Card 1 */}
          <div className="bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-2xl p-6 sm:p-7 shadow-xs space-y-3">
            <div className="flex items-center gap-3">
              <div className="w-10 h-10 rounded-xl bg-[#132F50]/10 dark:bg-blue-950/40 text-[#132F50] dark:text-blue-400 flex items-center justify-center flex-shrink-0">
                <UserCheck className="w-5 h-5" />
              </div>
              <div>
                <h2 className="text-lg font-bold text-slate-900 dark:text-white">
                  1. Independent Candidate Assessment
                </h2>
                <p className="text-xs text-slate-500 dark:text-slate-400">Strict anti-proxy &amp; individual verification</p>
              </div>
            </div>
            <p className="text-sm text-slate-700 dark:text-slate-300 leading-relaxed">
              Every assessment attempt must be completed solely by the registered candidate. The use of proxy test-takers, automated script solvers, answer-sharing syndicates, or unauthorized external assistance during dynamic knowledge evaluations is strictly prohibited.
            </p>
            <ul className="text-xs text-slate-600 dark:text-slate-400 space-y-1.5 pt-1 pl-4 list-disc">
              <li>Candidates must not share active session credentials or assessment questions with third parties.</li>
              <li>Dynamic assessment algorithms randomize prompt formulations to ensure unique candidate evaluations.</li>
            </ul>
          </div>

          {/* Card 2 */}
          <div className="bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-2xl p-6 sm:p-7 shadow-xs space-y-3">
            <div className="flex items-center gap-3">
              <div className="w-10 h-10 rounded-xl bg-emerald-50 dark:bg-emerald-950/40 text-emerald-600 dark:text-emerald-400 flex items-center justify-center flex-shrink-0">
                <FileCode className="w-5 h-5" />
              </div>
              <div>
                <h2 className="text-lg font-bold text-slate-900 dark:text-white">
                  2. Authentic Code Ownership (VerifiedCert™)
                </h2>
                <p className="text-xs text-slate-500 dark:text-slate-400">Original repository contributions &amp; capstone validation</p>
              </div>
            </div>
            <p className="text-sm text-slate-700 dark:text-slate-300 leading-relaxed">
              For VerifiedCert™ project certifications, all submitted GitHub repositories must reflect the candidate’s authentic engineering contributions. Forking un-modified public templates or claiming authorship over third-party open-source repositories constitutes a material breach of the Honor Code.
            </p>
            <ul className="text-xs text-slate-600 dark:text-slate-400 space-y-1.5 pt-1 pl-4 list-disc">
              <li>Candidate git commit histories are audited for author identity, commit cadence, and code originality.</li>
              <li>Candidates must defend design choices and architectural tradeoffs during the dynamic project viva.</li>
            </ul>
          </div>

          {/* Card 3 */}
          <div className="bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-2xl p-6 sm:p-7 shadow-xs space-y-3">
            <div className="flex items-center gap-3">
              <div className="w-10 h-10 rounded-xl bg-blue-50 dark:bg-blue-950/40 text-[#132F50] dark:text-blue-400 flex items-center justify-center flex-shrink-0">
                <ShieldCheck className="w-5 h-5" />
              </div>
              <div>
                <h2 className="text-lg font-bold text-slate-900 dark:text-white">
                  3. Credential Authenticity &amp; Integrity
                </h2>
                <p className="text-xs text-slate-500 dark:text-slate-400">Verifiable authentic trust for industry</p>
              </div>
            </div>
            <p className="text-sm text-slate-700 dark:text-slate-300 leading-relaxed">
              Each issued certificate carries a permanent verification identifier and authentic digital record. Attempting to alter certificates, falsify issuer signatures, or forge verification URLs will result in immediate revocation and account suspension.
            </p>
          </div>

          {/* Card 4 - Violations & Penalties */}
          <div className="bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-2xl p-6 sm:p-7 shadow-xs space-y-3">
            <div className="flex items-center gap-3">
              <div className="w-10 h-10 rounded-xl bg-rose-50 dark:bg-rose-950/40 text-rose-600 dark:text-rose-400 flex items-center justify-center flex-shrink-0">
                <AlertTriangle className="w-5 h-5" />
              </div>
              <div>
                <h2 className="text-lg font-bold text-slate-900 dark:text-white">
                  4. Enforcement &amp; Credential Revocation
                </h2>
                <p className="text-xs text-slate-500 dark:text-slate-400">Zero tolerance for bad-faith submissions</p>
              </div>
            </div>
            <p className="text-sm text-slate-700 dark:text-slate-300 leading-relaxed">
              GetCert reserves the unconditional right to audit, suspend, or permanently revoke any certificate where evidence of plagiarism, fraud, or misrepresentation is uncovered, even after the credential has been issued.
            </p>
            <div className="grid grid-cols-1 sm:grid-cols-2 gap-3 pt-2">
              <div className="p-4 bg-slate-50 dark:bg-slate-800/60 border border-slate-100 dark:border-slate-700 rounded-xl text-xs space-y-1">
                <span className="font-bold text-slate-900 dark:text-white block">Audit Triggers</span>
                <span className="text-slate-600 dark:text-slate-400">Submissions exhibiting anomalous speed, identical code hashes, or plagiarized viva responses undergo senior review.</span>
              </div>
              <div className="p-4 bg-slate-50 dark:bg-slate-800/60 border border-slate-100 dark:border-slate-700 rounded-xl text-xs space-y-1">
                <span className="font-bold text-slate-900 dark:text-white block">Consequences</span>
                <span className="text-slate-600 dark:text-slate-400">Revoked credentials display a permanent "REVOKED / INVALID" notice on their public verification URL.</span>
              </div>
            </div>
          </div>
        </div>

        {/* Contact Pledge Box */}
        <div className="mt-10 p-6 bg-slate-100 dark:bg-slate-900/60 border border-slate-200 dark:border-slate-800 rounded-2xl text-center space-y-2">
          <p className="text-xs font-semibold text-slate-500 uppercase tracking-wider">Report an Integrity Violation</p>
          <p className="text-sm text-slate-700 dark:text-slate-300">
            If you suspect fraud, credential misuse, or code plagiarism, notify our integrity officers at{' '}
            <a href="mailto:aigetcert@gmail.com" className="font-semibold text-blue-600 dark:text-blue-400 underline">
              aigetcert@gmail.com
            </a>
            . All reports are handled with strict confidentiality.
          </p>
        </div>
      </main>
    </div>
  );
}