{"id":62,"date":"2025-11-17T21:13:50","date_gmt":"2025-11-18T03:13:50","guid":{"rendered":"https:\/\/pediatraunam.directorio-comercial.com\/?page_id=62"},"modified":"2025-11-17T21:23:54","modified_gmt":"2025-11-18T03:23:54","slug":"agendar-citas","status":"publish","type":"page","link":"https:\/\/pediatraunam.directorio-comercial.com\/?page_id=62","title":{"rendered":"Agendar Citas"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-center has-background\" style=\"border-width:1px;border-radius:29px;background-color:#f2f2f7;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)\">Agenda tu cita <\/h2>\n\n\n<style>\n.form-container {\n  background: #FFFFFF;\n  padding: 25px;\n  border-radius: 16px;\n  max-width: 500px;\n  margin: auto;\n  box-shadow: 0 6px 20px rgba(0,0,0,0.08);\n  font-family: 'Inter', sans-serif;\n  box-sizing: border-box;\n}\n\n.form-container * {\n  box-sizing: border-box !important;\n}\n\n.form-title {\n  text-align: center;\n  font-size: 1.6rem;\n  font-weight: 700;\n  color: #7CC7F2;\n  margin-bottom: 20px;\n}\n\nlabel {\n  font-weight: 600;\n  color: #374151;\n  display: block;\n  margin-top: 15px;\n}\n\ninput, select {\n  width: 100%;\n  padding: 12px;\n  border-radius: 10px;\n  border: 1px solid #d0d0d0;\n  background: #F2F2F7;\n  margin-top: 5px;\n  font-size: 1rem;\n}\n\ninput:focus, select:focus {\n  outline: none;\n  border-color: #7CC7F2;\n  background: #ffffff;\n}\n\n.btn-enviar {\n  width: 100%;\n  margin-top: 25px;\n  background: linear-gradient(135deg, #7CC7F2, #F9B9D0);\n  border: none;\n  padding: 14px;\n  border-radius: 12px;\n  color: #fff;\n  font-size: 1.1rem;\n  font-weight: 700;\n  cursor: pointer;\n  transition: 0.3s;\n}\n\n.btn-enviar:hover {\n  opacity: 0.85;\n}\n<\/style>\n\n<div class=\"form-container\">\n  <h2 class=\"form-title\">Agenda tu cita<\/h2>\n\n  <form id=\"whatsappForm\">\n\n    <label>Nombre de la persona<\/label>\n    <input type=\"text\" id=\"nombrePersona\" required>\n\n    <label>Nombre del paciente<\/label>\n    <input type=\"text\" id=\"nombrePaciente\" required>\n\n    <label>Parentesco con el paciente<\/label>\n    <select id=\"parentesco\" required>\n      <option value=\"\">Selecciona una opci\u00f3n<\/option>\n      <option value=\"hijo\">Hijo(a)<\/option>\n      <option value=\"nieto\">Nieto(a)<\/option>\n      <option value=\"sobrino\">Sobrino(a)<\/option>\n      <option value=\"hermano\">Hermano(a)<\/option>\n      <option value=\"otro\">Otro<\/option>\n    <\/select>\n\n    <div id=\"parentescoOtroContainer\" style=\"display:none;\">\n      <label>Especifica el parentesco<\/label>\n      <input type=\"text\" id=\"parentescoOtro\">\n    <\/div>\n\n    <label>Unidad de edad<\/label>\n    <select id=\"tipoEdad\">\n      <option value=\"a\u00f1os\">A\u00f1os<\/option>\n      <option value=\"meses\">Meses<\/option>\n    <\/select>\n\n    <label>Edad del paciente<\/label>\n    <input type=\"number\" id=\"edad\" min=\"0\" required>\n\n    <label>Servicio<\/label>\n    <select id=\"servicio\" required>\n      <option value=\"\">Selecciona un servicio<\/option>\n      <option value=\"Prevenci\u00f3n, diagn\u00f3stico y tratamiento de enfermedades\">\n        Prevenci\u00f3n, diagn\u00f3stico y tratamiento de enfermedades\n      <\/option>\n      <option value=\"Control de crecimiento\">Control de crecimiento<\/option>\n      <option value=\"Aplicaci\u00f3n de vacunas\">Aplicaci\u00f3n de vacunas<\/option>\n      <option value=\"Orientaci\u00f3n nutricional\">Orientaci\u00f3n nutricional<\/option>\n    <\/select>\n\n    <label>Fecha de la consulta<\/label>\n    <input type=\"date\" id=\"fecha\" required>\n\n    <label>Hora de la consulta<\/label>\n    <input type=\"time\" id=\"hora\" required>\n\n    <button type=\"submit\" class=\"btn-enviar\">Enviar por WhatsApp<\/button>\n\n  <\/form>\n<\/div>\n\n<script>\n  const parentesco = document.getElementById(\"parentesco\");\n  const parentescoOtroContainer = document.getElementById(\"parentescoOtroContainer\");\n  const edadInput = document.getElementById(\"edad\");\n  const tipoEdad = document.getElementById(\"tipoEdad\");\n\n  parentesco.addEventListener(\"change\", () => {\n    parentescoOtroContainer.style.display = parentesco.value === \"otro\" ? \"block\" : \"none\";\n  });\n\n  edadInput.addEventListener(\"input\", () => {\n    if (edadInput.value <= 1) tipoEdad.value = \"meses\";\n    else tipoEdad.value = \"a\u00f1os\";\n  });\n\n  document.getElementById(\"whatsappForm\").addEventListener(\"submit\", function(e) {\n    e.preventDefault();\n\n    const nombrePersona = document.getElementById(\"nombrePersona\").value;\n    const nombrePaciente = document.getElementById(\"nombrePaciente\").value;\n\n    let parentescoFinal = parentesco.value;\n    if (parentescoFinal === \"otro\") {\n      parentescoFinal = document.getElementById(\"parentescoOtro\").value;\n    }\n\n    const edad = `${edadInput.value} ${tipoEdad.value}`;\n    const servicio = document.getElementById(\"servicio\").value;\n    const fecha = document.getElementById(\"fecha\").value;\n    const hora = document.getElementById(\"hora\").value;\n\n    \/\/ N\u00famero real de la doctora con +52\n     const telefono = \"524651088260\";\n\n    \n\n    const mensaje = \n`Hola buen d\u00eda, mi nombre es ${nombrePersona} me gustar\u00eda agendar una cita para mi ${parentescoFinal}, ${nombrePaciente} de ${edad} para el servicio de ${servicio}. Quer\u00eda ver si est\u00e1 disponible para el d\u00eda ${fecha} a las ${hora}.`;\n\n    const url = `https:\/\/wa.me\/${telefono}?text=${encodeURIComponent(mensaje)}`;\n\n    window.open(url, \"_blank\");\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Agenda tu cita Agenda tu cita Nombre de la persona Nombre del paciente Parentesco con el paciente Selecciona una opci\u00f3nHijo(a)Nieto(a)Sobrino(a)Hermano(a)Otro Especifica el parentesco Unidad de edad A\u00f1osMeses Edad del paciente Servicio Selecciona un servicio Prevenci\u00f3n, diagn\u00f3stico y tratamiento de enfermedades Control de crecimientoAplicaci\u00f3n de vacunasOrientaci\u00f3n nutricional Fecha de la consulta Hora de la consulta Enviar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-header-image","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-62","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pediatraunam.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pediatraunam.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pediatraunam.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pediatraunam.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pediatraunam.directorio-comercial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=62"}],"version-history":[{"count":5,"href":"https:\/\/pediatraunam.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/pediatraunam.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/62\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/pediatraunam.directorio-comercial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}