{"id":9,"date":"2026-08-09T21:34:52","date_gmt":"2026-08-10T03:34:52","guid":{"rendered":"https:\/\/drantoniogonzales.directorio-comercial.com\/?page_id=9"},"modified":"2026-08-09T21:35:33","modified_gmt":"2026-08-10T03:35:33","slug":"agendar-cita","status":"publish","type":"page","link":"https:\/\/drantoniogonzales.directorio-comercial.com\/?page_id=9","title":{"rendered":"Agendar Cita"},"content":{"rendered":"        <div class=\"dagt-app dagt-patient-app\">\n            <header class=\"dagt-topbar\">\n                <img decoding=\"async\" src=\"https:\/\/drantoniogonzales.directorio-comercial.com\/wp-content\/plugins\/dr-antonio-citas-wp\/assets\/marca-dr-antonio.png\" alt=\"Dr. Antonio Gonz\u00e1lez Tovar\">\n                <a class=\"dagt-dr-access\" href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F9&#038;doctor_panel=1\">DR<\/a>\n            <\/header>\n\n            <div class=\"dagt-shell\">\n                <section class=\"dagt-hero\">\n                    <h1>AGENDA TU CITA<\/h1>\n                    <p>Selecciona consulta presencial o consulta en l\u00ednea, elige una fecha disponible y confirma tu horario.<\/p>\n                <\/section>\n\n                <div class=\"dagt-mode-switch\">\n                    <button type=\"button\" class=\"dagt-mode active\" data-mode=\"presencial\">\u25a3 CITA PRESENCIAL<\/button>\n                    <button type=\"button\" class=\"dagt-mode\" data-mode=\"online\">\u25b0 CONSULTA EN L\u00cdNEA<\/button>\n                <\/div>\n\n                <section class=\"dagt-step\">\n                    <div class=\"dagt-step-title\"><span>1<\/span><h2>Selecciona la fecha<\/h2><\/div>\n                    <div class=\"dagt-calendar-card\">\n                        <div class=\"dagt-calendar-head\">\n                            <button type=\"button\" id=\"dagtPrevMonth\">\u2039<\/button>\n                            <strong id=\"dagtMonthLabel\">Mes<\/strong>\n                            <button type=\"button\" id=\"dagtNextMonth\">\u203a<\/button>\n                        <\/div>\n                        <div class=\"dagt-week-row\">\n                            <span>Lun<\/span><span>Mar<\/span><span>Mi\u00e9<\/span><span>Jue<\/span><span>Vie<\/span><span>S\u00e1b<\/span><span>Dom<\/span>\n                        <\/div>\n                        <div id=\"dagtCalendarGrid\" class=\"dagt-calendar-grid\"><\/div>\n                        <div class=\"dagt-legend\">\n                            <span><i class=\"available\"><\/i> Disponible<\/span>\n                            <span><i class=\"selected\"><\/i> Seleccionado<\/span>\n                            <span><i class=\"full\"><\/i> Agenda llena<\/span>\n                        <\/div>\n                        <p class=\"dagt-hint\">Todos los d\u00edas y horarios futuros empiezan disponibles y se bloquean conforme los pacientes reservan.<\/p>\n                    <\/div>\n                <\/section>\n\n                <section class=\"dagt-step\">\n                    <div class=\"dagt-step-title\"><span>2<\/span><h2>Selecciona el horario disponible<\/h2><\/div>\n                    <p id=\"dagtSlotHint\" class=\"dagt-hint\">Selecciona primero una fecha.<\/p>\n                    <div id=\"dagtTimeGrid\" class=\"dagt-time-grid\"><\/div>\n                <\/section>\n\n                <form id=\"dagtAppointmentForm\" novalidate>\n                    <section class=\"dagt-step\">\n                        <div class=\"dagt-step-title\"><span>3<\/span><h2>Motivo de la consulta<\/h2><\/div>\n                        <label class=\"dagt-select-card\">\n                            <span>\ud83e\uddb4<\/span>\n                            <select id=\"dagtReason\" required>\n                                <option value=\"\">Selecciona el motivo<\/option>\n                                <option>Dolor de rodilla<\/option>\n                                <option>Dolor de espalda<\/option>\n                                <option>Dolor de hombro<\/option>\n                                <option>Dolor de cadera<\/option>\n                                <option>Lesi\u00f3n deportiva<\/option>\n                                <option>Fractura o traumatismo<\/option>\n                                <option>Seguimiento postoperatorio<\/option>\n                                <option>Revisi\u00f3n de estudios<\/option>\n                                <option>Otro<\/option>\n                            <\/select>\n                        <\/label>\n                    <\/section>\n\n                    <section class=\"dagt-step\">\n                        <div class=\"dagt-step-title\"><span>4<\/span><h2>Datos del paciente<\/h2><\/div>\n                        <div class=\"dagt-patient-card\">\n                            <label><strong>Nombre completo<\/strong><input id=\"dagtName\" type=\"text\" placeholder=\"Escribe tu nombre completo\" required><\/label>\n                            <label><strong>Tel\u00e9fono<\/strong><input id=\"dagtPhone\" type=\"tel\" placeholder=\"Ej. 492 123 4567\" required><\/label>\n                            <label><strong>Correo electr\u00f3nico<\/strong><input id=\"dagtEmail\" type=\"email\" placeholder=\"ejemplo@correo.com\" required><\/label>\n                        <\/div>\n                    <\/section>\n\n                    <section class=\"dagt-step\">\n                        <div class=\"dagt-step-title\"><span>5<\/span><h2>M\u00e9todo de pago<\/h2><\/div>\n                        <label class=\"dagt-payment-card\">\n                            <span><strong>Selecciona c\u00f3mo deseas pagar<\/strong><small>La pasarela de pago real puede integrarse posteriormente.<\/small><\/span>\n                            <select id=\"dagtPaymentMethod\">\n                                <option value=\"card\">Tarjeta bancaria<\/option>\n                                <option value=\"transfer\">Transferencia<\/option>\n                                <option value=\"office\">Pago en consultorio<\/option>\n                            <\/select>\n                        <\/label>\n                    <\/section>\n\n                    <aside class=\"dagt-notice\">\n                        <strong>Tu cita quedar\u00e1 reservada al confirmar.<\/strong>\n                        <p>Tambi\u00e9n puedes enviar un mensaje por WhatsApp al 492 123 4567.<\/p>\n                    <\/aside>\n\n                    <div id=\"dagtErrorBox\" class=\"dagt-error\"><\/div>\n                    <button class=\"dagt-confirm-btn\" type=\"submit\">CONFIRMAR CITA<\/button>\n                <\/form>\n\n                <section id=\"dagtConfirmation\" class=\"dagt-confirmation dagt-hidden\">\n                    <div class=\"dagt-ok\">\u2713<\/div>\n                    <h2>\u00a1Cita confirmada!<\/h2>\n                    <p id=\"dagtConfirmationText\"><\/p>\n                    <a id=\"dagtConfirmWhatsapp\" class=\"dagt-whatsapp-btn\" target=\"_blank\" rel=\"noopener\">Enviar datos de la cita al doctor por WhatsApp<\/a>\n                    <button id=\"dagtNewAppointment\" type=\"button\">Agendar otra cita<\/button>\n                <\/section>\n            <\/div>\n        <\/div>\n        \n","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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/drantoniogonzales.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drantoniogonzales.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drantoniogonzales.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drantoniogonzales.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drantoniogonzales.directorio-comercial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":2,"href":"https:\/\/drantoniogonzales.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/drantoniogonzales.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/drantoniogonzales.directorio-comercial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}