// Corporate Development page — placeholder. Locked at the sidebar level for
// non-elevated users; if a non-elevated user reaches this route directly
// (e.g. via a bookmarked URL), the access-denied banner is shown instead of
// the placeholder content.

window.CorporateDev = function CorporateDev({ session }) {
  const elevated = window.EQ_IS_AUTHORIZED ? window.EQ_IS_AUTHORIZED(session) : true;

  return (
    <div>
      <window.TopBar
        title={
          <span style={{ display: 'inline-flex', alignItems: 'center', gap: 10 }}>
            <span style={{ color: '#0077b6' }}>Corporate Development</span>
          </span>
        }
        subtitle="Restricted module · Onni Group"
      />

      <div style={{ padding: '60px 32px', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 16 }}>
        {!elevated && (
          <div style={{
            padding: '14px 22px', borderRadius: 10, fontSize: 13, fontWeight: 500,
            background: 'var(--pass-soft)', color: 'var(--pass)',
            border: '1px solid var(--pass-soft)',
            display: 'inline-flex', alignItems: 'center', gap: 10,
          }}>
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none">
              <path d="M5 11h14a1 1 0 011 1v8a1 1 0 01-1 1H5a1 1 0 01-1-1v-8a1 1 0 011-1zm2 0V7a5 5 0 0110 0v4"
                    stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
            </svg>
            Access restricted — contact your administrator for permissions.
          </div>
        )}

        <div style={{
          width: '100%', maxWidth: 720,
          padding: '60px 32px', textAlign: 'center',
          background: 'var(--paper)', border: '1px solid var(--ink-150)', borderRadius: 14,
        }}>
          <div style={{
            display: 'inline-flex', alignItems: 'center', justifyContent: 'center',
            width: 68, height: 68, borderRadius: 16,
            background: '#E6F2FA',
            marginBottom: 20,
          }}>
            <svg width="34" height="34" viewBox="0 0 24 24" fill="none">
              <path d="M3 21h18M5 21V7l8-4v18M19 21V11l-6-4"
                    stroke="#0077b6" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"/>
            </svg>
          </div>
          <div style={{ fontSize: 9.5, fontWeight: 700, letterSpacing: '0.14em', color: '#0077b6', textTransform: 'uppercase', marginBottom: 8 }}>
            Coming Soon
          </div>
          <h2 style={{ margin: 0, fontSize: 22, fontWeight: 700, color: 'var(--ink-900)', letterSpacing: '-0.02em', marginBottom: 10 }}>
            Corporate Development
          </h2>
          <p style={{ margin: 0, fontSize: 14, color: 'var(--ink-500)', lineHeight: 1.6, maxWidth: 480, marginLeft: 'auto', marginRight: 'auto' }}>
            M&amp;A pipeline tracking, deal sourcing, target screening, and synergy
            modeling will live here. Module is under active development.
          </p>
        </div>
      </div>
    </div>
  );
};