{"id":300,"date":"2025-08-12T02:20:34","date_gmt":"2025-08-12T02:20:34","guid":{"rendered":"https:\/\/fadaf.org.ar\/wordpress_t\/?page_id=300"},"modified":"2025-10-16T00:46:52","modified_gmt":"2025-10-16T00:46:52","slug":"formulario_usuario_nuevo-html","status":"publish","type":"page","link":"https:\/\/prueba.fadaf.org.ar\/index.php\/formulario_usuario_nuevo-html\/","title":{"rendered":"formulario_usuario_nuevo.html"},"content":{"rendered":"<style>\n  :root{\n    --bg:#0f172a; --card:#e1e1e1; --heading:#ffffff; --text:#111827;\n    --muted:#6b7280; --primary:#373953; --primary-hover:#2e3046; --ring:#86efac;\n  }\n  *{box-sizing:border-box}\n  .form-page{\n    min-height:40vh; display:grid; place-items:center; padding:24px;\n    background:transparent;\n    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Helvetica Neue\";\n  }\n  .form-card{\n    width:100%; max-width:720px; background:#fff; color:var(--text);\n    border-radius:16px; padding:18px; box-shadow:0 10px 30px rgba(0,0,0,.12);\n    border:1px solid rgba(0,0,0,.06);\n  }\n  .form-title{\n    text-align:center; margin:-18px -18px 12px; padding:12px 16px; border-radius:16px 16px 0 0;\n    background:var(--primary); color:var(--heading); font-weight:700; font-size:18px; letter-spacing:.5px;\n  }\n  .grid{display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:14px}\n  .field{display:flex; flex-direction:column; gap:6px}\n  .label{font-size:13px; color:#374151}\n  .input,.select,.textarea{\n    width:100%; background:#ffffff; color:var(--text);\n    border:1px solid #cbd5e1; border-radius:10px; padding:10px 12px; font-size:15px;\n    transition:border-color .15s, box-shadow .15s;\n  }\n  .textarea{min-height:120px; resize:vertical}\n  .input:focus,.select:focus,.textarea:focus{\n    outline:none; border-color:var(--ring); box-shadow:0 0 0 4px rgba(134,239,172,.25)\n  }\n  .actions{display:flex; justify-content:flex-end; margin-top:12px}\n  .btn{\n    border:0; padding:12px 16px; border-radius:10px; font-weight:700; font-size:15px;\n    background:var(--primary); color:#fff; cursor:pointer;\n    box-shadow:0 8px 20px rgba(55,57,83,.35);\n  }\n  .btn:hover{background:var(--primary-hover)}\n  .alert{\n    display:none; margin-bottom:12px; padding:10px 12px; border-radius:10px; font-size:14px; border:1px solid;\n  }\n  .alert.error{background:#fff1f2; color:#991b1b; border-color:#fecdd3}\n  .alert.ok{background:#ecfdf5; color:#065f46; border-color:#a7f3d0}\n  @media (max-width:640px){ .grid{grid-template-columns:1fr} }\n<\/style>\n\n<section class=\"form-page\">\n  <!-- Cambi\u00e1 action si quer\u00e9s enviar a un endpoint propio.\n       Si vas a usar admin-ajax, dejalo sin action y us\u00e1 el JS de abajo -->\n  <form class=\"form-card\" id=\"FORM_NUEVO\" method=\"post\" novalidate>\n    <div class=\"form-title\">ALTA \/ CONSULTA DE USUARIO<\/div>\n\n    <div id=\"msg\" class=\"alert\"><\/div>\n\n    <div class=\"grid\">\n      <div class=\"field\">\n        <label class=\"label\" for=\"tipo_usuario\">Usuario<\/label>\n        <select class=\"select\" id=\"tipo_usuario\" name=\"tipo_usuario\" required>\n          <option value=\"ASOCIACION\" selected>ASOCIACION<\/option>\n          <option value=\"DELEGADO\">DELEGADO<\/option>\n          <option value=\"EMPRESA\">EMPRESA<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"field\">\n        <label class=\"label\" for=\"tipo_consulta\">Consulta<\/label>\n        <select class=\"select\" id=\"tipo_consulta\" name=\"tipo_consulta\" required>\n          <option value=\"SOY UN USUARIO NUEVO\" selected>SOY UN USUARIO NUEVO<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"field\">\n        <label class=\"label\" for=\"NOMBRE\">Nombre<\/label>\n        <input class=\"input\" id=\"NOMBRE\" name=\"NOMBRE\" type=\"text\" placeholder=\"Nombre y Apellido\" required>\n      <\/div>\n\n      <div class=\"field\">\n        <label class=\"label\" for=\"tel\">Tel\u00e9fono<\/label>\n        <input class=\"input\" id=\"tel\" name=\"tel\" type=\"tel\" inputmode=\"tel\" autocomplete=\"tel\" placeholder=\"+54 11 1234-5678\" required>\n      <\/div>\n\n      <div class=\"field\" style=\"grid-column:1\/-1\">\n        <label class=\"label\" for=\"mail\">Email<\/label>\n        <input class=\"input\" id=\"mail\" name=\"mail\" type=\"email\" autocomplete=\"email\" placeholder=\"nombre@dominio.com\" required>\n      <\/div>\n\n      <div class=\"field\" style=\"grid-column:1\/-1\">\n        <label class=\"label\" for=\"textarea1\">Consulta<\/label>\n        <textarea class=\"textarea\" id=\"textarea1\" name=\"textarea1\" rows=\"5\" placeholder=\"Contanos tu caso...\" required><\/textarea>\n      <\/div>\n    <\/div>\n\n    <div class=\"actions\">\n      <button class=\"btn\" id=\"ENVIAR\" name=\"ENVIAR\" type=\"submit\">ENVIAR<\/button>\n    <\/div>\n  <\/form>\n<\/section>\n\n<script>\n(function(){\n  const form = document.getElementById('FORM_NUEVO');\n  const msg  = document.getElementById('msg');\n\n  function show(type, text){\n    msg.className = 'alert ' + (type === 'ok' ? 'ok' : 'error');\n    msg.textContent = text;\n    msg.style.display = 'block';\n  }\n  function clearMsg(){ msg.style.display = 'none'; msg.textContent = ''; }\n\n  form.addEventListener('submit', async function(e){\n    e.preventDefault();\n    clearMsg();\n\n    const fd = new FormData(form);\n    const required = ['tipo_usuario','tipo_consulta','NOMBRE','tel','mail','textarea1'];\n\n    for (const k of required){\n      const v = (fd.get(k) || '').toString().trim();\n      if (!v){ show('error','Por favor complet\u00e1 todos los campos obligatorios.'); return; }\n    }\n    const email = (fd.get('mail') || '').toString().trim();\n    if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)){\n      show('error','Ingres\u00e1 un email v\u00e1lido.'); return;\n    }\n\n    \/\/ ===== OPCI\u00d3N A: Enviar por admin-ajax (recomendado en WP) =====\n    \/\/ Requiere tener un plugin\/handler con acci\u00f3n 'fadaf_contacto_nuevo'\n    \/\/ Ejemplo de plugin: usar wp_mail para enviar la consulta\n    \/*\n    fd.set('action','fadaf_contacto_nuevo');\n    if (window.LOGIN_NONCE) fd.set('_ajax_nonce', window.LOGIN_NONCE); \/\/ si inyect\u00e1s un nonce\n    const AJAX_URL = (typeof window.LOGIN_AJAX_URL !== 'undefined') ? window.LOGIN_AJAX_URL : '\/wp-admin\/admin-ajax.php';\n    try{\n      const res = await fetch(AJAX_URL, { method:'POST', credentials:'same-origin', body: fd });\n      const json = await res.json();\n      if (!json.success) throw new Error(json.data?.message || 'No se pudo enviar la consulta.');\n      show('ok','\u00a1Gracias! Tu solicitud fue enviada correctamente.');\n      form.reset();\n    }catch(err){\n      show('error', err.message);\n    }\n    *\/\n\n    \/\/ ===== OPCI\u00d3N B: Enviar a tu 'enviar.php' (si ya lo ten\u00e9s activo) =====\n    \/\/ Descomentar para usar tu endpoint cl\u00e1sico:\n    \/*\n    try{\n      const res = await fetch('enviar.php', { method:'POST', body: fd, credentials:'same-origin' });\n      if (!res.ok) throw new Error('No se pudo enviar la consulta.');\n      show('ok','\u00a1Gracias! Tu solicitud fue enviada correctamente.');\n      form.reset();\n    }catch(err){\n      show('error', err.message);\n    }\n    *\/\n\n    \/\/ Por defecto solo feedback local (sac\u00e1 esto si activ\u00e1s A o B):\n    show('ok','Datos validados. Decime qu\u00e9 endpoint quer\u00e9s usar y lo conecto (admin-ajax o enviar.php).');\n  });\n})();\n<\/script>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-d2248eb0 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--10);margin-bottom:var(--wp--preset--spacing--10);padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-query alignwide is-layout-flow wp-block-query-is-layout-flow\">\n\n\n<p class=\"has-text-align-right\"><strong>Rivadavia 822 &#8211; Ciudad Aut\u00f3noma de Buenos Aires<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-right\"><strong>+549 (011) 4331-1221 \/ +549 (011) 4342-6182<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-right\"><strong>presidencia@fadaf.org.ar \/ secretaria@fadaf.org.ar<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>ALTA \/ CONSULTA DE USUARIO Usuario ASOCIACIONDELEGADOEMPRESA Consulta SOY UN USUARIO NUEVO Nombre Tel\u00e9fono Email Consulta ENVIAR<\/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-300","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/prueba.fadaf.org.ar\/index.php\/wp-json\/wp\/v2\/pages\/300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prueba.fadaf.org.ar\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prueba.fadaf.org.ar\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prueba.fadaf.org.ar\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prueba.fadaf.org.ar\/index.php\/wp-json\/wp\/v2\/comments?post=300"}],"version-history":[{"count":7,"href":"https:\/\/prueba.fadaf.org.ar\/index.php\/wp-json\/wp\/v2\/pages\/300\/revisions"}],"predecessor-version":[{"id":479,"href":"https:\/\/prueba.fadaf.org.ar\/index.php\/wp-json\/wp\/v2\/pages\/300\/revisions\/479"}],"wp:attachment":[{"href":"https:\/\/prueba.fadaf.org.ar\/index.php\/wp-json\/wp\/v2\/media?parent=300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}