// Sınav Kuralları sayfası
function KurallarPage() {
  const C = BROSIS_COLORS;
  const bolumler = [
    {
      baslik: 'Sınava Giriş',
      renk: C.soft,
      kurallar: [
        'Sınava zamanında geliniz. Sınav başladıktan 15 dakika sonra giriş kabul edilmez.',
        'Geçerli fotoğraflı resmi kimlik belgesi (T.C. Kimlik Kartı, pasaport) yanınızda olmalıdır.',
        'Sınav giriş belgesi (sistem üzerinden alınan çıktı veya dijital kopya) ibraz edilmelidir.',
        'Sınav merkezine sınav başlangıcından en az 30 dakika önce gelmeniz önerilir.',
      ],
    },
    {
      baslik: 'Sınav Sırasında Yasaklar',
      renk: '#FEF2F2',
      kurallar: [
        'Cep telefonu, akıllı saat, kablosuz kulaklık ve benzeri elektronik cihazlar yasaktır.',
        'Sınav salonunda başkasıyla iletişim kurmak ve kopya çekmek veya çektirmek yasaktır.',
        'Sınav kâğıdını ve soruları dışarı çıkarmak kesinlikle yasaktır.',
        'Gözetmen izninden izinsiz tuvalet çıkışı en fazla bir kez yapılabilir.',
      ],
    },
    {
      baslik: 'Sınav Formatı',
      renk: '#F0FDF4',
      kurallar: [
        'Teorik sınav: 40 çoktan seçmeli soru, 60 dakika.',
        'Uygulamalı sınav: meslek bazlı senaryo ve değerlendirme, 45–90 dakika.',
        'Her bölümden ayrı geçer not alınması gerekmektedir. Geçer puan: 60/100.',
        'Sınav Türkçe olarak gerçekleştirilir.',
      ],
    },
    {
      baslik: 'Engelli Adaylar İçin',
      renk: '#F5F3FF',
      kurallar: [
        'Engel durumuna göre ek süre (genel sürenin %50\'si) verilebilir.',
        'Fiziksel erişim gereksinimi olan adaylar için uygun salon düzenlemesi yapılır.',
        'Görme engelliler için büyük punto sınav kâğıdı temin edilebilir.',
        'Destek talebi için sınav tarihinden en az 10 gün önce başvurunuzu bildirin.',
      ],
    },
    {
      baslik: 'Sınav Sonrası',
      renk: '#FFF7ED',
      kurallar: [
        'Sonuçlar sınav tarihinden 10 iş günü içinde açıklanır.',
        'Sonuçlara itiraz süresi: sonuç açıklandıktan sonra 5 iş günü.',
        'Başarısız adaylar 3 ay sonra yeniden başvurabilir.',
        'Başarılı adaylara belge 5–7 iş günü içinde kargo ile gönderilir.',
      ],
    },
  ];

  return (
    <BrosisPage activePage="Belgelendirme" breadcrumb={[{ label: 'Belgelendirme', href: 'surec.html' }, { label: 'Sınav Kuralları' }]}>
      <BrosisPageHero eyebrow="Sınav · Kurallar" title="Sınav" titleAccent="Kuralları" subtitle="Sınav günü uymanız gereken kurallar ve önemli bilgiler. Lütfen dikkatlice okuyunuz." />

      <BrosisSection>
        <div style={{ maxWidth: 900, margin: '0 auto', display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 20 }}>
          {bolumler.map((b, i) => (
            <div key={i} style={{ background: b.renk, borderRadius: 18, padding: 28, border: '1px solid rgba(0,0,0,0.04)', gridColumn: i === 4 ? '1 / -1' : undefined }}>
              <h3 style={{ fontSize: 16, fontWeight: 800, color: C.primary, marginBottom: 18, letterSpacing: '-0.01em' }}>{b.baslik}</h3>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>
                {b.kurallar.map((k, j) => (
                  <div key={j} style={{ display: 'flex', alignItems: 'flex-start', gap: 10 }}>
                    <div style={{ width: 22, height: 22, borderRadius: '50%', background: '#fff', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 11, fontWeight: 800, color: C.accent, flexShrink: 0 }}>{j + 1}</div>
                    <span style={{ fontSize: 13.5, color: '#475569', lineHeight: 1.6 }}>{k}</span>
                  </div>
                ))}
              </div>
            </div>
          ))}
        </div>

        <div style={{ marginTop: 32, maxWidth: 900, margin: '32px auto 0', padding: '20px 28px', background: C.primary, borderRadius: 14, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
          <div style={{ color: '#fff' }}>
            <div style={{ fontSize: 14, fontWeight: 700 }}>Kurallarla ilgili sorunuz mu var?</div>
            <div style={{ fontSize: 13, opacity: 0.7, marginTop: 4 }}>Sınav öncesi tüm sorularınızı yanıtlayalım.</div>
          </div>
          <a href="iletisim.html" style={{ padding: '12px 24px', background: C.accent, color: '#fff', borderRadius: 10, fontSize: 13, fontWeight: 700, textDecoration: 'none', whiteSpace: 'nowrap' }}>İletişime Geç →</a>
        </div>
      </BrosisSection>
    </BrosisPage>
  );
}
ReactDOM.createRoot(document.getElementById('root')).render(<KurallarPage />);