{"id":7205,"date":"2026-06-10T09:44:20","date_gmt":"2026-06-10T14:44:20","guid":{"rendered":"https:\/\/new-web.hospitalsantamonica.gov.co\/?page_id=7205"},"modified":"2026-06-10T09:47:26","modified_gmt":"2026-06-10T14:47:26","slug":"solicitar-citas","status":"publish","type":"page","link":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/solicitar-citas\/","title":{"rendered":"Solicitar Citas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7205\" class=\"elementor elementor-7205\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f9134f e-con e-atomic-element e-flexbox-base e-9dab803 \" data-id=\"1f9134f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1f9134f\">\n    \t\t<div class=\"elementor-element elementor-element-4fdcd1e elementor-widget elementor-widget-shortcode\" data-id=\"4fdcd1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<div class=\"cmhsm-container\">\r\n    <h2>\ud83c\udfe5 Solicitar Cita M\u00e9dica<\/h2>\r\n\r\n    <div id=\"cmhsm-mensaje\"><\/div>\r\n\r\n    <form id=\"cmhsm-form\">\r\n        <div class=\"cmhsm-row\">\r\n            <div class=\"cmhsm-col\">\r\n                <label>Nombre *<\/label>\r\n                <input type=\"text\" name=\"nombre\" required>\r\n            <\/div>\r\n            <div class=\"cmhsm-col\">\r\n                <label>Email *<\/label>\r\n                <input type=\"email\" name=\"email\" required>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cmhsm-row\">\r\n            <div class=\"cmhsm-col\">\r\n                <label>Tel\u00e9fono *<\/label>\r\n                <input type=\"text\" name=\"telefono\" required>\r\n            <\/div>\r\n            <div class=\"cmhsm-col\">\r\n                <label>Documento *<\/label>\r\n                <input type=\"text\" name=\"documento\" required>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cmhsm-row\">\r\n            <div class=\"cmhsm-col\">\r\n                <label>EPS *<\/label>\r\n                <input type=\"text\" name=\"eps\" required>\r\n            <\/div>\r\n            <div class=\"cmhsm-col\">\r\n                <label>Direcci\u00f3n *<\/label>\r\n                <input type=\"text\" name=\"direccion\" required>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cmhsm-row\">\r\n            <div class=\"cmhsm-col\">\r\n                <label>Servicio *<\/label>\r\n                <select name=\"servicio\" required>\r\n                    <option value=\"\">Seleccione<\/option>\r\n                    <option>Medicina General<\/option>\r\n                    <option>Especialista<\/option>\r\n                    <option>Odontolog\u00eda<\/option>\r\n                    <option>Imageneologia<\/option>\r\n\r\n                <\/select>\r\n            <\/div>\r\n            <div class=\"cmhsm-col\">\r\n                <label>Fecha *<\/label>\r\n                <input type=\"date\" name=\"fecha\" required>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cmhsm-row\">\r\n            <div class=\"cmhsm-col\">\r\n                <label>Hora *<\/label>\r\n                <input type=\"time\" name=\"hora\" required>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <textarea name=\"mensaje\" placeholder=\"S\u00edntomas\"><\/textarea>\r\n\r\n        <button type=\"submit\">Solicitar Cita<\/button>\r\n    <\/form>\r\n<\/div>\r\n\r\n<style>\r\n.cmhsm-container{max-width:700px;margin:auto;font-family:Arial}\r\n.cmhsm-row{display:flex;gap:10px}\r\n.cmhsm-col{flex:1}\r\ninput,select,textarea{width:100%;padding:10px;margin:5px 0;border-radius:8px;border:1px solid #ccc}\r\nbutton{background:#003366;color:#fff;padding:12px;border:none;width:100%;border-radius:8px;cursor:pointer}\r\nbutton:disabled{opacity:0.6}\r\n.cmhsm-message{padding:12px;border-radius:8px;margin-bottom:15px}\r\n.cmhsm-message.success{background:#d4edda;color:#155724;border-left:4px solid #28a745}\r\n.cmhsm-message.error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}\r\n<\/style>\r\n\r\n<script>\r\ndocument.getElementById('cmhsm-form').addEventListener('submit', function(e){\r\n    e.preventDefault();\r\n    \r\n    const form = this;\r\n    const submitBtn = form.querySelector('button');\r\n    const originalText = submitBtn.innerHTML;\r\n    \r\n    submitBtn.disabled = true;\r\n    submitBtn.innerHTML = 'Enviando...';\r\n    \r\n    let data = new FormData(this);\r\n    data.append('action', 'cmhsm_save');\r\n\r\n    fetch('https:\/\/new-web.hospitalsantamonica.gov.co\/wp-admin\/admin-ajax.php', {\r\n        method: 'POST',\r\n        body: data\r\n    })\r\n    .then(r => r.json())\r\n    .then(res => {\r\n        const messageDiv = document.getElementById('cmhsm-mensaje');\r\n        const className = res.success ? 'success' : 'error';\r\n        messageDiv.innerHTML = '<div class=\"cmhsm-message ' + className + '\">' + res.data.message + '<\/div>';\r\n        if (res.success) form.reset();\r\n        setTimeout(() => messageDiv.innerHTML = '', 8000);\r\n    })\r\n    .catch(() => {\r\n        document.getElementById('cmhsm-mensaje').innerHTML = '<div class=\"cmhsm-message error\">\u274c Error de conexi\u00f3n. Intenta de nuevo.<\/div>';\r\n    })\r\n    .finally(() => {\r\n        submitBtn.disabled = false;\r\n        submitBtn.innerHTML = originalText;\r\n    });\r\n});\r\n<\/script>\r\n\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7205","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/7205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/comments?post=7205"}],"version-history":[{"count":4,"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/7205\/revisions"}],"predecessor-version":[{"id":7210,"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/7205\/revisions\/7210"}],"wp:attachment":[{"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/media?parent=7205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}