{"id":16,"date":"2026-08-14T17:12:45","date_gmt":"2026-08-14T17:12:45","guid":{"rendered":"https:\/\/vitalis.beauty\/?page_id=16"},"modified":"2026-08-14T17:12:45","modified_gmt":"2026-08-14T17:12:45","slug":"portal-medico","status":"publish","type":"page","link":"https:\/\/vitalis.beauty\/?page_id=16","title":{"rendered":"Portal M\u00e9dico"},"content":{"rendered":"\n<style>\n  :root {\n    --bg: #FAF9F6; --text: #1F1F1F; --muted: #6B6B6B; --accent: #A68A64;\n    --white: #FFFFFF; --border: #E5E5E5; --success: #2C5F2D;\n  }\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  body { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; background: var(--bg); color: var(--text); display: flex; align-items: center; justify-content: center; min-height: 100vh; }\n  .vitalis-card { background: var(--white); border: 1px solid var(--border); padding: 48px; width: 100%; max-width: 480px; border-radius: 4px; text-align: center; }\n  .vitalis-logo { font-size: 20px; font-weight: 300; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 32px; display: inline-block; }\n  .vitalis-badge { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: var(--accent); border: 1px solid var(--accent); padding: 6px 14px; display: inline-block; margin-bottom: 32px; }\n  .vitalis-info { text-align: left; margin-bottom: 32px; }\n  .vitalis-info-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--border); font-size: 15px; }\n  .vitalis-info-row span:first-child { color: var(--muted); }\n  .vitalis-btn { width: 100%; padding: 16px; background: var(--success); color: var(--white); border: none; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: opacity 0.3s; }\n  .vitalis-btn:hover { opacity: 0.9; }\n  .vitalis-btn:disabled { background: var(--border); color: var(--muted); cursor: not-allowed; }\n  .vitalis-done { display: none; color: var(--success); margin-top: 24px; font-size: 16px; }\n<\/style>\n\n<div class=\"vitalis-card\">\n  <div class=\"vitalis-logo\">Vitalis<\/div>\n  <div class=\"vitalis-badge\">Portal M\u00e9dico Interno<\/div>\n  \n  <h2 style=\"font-size: 20px; font-weight: 400; margin-bottom: 24px;\">Autorizar receta<\/h2>\n  \n  <div class=\"vitalis-info\">\n    <div class=\"vitalis-info-row\">\n      <span>Paciente<\/span>\n      <span>Cliente #<?php echo $_GET['order_id'] ?? '---'; ?><\/span>\n    <\/div>\n    <div class=\"vitalis-info-row\">\n      <span>Producto<\/span>\n      <span>Resveratrol 500mg<\/span>\n    <\/div>\n    <div class=\"vitalis-info-row\">\n      <span>Orden<\/span>\n      <span>#<?php echo $_GET['order_id'] ?? '---'; ?><\/span>\n    <\/div>\n  <\/div>\n\n  <button id=\"btn-authorize\" class=\"vitalis-btn\" onclick=\"authorize()\">Autorizar compra<\/button>\n  <div id=\"done-msg\" class=\"vitalis-done\">\u2705 Autorizaci\u00f3n registrada. El paciente puede continuar.<\/div>\n<\/div>\n\n<script>\n  \/\/ Capturar par\u00e1metros de URL (token y order_id)\n  const params = new URLSearchParams(window.location.search);\n  const TOKEN = params.get('token');\n  const ORDER_ID = params.get('order_id');\n\n  async function authorize() {\n    const btn = document.getElementById('btn-authorize');\n    btn.disabled = true;\n    btn.innerText = \"Procesando...\";\n\n    try {\n      \/\/ En producci\u00f3n: usar wp_ajax o REST endpoint\n      const res = await fetch('\/wp-admin\/admin-ajax.php', {\n        method: 'POST',\n        headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\n        body: `action=approve_medical_order&token=${TOKEN}&order_id=${ORDER_ID}`\n      });\n      const data = await res.json();\n      \n      if (data.success) {\n        btn.style.display = 'none';\n        document.getElementById('done-msg').style.display = 'block';\n      } else {\n        alert(\"Error: \" + data.data.message);\n        btn.disabled = false;\n        btn.innerText = \"Autorizar compra\";\n      }\n    } catch (e) {\n      alert(\"Error de conexi\u00f3n\");\n      btn.disabled = false;\n      btn.innerText = \"Autorizar compra\";\n    }\n  }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Vitalis Portal M\u00e9dico Interno Autorizar receta Paciente Cliente # Producto Resveratrol 500mg Orden # Autorizar compra \u2705 Autorizaci\u00f3n registrada. El paciente puede continuar.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vitalis.beauty\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vitalis.beauty\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vitalis.beauty\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vitalis.beauty\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vitalis.beauty\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":1,"href":"https:\/\/vitalis.beauty\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/vitalis.beauty\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/vitalis.beauty\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}