const AREAS = [
  { slug: "inversionista", page: "inversionistas", anchor: "como-te-ayudamos", t: "Asesoría al inversionista", p: "Revisamos lo que firmas, acompañamos tu inversión y te defendemos si algo sale mal." },
  { slug: "fondos", page: "empresas", anchor: "fondos", t: "Estructuración de fondos de inversión de oferta privada", p: "Estructuramos fondos de inversión de oferta privada y sus sociedades gestoras." },
  { slug: "financiamiento", page: "empresas", anchor: "financiamiento", t: "Financiamiento", p: "Emisión de deuda en el mercado de valores: bonos, papeles comerciales, fideicomisos y titulizaciones." },
  { slug: "regulacion", page: "empresas", anchor: "regulacion", t: "Regulación financiera", p: "Consultoría sobre las normas de la SMV para entidades del mercado y sus proyectos." }
];
const areaN = (slug) => "0" + (AREAS.findIndex((a) => a.slug === slug) + 1);
const areaHref = (a) => "#/" + a.page + "/" + a.anchor;

const HELP = [
  { t: "Entiende lo que firmas", p: "Te explicamos en simple tus contratos, tus operaciones y tus derechos.",
    l: ["SAB: contrato de intermediación, órdenes, pólizas, estado de cuenta, comisiones y registro en CAVALI.", "Fondos: reglamento de participación, contrato de suscripción, comisiones, rescates y asambleas.", "Titulización: prospecto, acto constitutivo, cronograma y orden de pagos e informes."] },
  { t: "Representación legal en asambleas", p: "Revisamos la agenda y los documentos, preparamos tu voto y te representamos.",
    l: ["Asamblea general de partícipes de un fondo.", "Asamblea de fideicomisarios.", "Asamblea de obligacionistas de una emisión de bonos."] },
  { t: "Defensa legal", p: "Cuando se vulneran tus derechos, elegimos la vía y el plazo correctos.",
    l: ["Reclamo escrito ante la SAB, la administradora o la titulizadora.", "Denuncia ante la SMV o el Indecopi.", "Arbitraje o demanda, y cobro con el Fondo de Garantía cuando corresponde."] }
];

const HELP_EMP = [
  { id: "fondos", t: "Estructuración de fondos de inversión de oferta privada", p: "Constituimos sociedades gestoras y estructuramos fondos de inversión de oferta privada.",
    l: ["Constitución y estructura de la sociedad gestora.", "Diseño del fondo y de sus reglas de inversión.", "Reglamento de participación y contrato de suscripción.", "Requisitos de la oferta privada ante la SMV.", "Capacitación al equipo comercial en venta responsable de fondos privados: qué puede ofrecer, a quién y con qué información."] },
  { id: "financiamiento", t: "Financiamiento", p: "Emisión de deuda en el mercado de valores: bonos, papeles comerciales, fideicomisos y titulizaciones.",
    l: ["Evaluación de la ruta: oferta privada u oferta pública.", "Bonos y otros instrumentos de deuda.", "Papeles comerciales e instrumentos de corto plazo.", "Fideicomisos y titulizaciones de flujos o activos.", "Coordinación con la sociedad agente de bolsa o la titulizadora que coloca los valores."] },
  { id: "regulacion", t: "Regulación financiera", p: "Consultoría sobre las normas de la SMV para entidades del mercado y sus proyectos.",
    l: ["Lectura y aplicación de las normas de la SMV.", "Diagnóstico de cumplimiento y plan de mejora.", "Orientación para proyectos que requieren autorización: SAB, SAF o titulizadora.", "Capacitación al equipo comercial en las normas de conducta de la SMV: conocer el perfil del cliente, entregar la información obligatoria y cuidar la publicidad."] }
];

const EMP_SITS = ["Necesitamos financiarnos y el banco no es la mejor opción.", "Queremos lanzar un fondo privado.", "Nos llegó un requerimiento de la SMV.", "Tenemos excedentes y no sabemos cómo invertirlos.", "Queremos crear una SAB, una SAF o una titulizadora y no sabemos por dónde empezar.", "No sabemos si ir por oferta pública o privada.", "Nos llegó un oficio de cargos de la SMV."];

const CheckList = ({ items }) => <ul className="sits">{items.map((s) => <li className="rv" key={s}><Icon name="check" size={20} strokeWidth={1.5} color="var(--lex-bronze)" />{s}</li>)}</ul>;

const AreaCards = () => <div className="areas">{AREAS.map((a) => <a className="area rv" key={a.slug} href={areaHref(a)}>
  <span className="area-n">{areaN(a.slug)}</span>
  <h3>{a.t}</h3><p>{a.p}</p>
  <span className="more">Ver el área <Icon name="arrow-right" size={14} /></span>
</a>)}</div>;

function AreasSection({ className = "ivory sec hs" }) {
  return <section className={className} id="areas">
    <div className="wrap">
      <Label>Áreas</Label>
      <h2 className="h2 rv">Áreas de práctica</h2>
      <AreaCards />
    </div>
  </section>;
}

function HelpSection({ items = HELP }) {
  return <section className="white sec" id="como-te-ayudamos">
    <div className="wrap">
      <Label>Cómo te ayudamos</Label>
      <h2 className="h2 rv">Cómo te ayudamos</h2>
      <div className="helps">{items.map((h, i) => <article className="help rv" key={h.t} id={h.id}>
        <span className="area-n">{"0" + (i + 1)}</span>
        <h3>{h.t}</h3><p>{h.p}</p>
        <ul>{h.l.map((x) => <li key={x}>{x}</li>)}</ul>
      </article>)}</div>
    </div>
  </section>;
}

function EmpSituations() {
  return <section className="ivory sec" id="situaciones">
    <div className="wrap">
      <Label>Problemas frecuentes</Label>
      <h2 className="h2 rv">Problemas frecuentes</h2>
      <p className="lead" style={{ marginTop: 16 }}>Elige la que se parece a tu caso y solicita tu llamada gratuita.</p>
      <div className="pcards emp">{EMP_SITS.map((t) => <a className="prob rv" key={t} href="#/contacto/agenda" onClick={toAgenda}><p>{t}</p><span className="more">Agenda tu llamada gratuita <Icon name="arrow-right" size={14} /></span></a>)}</div>
    </div>
  </section>;
}

function AcadStrip() {
  return <section className="deep strip">
    <div className="wrap strip-in">
      <p><b>¿Empiezas de cero?</b> Si nunca has invertido en bolsa ni en fondos, empieza por lo básico en Lex Securities Academia.</p>
      <Button variant="outline-inverse" iconEnd={<Icon name="arrow-right" size={16} />} onClick={() => go("/academia")}>Ir a la Academia</Button>
    </div>
  </section>;
}

const AREA_REDIRECT = { inversionista: "#/inversionistas/como-te-ayudamos", fondos: "#/empresas/fondos", financiamiento: "#/empresas/financiamiento", regulacion: "#/empresas/regulacion" };

Object.assign(window, { AREAS, HELP, HELP_EMP, EMP_SITS, CheckList, AreaCards, AreasSection, HelpSection, EmpSituations, AcadStrip, AREA_REDIRECT });