{"id":1599,"date":"2025-11-21T20:40:38","date_gmt":"2025-11-21T20:40:38","guid":{"rendered":"https:\/\/shipforge.com.br\/edit\/"},"modified":"2025-11-23T22:02:13","modified_gmt":"2025-11-23T22:02:13","slug":"edit","status":"publish","type":"page","link":"https:\/\/shipforge.com.br\/home\/?page_id=1599","title":{"rendered":"Edite Card"},"content":{"rendered":"<!-- Card de Cadastro de Profissional com QR Code -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<style>\r\n.cadhub-card-form {\r\n  background: linear-gradient(135deg, #2d89ef 0%, #25d366 100%);\r\n  border-radius: 18px;\r\n  box-shadow: 0 6px 24px #0002;\r\n  padding: 28px 20px 20px 20px;\r\n  max-width: 380px;\r\n  min-width: 260px;\r\n  margin: 32px auto 16px auto;\r\n  color: #fff;\r\n  font-family: 'Segoe UI', Arial, sans-serif;\r\n}\r\n.cadhub-card-form label {\r\n  font-weight: bold;\r\n  margin-top: 10px;\r\n  display: block;\r\n}\r\n.cadhub-card-form input,\r\n.cadhub-card-form select,\r\n.cadhub-card-form textarea {\r\n  width: 100%;\r\n  padding: 10px;\r\n  border-radius: 8px;\r\n  border: none;\r\n  margin-bottom: 14px;\r\n  font-size: 1em;\r\n  color: #222;\r\n}\r\n.cadhub-card-form input[type=\"file\"] {\r\n  background: #fff;\r\n  color: #222;\r\n  padding: 6px;\r\n}\r\n.cadhub-card-form input[type=\"submit\"] {\r\n  background: #25d366;\r\n  color: #fff;\r\n  font-size: 1.15em;\r\n  font-weight: bold;\r\n  border: none;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 8px #0002;\r\n  cursor: pointer;\r\n  transition: background 0.2s;\r\n  margin-top: 10px;\r\n  padding: 14px 0;\r\n}\r\n.cadhub-card-form input[type=\"submit\"]:hover {\r\n  background: #2d89ef;\r\n}\r\n.cadhub-logo-preview {\r\n  display: block;\r\n  max-width: 90px;\r\n  max-height: 90px;\r\n  border-radius: 50%;\r\n  border: 3px solid #fff;\r\n  box-shadow: 0 2px 8px #0003;\r\n  margin: 0 auto 16px auto;\r\n  background: #fff;\r\n  object-fit: cover;\r\n}\r\n.cadhub-card-form .small {\r\n  font-size: 0.92em;\r\n  color: #ffe066;\r\n  font-weight: normal;\r\n}\r\n.cadhub-card-form select[multiple] {\r\n  height: 70px;\r\n}\r\n.cadhub-qr-area {\r\n  text-align: center;\r\n  margin: 18px 0 0 0;\r\n}\r\n.cadhub-qr-area canvas {\r\n  margin-bottom: 8px;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  padding: 8px;\r\n}\r\n.cadhub-qr-area button {\r\n  background: #2d89ef;\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 8px;\r\n  padding: 8px 20px;\r\n  font-weight: bold;\r\n  cursor: pointer;\r\n  transition: background 0.2s;\r\n}\r\n.cadhub-qr-area button:hover {\r\n  background: #25d366;\r\n}\r\n.cadhub-whatsapp-float {\r\n  position: fixed;\r\n  bottom: 80px;\r\n  right: 18px;\r\n  z-index: 10000;\r\n}\r\n.cadhub-whatsapp-float a {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 62px;\r\n  height: 62px;\r\n  background: #25d366;\r\n  color: #fff;\r\n  border-radius: 50%;\r\n  box-shadow: 0 4px 16px #0003;\r\n  font-size: 2.3em;\r\n  text-decoration: none;\r\n  transition: background 0.2s, transform 0.2s;\r\n}\r\n.cadhub-whatsapp-float a:hover {\r\n  background: #2d89ef;\r\n  transform: scale(1.08);\r\n}\r\n@media (max-width: 500px) {\r\n  .cadhub-card-form { min-width: 90vw; max-width: 96vw; }\r\n}\r\n<\/style>\r\n\r\n<form class=\"cadhub-card-form\" enctype=\"multipart\/form-data\" autocomplete=\"off\">\r\n  <h2 style=\"text-align:center;margin-bottom:18px;\">Cadastro de Profissional<\/h2>\r\n\r\n  <label for=\"logo\">Logo <span style=\"color:#ffe066;\">*<\/span><\/label>\r\n  <input type=\"file\" id=\"logo\" name=\"logo\" accept=\"image\/*\" required onchange=\"previewLogo(event)\">\r\n  <img id=\"logo-preview\" class=\"cadhub-logo-preview\" style=\"display:none;\">\r\n\r\n  <label for=\"nome\">Nome completo <span style=\"color:#ffe066;\">*<\/span><\/label>\r\n  <input type=\"text\" id=\"nome\" name=\"nome\" required>\r\n\r\n  <label for=\"tipo\">Tipo <span style=\"color:#ffe066;\">*<\/span><\/label>\r\n  <select id=\"tipo\" name=\"tipo\" required>\r\n    <option value=\"\">Selecione<\/option>\r\n    <option value=\"Dentista\">Dentista<\/option>\r\n    <option value=\"M\u00e9dico\">M\u00e9dico<\/option>\r\n  <\/select>\r\n\r\n  <label for=\"especialidades\">Especialidades <span style=\"color:#ffe066;\">*<\/span>\r\n    <span class=\"small\">(Segure Ctrl ou Cmd para selecionar mais de uma)<\/span>\r\n  <\/label>\r\n  <select id=\"especialidades\" name=\"especialidades[]\" multiple required>\r\n    <option>Ortodontia<\/option>\r\n    <option>Est\u00e9tica<\/option>\r\n    <option>Cardiologia<\/option>\r\n    <option>Pediatria<\/option>\r\n    <option>Implantodontia<\/option>\r\n    <option>Cl\u00ednica Geral<\/option>\r\n    <option>Endodontia<\/option>\r\n    <option>Dermatologia<\/option>\r\n    <option>Ginecologia<\/option>\r\n    <option>Outros<\/option>\r\n  <\/select>\r\n\r\n  <label for=\"bio\">Mini Bio<\/label>\r\n  <textarea id=\"bio\" name=\"bio\" rows=\"3\"><\/textarea>\r\n\r\n  <label for=\"whatsapp\">WhatsApp <span style=\"color:#ffe066;\">*<\/span><\/label>\r\n  <input type=\"text\" id=\"whatsapp\" name=\"whatsapp\" required placeholder=\"11999998888 (apenas n\u00fameros)\">\r\n\r\n  <label for=\"email\">E-mail <span style=\"color:#ffe066;\">*<\/span><\/label>\r\n  <input type=\"email\" id=\"email\" name=\"email\" required>\r\n\r\n  <label for=\"site\">Site<\/label>\r\n  <input type=\"url\" id=\"site\" name=\"site\" placeholder=\"https:\/\/seusite.com\">\r\n\r\n  <label for=\"instagram\">Instagram<\/label>\r\n  <input type=\"text\" id=\"instagram\" name=\"instagram\" placeholder=\"usuario\">\r\n\r\n  <label for=\"endereco\">Endere\u00e7o<\/label>\r\n  <input type=\"text\" id=\"endereco\" name=\"endereco\" placeholder=\"Rua, n\u00famero, bairro, cidade\">\r\n\r\n  <label for=\"maps\">Link Google Maps<\/label>\r\n  <input type=\"url\" id=\"maps\" name=\"maps\" placeholder=\"https:\/\/maps.google.com\/?q=...\">\r\n\r\n  <label for=\"dias\">Dias dispon\u00edveis <span style=\"color:#ffe066;\">*<\/span>\r\n    <span class=\"small\">(Segure Ctrl ou Cmd para selecionar mais de um)<\/span>\r\n  <\/label>\r\n  <select id=\"dias\" name=\"dias[]\" multiple required>\r\n    <option>Segunda<\/option>\r\n    <option>Ter\u00e7a<\/option>\r\n    <option>Quarta<\/option>\r\n    <option>Quinta<\/option>\r\n    <option>Sexta<\/option>\r\n    <option>S\u00e1bado<\/option>\r\n  <\/select>\r\n\r\n  <label for=\"horarios\">Hor\u00e1rios dispon\u00edveis <span style=\"color:#ffe066;\">*<\/span>\r\n    <span class=\"small\">(Segure Ctrl ou Cmd para selecionar mais de um)<\/span>\r\n  <\/label>\r\n  <select id=\"horarios\" name=\"horarios[]\" multiple required>\r\n    <option>08:00<\/option>\r\n    <option>09:00<\/option>\r\n    <option>10:00<\/option>\r\n    <option>11:00<\/option>\r\n    <option>14:00<\/option>\r\n    <option>15:00<\/option>\r\n    <option>16:00<\/option>\r\n    <option>17:00<\/option>\r\n  <\/select>\r\n\r\n  <input type=\"submit\" value=\"Cadastrar\">\r\n<\/form>\r\n\r\n<!-- \u00c1rea do QR Code do Card -->\r\n<div class=\"cadhub-qr-area\">\r\n  <h3 style=\"color:#2d89ef;\">QR Code do seu Card<\/h3>\r\n  <canvas id=\"qrcode\"><\/canvas>\r\n  <br>\r\n  <button onclick=\"baixarQRCode()\">Baixar QR Code<\/button>\r\n  <p class=\"small\" style=\"color:#2d89ef;\">Escaneie para acessar seu card online<\/p>\r\n<\/div>\r\n\r\n<!-- WhatsApp flutuante -->\r\n<div class=\"cadhub-whatsapp-float\">\r\n  <a href=\"https:\/\/wa.me\/5511999999999?text=Ol\u00e1, gostaria de informa\u00e7\u00f5es!\" target=\"_blank\" title=\"Fale pelo WhatsApp\">\r\n    <i class=\"fa fa-whatsapp\"><\/i>\r\n  <\/a>\r\n<\/div>\r\n\r\n<!-- QRious JS para gerar QR Code -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/qrious\/4.0.2\/qrious.min.js\"><\/script>\r\n<script>\r\nfunction previewLogo(event) {\r\n  const file = event.target.files[0];\r\n  if (file && file.type.startsWith('image\/')) {\r\n    const reader = new FileReader();\r\n    reader.onload = function(e) {\r\n      const img = document.getElementById('logo-preview');\r\n      img.src = e.target.result;\r\n      img.style.display = 'block';\r\n    };\r\n    reader.readAsDataURL(file);\r\n  }\r\n}\r\n\r\n\/\/ Substitua pela URL real do card do profissional ap\u00f3s cadastro\r\nvar urlCard = \"h https:\/\/shipforge.com.br\/cadhub_card\/card\/\"; \/\/ Troque para gerar dinamicamente depois\r\nvar qr = new QRious({\r\n  element: document.getElementById('qrcode'),\r\n  value: urlCard,\r\n  size: 200\r\n});\r\nfunction baixarQRCode() {\r\n  var link = document.createElement('a');\r\n  link.download = 'qrcode-card.png';\r\n  link.href = document.getElementById('qrcode').toDataURL();\r\n  link.click();\r\n}\r\n<\/script>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":1524,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1599","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=\/wp\/v2\/pages\/1599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1599"}],"version-history":[{"count":4,"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=\/wp\/v2\/pages\/1599\/revisions"}],"predecessor-version":[{"id":1641,"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=\/wp\/v2\/pages\/1599\/revisions\/1641"}],"up":[{"embeddable":true,"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=\/wp\/v2\/pages\/1524"}],"wp:attachment":[{"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}