import InternalDocsLayout from "./InternalDocsLayout";
import { AlertTriangle, CheckCircle, Users, Shield } from "lucide-react";

export default function Space2CodeOfConduct() {
  return (
    <InternalDocsLayout title="Code of Conduct" description="How We All Act">
      <div className="space-y-8">
        <div className="bg-slate-800/50 border border-slate-700 rounded-lg p-6">
          <p className="text-slate-300 leading-relaxed mb-4">
            <strong>KND-004: Ecosystem Code of Conduct</strong>
          </p>
          <p className="text-slate-300 leading-relaxed">
            This Code of Conduct applies to every member of AeThex, regardless
            of role, entity, or seniority. It defines the minimum standards of
            behavior that protect our culture, trust, and mission across all AeThex spaces: nexus.aethex.dev, dev-link.me, Discord, and our offices.
          </p>
        </div>

        <div className="bg-red-900/20 border border-red-500/30 rounded-lg p-6">
          <div className="flex items-start gap-4">
            <AlertTriangle className="h-6 w-6 text-red-400 flex-shrink-0 mt-1" />
            <div>
              <h3 className="font-bold text-red-400 mb-2">🔴 ZERO TOLERANCE POLICY</h3>
              <p className="text-slate-300 mb-3">
                We have zero tolerance for:
              </p>
              <ul className="text-sm text-slate-300 space-y-1 pl-4">
                <li>• <strong>Hate speech, slurs, or discriminatory language</strong></li>
                <li>• <strong>Harassment, bullying, or intimidation</strong></li>
                <li>• <strong>Doxxing (publishing private information)</strong></li>
                <li>• <strong>Illegal content or activities</strong></li>
                <li>• <strong>Sexual harassment or unwanted advances</strong></li>
              </ul>
              <p className="text-sm text-red-400 font-semibold mt-3">Violators are banned immediately and reported to authorities if necessary.</p>
            </div>
          </div>
        </div>

        <div className="space-y-6">
          <section>
            <h3 className="text-2xl font-bold text-white mb-4">The Four Core Rules</h3>
            <div className="space-y-4">
              <div className="bg-blue-900/20 border border-blue-500/30 rounded-lg p-4">
                <h4 className="font-semibold text-blue-400 mb-2">Rule #1: Professionalism</h4>
                <p className="text-sm text-slate-300 mb-2">
                  In CORP channels and with clients, professional conduct is mandatory.
                </p>
                <ul className="text-sm text-slate-300 space-y-1 pl-4">
                  <li>• Treat clients with absolute respect</li>
                  <li>• Use professional language in work contexts</li>
                  <li>• Meet deadlines and honor commitments</li>
                  <li>• Represent AeThex positively in public</li>
                </ul>
              </div>

              <div className="bg-orange-900/20 border border-orange-500/30 rounded-lg p-4">
                <h4 className="font-semibold text-orange-400 mb-2">Rule #2: The Data Firewall</h4>
                <p className="text-sm text-slate-300 mb-2">
                  <strong>CRITICAL:</strong> Posting Private/Confidential CORP data in Public FOUNDATION channels is grounds for immediate termination.
                </p>
                <ul className="text-sm text-slate-300 space-y-1 pl-4">
                  <li>• Never share client names, contracts, or code publicly</li>
                  <li>• Never leak financial data or internal metrics</li>
                  <li>• Never disclose employee salaries or personal info</li>
                  <li>• Honor all NDAs and confidentiality agreements</li>
                </ul>
              </div>

              <div className="bg-green-900/20 border border-green-500/30 rounded-lg p-4">
                <h4 className="font-semibold text-green-400 mb-2">Rule #3: Respect Community Space</h4>
                <p className="text-sm text-slate-300 mb-2">
                  The Foundation community is inclusive, supportive, and neutral.
                </p>
                <ul className="text-sm text-slate-300 space-y-1 pl-4">
                  <li>• Support community members with knowledge and mentorship</li>
                  <li>• Welcome all experience levels with patience</li>
                  <li>• Don't use community spaces for corporate promotion</li>
                  <li>• Contribute fairly to open-source projects</li>
                </ul>
              </div>

              <div className="bg-purple-900/20 border border-purple-500/30 rounded-lg p-4">
                <h4 className="font-semibold text-purple-400 mb-2">Rule #4: Transparency & Accountability</h4>
                <p className="text-sm text-slate-300 mb-2">
                  We value honesty and take responsibility for our mistakes.
                </p>
                <ul className="text-sm text-slate-300 space-y-1 pl-4">
                  <li>• Admit mistakes early and often</li>
                  <li>• Don't hide problems—escalate them</li>
                  <li>• Be honest about capabilities and limitations</li>
                  <li>• Document decisions and reasoning</li>
                </ul>
              </div>
            </div>
          </section>

          <section>
            <h3 className="text-2xl font-bold text-white mb-4">Core Values</h3>
            <div className="grid md:grid-cols-2 gap-4">
              <div className="bg-slate-800/30 border border-slate-700 rounded-lg p-4">
                <h4 className="font-bold text-blue-400 mb-2">✓ Integrity</h4>
                <p className="text-sm text-slate-300">
                  Be honest, transparent, and accountable. Your word is your
                  bond.
                </p>
              </div>
              <div className="bg-slate-800/30 border border-slate-700 rounded-lg p-4">
                <h4 className="font-bold text-blue-400 mb-2">✓ Respect</h4>
                <p className="text-sm text-slate-300">
                  Treat all team members as equals. Differences are strengths.
                </p>
              </div>
              <div className="bg-slate-800/30 border border-slate-700 rounded-lg p-4">
                <h4 className="font-bold text-blue-400 mb-2">✓ Ownership</h4>
                <p className="text-sm text-slate-300">
                  Take responsibility for your work and its impact.
                </p>
              </div>
              <div className="bg-slate-800/30 border border-slate-700 rounded-lg p-4">
                <h4 className="font-bold text-blue-400 mb-2">✓ Excellence</h4>
                <p className="text-sm text-slate-300">
                  Strive for quality in all you do. Mediocrity is not an option.
                </p>
              </div>
            </div>
          </section>

          <section>
            <h3 className="text-2xl font-bold text-white mb-4">
              Behavioral Standards
            </h3>
            <div className="space-y-4">
              <div className="bg-green-900/20 border border-green-500/30 rounded-lg p-4">
                <h4 className="font-semibold text-green-400 mb-2">
                  ✓ DO: Communicate Clearly
                </h4>
                <ul className="text-sm text-slate-300 space-y-1 pl-4">
                  <li>• Be direct and honest in feedback</li>
                  <li>• Assume good intent in others</li>
                  <li>• Ask questions before judging</li>
                  <li>• Speak up about concerns early</li>
                </ul>
              </div>

              <div className="bg-red-900/20 border border-red-500/30 rounded-lg p-4">
                <h4 className="font-semibold text-red-400 mb-2">
                  ✗ DON'T: Disrespect Others
                </h4>
                <ul className="text-sm text-slate-300 space-y-1 pl-4">
                  <li>• No harassment, discrimination, or bullying</li>
                  <li>• No exclusion based on identity</li>
                  <li>• No dismissing others' perspectives</li>
                  <li>• No undermining team members publicly</li>
                </ul>
              </div>

              <div className="bg-green-900/20 border border-green-500/30 rounded-lg p-4">
                <h4 className="font-semibold text-green-400 mb-2">
                  ✓ DO: Respect Confidentiality
                </h4>
                <ul className="text-sm text-slate-300 space-y-1 pl-4">
                  <li>• Keep internal information internal</li>
                  <li>• Don't share others' personal info</li>
                  <li>• Honor NDAs and legal agreements</li>
                  <li>• Report leaks immediately</li>
                </ul>
              </div>

              <div className="bg-red-900/20 border border-red-500/30 rounded-lg p-4">
                <h4 className="font-semibold text-red-400 mb-2">
                  ✗ DON'T: Breach Trust
                </h4>
                <ul className="text-sm text-slate-300 space-y-1 pl-4">
                  <li>• No sharing secrets or gossip</li>
                  <li>• No backdoor dealing</li>
                  <li>• No conflicts of interest without disclosure</li>
                  <li>• No stealing credit for others' work</li>
                </ul>
              </div>
            </div>
          </section>

          <section>
            <h3 className="text-2xl font-bold text-white mb-4">
              Conflict Resolution
            </h3>
            <div className="space-y-4">
              <div className="flex gap-4">
                <div className="flex-shrink-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center font-bold text-white text-sm">
                  1
                </div>
                <div>
                  <p className="font-semibold text-white mb-1">
                    Private Conversation
                  </p>
                  <p className="text-sm text-slate-300">
                    Approach the person directly. Assume good intent. Listen.
                  </p>
                </div>
              </div>
              <div className="flex gap-4">
                <div className="flex-shrink-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center font-bold text-white text-sm">
                  2
                </div>
                <div>
                  <p className="font-semibold text-white mb-1">
                    Talk to Your Manager
                  </p>
                  <p className="text-sm text-slate-300">
                    If unresolved, escalate to your direct manager or lead.
                  </p>
                </div>
              </div>
              <div className="flex gap-4">
                <div className="flex-shrink-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center font-bold text-white text-sm">
                  3
                </div>
                <div>
                  <p className="font-semibold text-white mb-1">
                    Escalate to Leadership
                  </p>
                  <p className="text-sm text-slate-300">
                    For serious issues, escalate to HR or executive leadership.
                  </p>
                </div>
              </div>
              <div className="flex gap-4">
                <div className="flex-shrink-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center font-bold text-white text-sm">
                  4
                </div>
                <div>
                  <p className="font-semibold text-white mb-1">
                    Investigation & Resolution
                  </p>
                  <p className="text-sm text-slate-300">
                    Leadership investigates, determines resolution, and
                    communicates outcome.
                  </p>
                </div>
              </div>
            </div>
          </section>

          <section>
            <h3 className="text-2xl font-bold text-white mb-4">Enforcement</h3>
            <div className="space-y-4">
              <div className="bg-yellow-900/20 border border-yellow-500/30 rounded-lg p-4">
                <h4 className="font-semibold text-yellow-400 mb-2">Minor Violation</h4>
                <p className="text-sm text-slate-300 mb-2">Examples: Minor rudeness, unprofessional tone, accidental confidentiality slip</p>
                <ul className="text-sm text-slate-300 space-y-1 pl-4">
                  <li>• <strong>First:</strong> Warning</li>
                  <li>• <strong>Second:</strong> 24-hour timeout/suspension</li>
                </ul>
              </div>

              <div className="bg-red-900/20 border border-red-500/30 rounded-lg p-4">
                <h4 className="font-semibold text-red-400 mb-2">Major Violation</h4>
                <p className="text-sm text-slate-300 mb-2">Examples: Hate speech, harassment, doxxing, legal violations, deliberate confidentiality breach</p>
                <ul className="text-sm text-slate-300 space-y-1 pl-4">
                  <li>• <strong>Immediate:</strong> Ban from platform</li>
                  <li>• <strong>Immediate:</strong> Report to authorities if illegal</li>
                  <li>• <strong>If Employee:</strong> Termination</li>
                </ul>
              </div>

              <div className="bg-slate-800/50 border border-slate-700 rounded-lg p-4 mt-4">
                <p className="text-sm text-slate-300">
                  <strong>Note:</strong> All violations are documented and may affect future employment, references, or eligibility for programs. Appeals can be submitted to HR within 30 days.
                </p>
              </div>
            </div>
          </section>
        </div>

        <div className="border-l-4 border-blue-500 pl-6 py-4 bg-blue-900/10">
          <p className="text-sm text-slate-300">
            <strong>Questions?</strong> Contact HR or your manager. This Code
            applies to everyone. No exceptions.
          </p>
        </div>
      </div>
    </InternalDocsLayout>
  );
}