/** @jsx React.createElement */

function Service({ number, title, image, reverse, children }) {
  return (
    <article className={`service ${reverse ? 'service-reverse' : ''}`}>
      <div className="service-media">
        <img src={image} alt={title} />
        <span className="service-number">{number}</span>
      </div>
      <div className="service-body">
        <h4 className="service-title">{title}</h4>
        {children}
      </div>
    </article>
  );
}

function Services() {
  return (
    <section id="service" className="section section-dark on-dark">
      <div className="container">
        <div className="eyebrow section-eyebrow">Qué ofrecemos</div>
        <h2 className="section-title">NUESTROS <span className="accent">SERVICIOS</span></h2>

        <Service number="01" title="Integración de aplicaciones médicas" image="../../assets/integration.jpg">
          <p>Existe un complejo ecosistema de aplicaciones médicas:</p>
          <ul className="check-list">
            <li>Sistemas de archivos de imágenes <b>(PACS)</b></li>
            <li>Sistemas de información radiológica <b>(RIS)</b></li>
            <li>Sistemas de laboratorio <b>(LIS)</b></li>
            <li>Historias clínicas electrónicas <b>(HCE)</b></li>
            <li>Sistemas administrativos <b>(HIS)</b></li>
            <li>Sistemas de admisión de pacientes <b>(ADT)</b></li>
          </ul>
          <p>Su interoperabilidad exige estándares:</p>
          <div className="std-grid">
            <div><b>Transporte:</b> XML, JSON, ER7, YAML, CSV, FHIR…</div>
            <div><b>Comunicación:</b> TCP, FTP, SFTP, SMTP, HTTP, MLLP…</div>
            <div><b>Mensajería:</b> DICOM, HL7 (v2, v3, FHIR), EDI…</div>
            <div><b>Vocabulario:</b> LOINC, SNOMED-CT, CIE-9, CIE-10…</div>
          </div>
        </Service>

        <Service number="02" title="Migración de datos clínicos" image="../../assets/migration.jpg" reverse>
          <p>Cada vez que un sistema es reemplazado por uno nuevo, el <b>acceso a los datos históricos</b> suele ser un problema.</p>
          <p>Las opciones van desde conservar la historia en su antiguo repositorio hasta <b>migrarlos</b> a su nuevo ambiente.</p>
          <p>La migración consiste en la <b>extracción</b> de datos en su origen, <b>normalización y transformación</b> al nuevo formato y su <b>carga</b> en el destino.</p>
          <p>La innovación y experiencia que Gitten Consulting trae a este delicado proceso asegurará la <b>precisión</b> de los datos y la <b>continuidad operacional</b> de los procesos analíticos y de gestión.</p>
        </Service>

        <Service number="03" title="Consultoría de proyectos" image="assets/consulting.jpg">
          <p>Como expertos en <b>Medical IT</b> estamos familiarizados con temas como:</p>
          <ul className="check-list">
            <li><b>Seguridad</b> y <b>privacidad</b> de los datos del paciente</li>
            <li><b>Regulaciones gubernamentales</b></li>
            <li><b>Estándares</b> de la industria</li>
          </ul>
          <p>Trabajamos junto a nuestros clientes y socios para desarrollar e implementar estrategias basadas en lo último de la <b>tecnología y salud</b>.</p>
        </Service>
      </div>
    </section>
  );
}

window.Services = Services;