/* global React */

const DOCTORALIA_PROFILE_URL = 'https://www.doctoralia.com.br/bruna-bianca-mazoro-duarte-chaves/oftalmologista/paco-do-lumiar';
const DOCTORALIA_DOCTOR_SLUG = 'bruna-bianca-mazoro-duarte-chaves';
const DOCTORALIA_SCRIPT_ID = 'zl-widget-s';

// Widget oficial da Doctoralia (agendamento/opinião). O script da plataforma escaneia
// o DOM por âncoras `.zl-url` e as substitui pelo widget renderizado — só precisa
// ser carregado uma vez, mesmo com várias âncoras na página.
function DoctoraliaWidget({ type, opinion = false, style }) {
  React.useEffect(() => {
    if (document.getElementById(DOCTORALIA_SCRIPT_ID)) return;
    const script = document.createElement('script');
    script.id = DOCTORALIA_SCRIPT_ID;
    script.src = '//platform.docplanner.com/js/widget.js';
    document.body.appendChild(script);
  }, []);

  return (
    <a
      className="zl-url"
      href={DOCTORALIA_PROFILE_URL}
      rel="nofollow"
      data-zlw-doctor={DOCTORALIA_DOCTOR_SLUG}
      data-zlw-type={type}
      data-zlw-opinion={opinion ? 'true' : 'false'}
      data-zlw-hide-branding="true"
      data-zlw-saas-only="true"
      data-zlw-a11y-title="Widget de marcação de consultas médicas"
      style={style}
    >
      Marque uma consulta
    </a>
  );
}

Object.assign(window, { DoctoraliaWidget });