import { Download } from 'lucide-react';
import fs from 'fs';
import path from 'path';

export default function AGB() {
  const filePath = path.join(process.cwd(), 'context/agbs.md');
  const fileContent = fs.readFileSync(filePath, 'utf8');

  // Simple parsing of the markdown file
  const lines = fileContent.split('\n').map(l => l.trim()).filter(line => line !== '');
  
  const title = lines[0] || 'Liefer- und Zahlungsbedingungen';
  const stand = lines[1] || 'Stand Januar 2026';
  
  const sections: { title: string; content: string[] }[] = [];
  let currentSection: { title: string; content: string[] } | null = null;

  // Skip title and stand
  lines.slice(2).forEach(line => {
    // Check if line starts with a number followed by a dot (e.g., "1. ", "10. ")
    if (/^\d+\./.test(line)) {
      if (currentSection) sections.push(currentSection);
      currentSection = { title: line, content: [] };
    } else if (currentSection) {
      currentSection.content.push(line);
    }
  });
  if (currentSection) sections.push(currentSection);

  // The last line is usually the location/date
  const footer = lines[lines.length - 1];
  // Remove footer from the last section's content if it was added there
  if (sections.length > 0) {
    const lastSection = sections[sections.length - 1];
    if (lastSection.content.includes(footer)) {
      lastSection.content = lastSection.content.filter(c => c !== footer);
    }
  }

  return (
    <div className="bg-slate-50 min-h-screen pt-28 pb-20">
      <div className="container-custom">
        <div className="max-w-4xl mx-auto bg-white p-8 md:p-12 rounded-[2.5rem] shadow-sm border border-slate-100">
          <div className="flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8">
            <div>
              <h1 className="text-4xl font-extrabold text-primary mb-2">{title}</h1>
              <p className="text-slate-500 font-medium">{stand}</p>
            </div>
            <a
              href="/assets/AGB MB Grid 1-2026.pdf"
              download
              className="btn-primary !py-3 !px-6 flex items-center gap-2"
            >
              <Download size={18} />
              Als PDF herunterladen
            </a>
          </div>
          
          <div className="space-y-8 text-slate-600 leading-relaxed">
            {sections.map((section, index) => (
              <div key={index}>
                <h2 className="text-2xl font-bold text-primary mb-4">{section.title}</h2>
                <div className="space-y-4">
                  {section.content.map((paragraph, pIndex) => (
                    <p key={pIndex}>{paragraph}</p>
                  ))}
                </div>
              </div>
            ))}

            <div className="pt-8 border-t border-slate-100">
              <p className="font-bold text-primary">{footer}</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
